查看完整版本: 伊莉空間布置,圖文教學,懶人包
頁: [1] 2

ogameisgood2 發表於 2012-5-7 03:32 PM

伊莉空間布置,圖文教學,懶人包

本帖最後由 ogameisgood2 於 2012-5-24 05:08 AM 編輯

你最少一定要有13個主題,14個相簿
在空間創14相簿,沒圖沒關西
13帖子個應該不會很難,去新手教學區,或你喜歡的地方發帖,但要注意版規哦~{:32:}

一步一步跟著做,就可以有彩色的空間了,拿最近的Clannad來做範例好了.......

1.)先下載這4張圖

背景
http://a408.static-file.com/data/attachment/album/201205/18/061641lxfgh62xpvp48o1v.jpghttp://a408.static-file.com/data/attachment/album/201205/02/161609cgajn1lkknfdiizg.jpghttp://a102.static-file.com/data/attachment/album/201204/17/094752kx2g8oqqa7zkoqlg.jpghttp://a504.static-file.com/data/attachment/album/201205/02/162110v0z1lzbhccx3vcju.jpg
http://a401.static-file.com/data/attachment/album/201204/24/131504jrkrxxwoiqyj05is.jpg
頭部
http://a214.static-file.com/data/attachment/album/201204/17/052405uvborrlyvrnwadl4.gifhttp://a216.static-file.com/data/attachment/album/201204/24/134202opqzkrd8qnwetxed.gifhttp://a207.static-file.com/data/attachment/album/201205/15/063418ugd4qd9wd09wqhqd.gifhttp://a510.static-file.com/data/attachment/album/201205/18/061547aaua6fze6fqbfaqu.gif
http://a510.static-file.com/data/attachment/album/201205/23/064324zu7xna7dcnpn7cq6.gif
內容
http://a504.static-file.com/data/attachment/album/201205/18/0433177zqobggp4urnv3bn.gif
http://a509.static-file.com/data/attachment/album/201205/02/1604086j2jacczclj3tde0.gif
http://a510.static-file.com/data/attachment/album/201205/07/07171965p4wxxx16kxgu6z.gifhttp://a401.static-file.com/data/attachment/album/201205/07/163203jd554j7q5305najn.jpghttp://a403.static-file.com/data/attachment/album/201205/07/163206l9c9goarw9o88irw.jpg
音樂背景(透明)png檔
http://a504.static-file.com/data/attachment/album/201205/01/134302ccfhf3cuqxqzxqux.png

2.)下載完後,上傳4張圖到你的相簿裡

3.)上傳完後,到你的空間右上角有一個黃色的裝扮空間,點他
http://a404.static-file.com/data/attachment/album/201205/07/154240lcwfeywwzhjfqof2.jpg

4.)左上角,看到DIY
http://a102.static-file.com/data/attachment/album/201205/07/1542428di3d26iiu0sx2v7.jpg
5.)點開始下面的板式,勾 1比3比1
http://a509.static-file.com/data/attachment/album/201205/07/1542430pyypokrkj90ptr0.jpg

6.)點旁邊的風格,選天空
http://a509.static-file.com/data/attachment/album/201205/07/154246tsc20f28885tz7u0.jpg

7.)然後,點旁邊的板塊,勾個人資料/主題/頭像/音樂盒/統計訊息/相冊/好友/最近訪客/留言板 (要剛好這9個,不能多也能少)
http://a410.static-file.com/data/attachment/album/201205/07/154248b7j78nl99y4nczc9.jpg

8.)然後,點旁邊的自訂義風格,下面選背景
http://a408.static-file.com/data/attachment/album/201205/07/154250qt1l7t7b0iilry1m.jpg


9.) 然後選頭部(在自訂義風格的下面),按邊的更換,把頭部的那張放上去
http://a509.static-file.com/data/attachment/album/201205/07/154252eb307iqzrtiii57x.jpg


10.)然後選標題欄(在自訂義風格的下面),選背景顏色(背景滾動的下面),點那顏色格子,找裡面有一個透明色(在最右上角,顯示transparant)
http://a408.static-file.com/data/attachment/album/201205/07/154255rlrww1bcwsgwrxmr.jpg

11.)然後選內容(在自訂義風格的下面),按邊的更換,把「內容」的那張放上去
http://a119.static-file.com/data/attachment/album/201205/07/154258sjrn112nwukkrfzr.jpg


...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

ogameisgood2 發表於 2012-5-7 03:54 PM

現在要排版,要排正確,內容才會整齊,也不會跑圖
如果不知怎麼排,照我的空間排就可以了(點)
是下面這樣
http://a214.static-file.com/data/attachment/album/201205/07/154259tk5m5eo5eupbbtzo.jpg
http://a401.static-file.com/data/attachment/album/201205/07/154245411kdw9d4k92ywdw.jpg


ogameisgood2 發表於 2012-5-7 04:04 PM

最後,每個板塊都要去條,不然會有跑圖的情況發生

1.)先從頭像版塊改起,編輯,屬性,頭像大小:中,確定
http://a510.static-file.com/data/attachment/album/201205/07/154301tppel56646q64cg6.jpg
2.)好友版塊,編輯,屬性,顯示條數:5,確定

http://a119.static-file.com/data/attachment/album/201205/07/154303cwtk1c012zytntty.jpg
3.)相簿版塊,編輯,屬性,顯示條數:14,確定
http://a216.static-file.com/data/attachment/album/201205/07/1543058csstnmvu4qh46n8.jpg

4.)主題版塊,編輯,屬性,顯示條數:13,確定
http://a408.static-file.com/data/attachment/album/201205/07/1543078fqj2j0uz2jzpuq1.jpg

5.)留言板版塊,編輯,屬性,顯示條數:5,確定
http://a404.static-file.com/data/attachment/album/201205/07/154308iwk9s0xi2p98czyp.jpg

6.)最近訪客版塊,編輯,屬性,顯示條數:12,確定
http://a214.static-file.com/data/attachment/album/201205/07/15431425pzaw7bf5bz5yy5.jpg

...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

ogameisgood2 發表於 2012-5-7 04:11 PM

本帖最後由 ogameisgood2 於 2012-5-7 04:18 PM 編輯

音樂盒比較麻煩,所以用這一樓
1.)音樂盒版塊,編輯,屬性,添加音樂
mp3地址:
http://f11.wretch.yimg.com/ogameisgood/2/1333991165.mp3曲目名:
【空之軌跡SC】 Shine of Eidos
http://a408.static-file.com/data/attachment/album/201205/07/154309t4icwbbc6wa1tlvw.jpg
2.)音樂盒版塊,撥放器配置
http://a408.static-file.com/data/attachment/album/201205/07/161651gziekew21u1zatvr.jpg
3.)找透明png的教學

http://a510.static-file.com/data/attachment/album/201205/07/154311xxlczzflfcp66wf6.jpg

全部調完後,按保存即可
http://a119.static-file.com/data/attachment/album/201205/07/1543154jan17tdiii7y71r.jpg

有問題請提出,謝謝大家
...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

toppty60910 發表於 2012-6-2 09:13 AM

圖片如果要自己用有甚麼限制嗎???
還有板塊一定要那九個嗎?如果我要在加個動態要怎麼調???
感謝大大詳細的解說{:38:}<br><br><br><br><br><div></div>

13212223 發表於 2012-6-27 09:49 AM

版主 以上大概是看的董 可是....剛剛弄 音樂盒出問題~
找部到3.)找透明png的教學 這個    我點圖片右鍵都沒 撿視圖片資訊!!
現在空間音樂盒 藍藍的一片 好難看..

lohas_im 發表於 2012-8-19 02:29 PM

請問版主音樂盒封面要如何設置?

補充內容 (2012-8-22 12:54 PM):
感謝版大,小弟已學會使用。

zandy6666 發表於 2012-9-19 07:15 PM

大大   請問你是怎樣弄到添加音樂的那個視窗的  我在裝扮空間都找不到

opqt57cz 發表於 2013-5-13 07:09 PM

感謝教學!!!
終於知道怎放音樂了~
原來也不需要任何的css語法!
非常感恩這麼詳細的教學> <

丹特麗安 發表於 2013-5-18 04:39 AM

不太了解音樂盒的部分

如過自己有MP3怎樣用道音樂盒的地址?<br><br><br><br><br><div></div>

kebing9 發表於 2013-5-19 06:51 PM

好帖要頂,樓主的頭像還是不錯滴

nomadq 發表於 2013-7-22 05:20 PM

補充「音樂盒」之部分,

http://www03.eyny.com/home.php?mod=space&uid=9261918&do=blog&quickforward=1&id=706063

這篇網誌有提到音樂的上傳空間、圖片得上傳空間,
若仍有疑問,可在評論的地方留言~

jaymail0622 發表於 2013-8-2 01:35 PM

耶~~我會了!
可是我是長頭像的耶
縮小感覺有點可惜...{:54:}

3176 發表於 2013-8-15 11:27 PM

請問
如何將標題區的背景與內容區的背景透明化?
透明PNG是啥?要怎麼用呢?
還有 BODY { filter:alpha(opacity=40) !important; }    是要放在哪?

rninqytatwln 發表於 2013-9-26 05:11 PM

不好意思,可以請問一下,我的版型整個都不見了,我的語法加了隱藏
,結果連"裝扮空間"都不見了,可以救得回來嗎?!<br><br><br><br><br><div></div>
頁: [1] 2