↓ 引用開始
![](http://i1096.photobucket.com/albums/g338/sensitive1221/love/a17.gif)
霝兒自製版型NO.103【聖誕快樂】(插畫)
預覽圖↓
![](http://img856.imageshack.us/img856/9439/500el.jpg)
![](http://img210.imageshack.us/img210/7493/105pc.gif)
這款聖誕版面的版頭圖片素材
是無意中在陸網挖到的
感覺挺有聖誕熱鬧繽紛的氛圍
特拿來試做聖誕版面
加上一點點飄雪和風動特效就更有FU了
今年聖誕版面分享至此告一段落
謝謝大家對霝兒版面的喜愛支持
接著就以喜樂平靜的心情
迎接2012年聖誕節的到來
祝福各位
新版面【聖誕快樂】(插畫)
分享給大家
![](http://img210.imageshack.us/img210/7493/105pc.gif)
素材來源:
陸網+ 霝兒自創自製
![](http://i1204.photobucket.com/albums/bb413/sensitive1226/love1/a14.gif)
此版面設定適用於【三欄版面】或【兩欄式 - 窄欄靠右】
若想使用【兩欄式 - 窄欄靠左】設定
請參考以下格友提供的小撇步(語法設定由霝兒自行編排):
.thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:990px;}.thrcol .ycnt3col {width:990px;text-align:left;margin-left:0px;margin:0 auto;} .thrcol .yc3mainbd {margin-left:260px;}.thrcol .yc3pribd {margin-right:0px;}.thrcol .yc3sec {position:absolute;width:200px;left:50px;}.thrcol .yc3subbd {width:0px;}
↑
將此段語法加入 直接用3欄版面設定
隨意拉一個欄位至右邊
(例如:日期更新、資料統計等等,並設定不顯示)
若想重新套用【三欄版面】或【兩欄式 - 窄欄靠右】
則將上述語法清除即可
![](http://img210.imageshack.us/img210/7493/105pc.gif)
![](http://img8.imageshack.us/img8/1802/37005498.jpg)
→再點選【自訂樣式】將語法清除→然後套上霝兒這款語法就OK了
註:
這個動作只是美化作用 可以讓版面看起來更協調
![](http://img210.imageshack.us/img210/7493/105pc.gif)
此版面語法2.3欄位適用 適合解析度1024x768px/1280x768px
←點我取得語法
![](http://img210.imageshack.us/img210/7493/105pc.gif)
套用語法前 強烈建議先看此篇 ↓
![](http://i.imgur.com/drKna.gif)
本 著作 係採用創用 CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款授權
![](http://i.creativecommons.org/l/by-nc-nd/3.0/tw/88x31.png)
霝兒自製分享
![](http://forever0423.myweb.hinet.net/aaa/p1.gif)
![](http://i.imgur.com/GGpIX.gif)
![](http://i1096.photobucket.com/albums/g338/sensitive1221/love/a17.gif)
![](http://img856.imageshack.us/img856/9439/500el.jpg)
![](http://img210.imageshack.us/img210/7493/105pc.gif)
新版面【聖誕快樂】(插畫)
![](http://img210.imageshack.us/img210/7493/105pc.gif)
![](http://forever0423.myweb.hinet.net/aaa/5-1.gif)
![](http://i1204.photobucket.com/albums/bb413/sensitive1226/love1/a14.gif)
|
![](http://img210.imageshack.us/img210/7493/105pc.gif)
![](http://img8.imageshack.us/img8/1802/37005498.jpg)
![](http://img210.imageshack.us/img210/7493/105pc.gif)
![](http://forever0423.myweb.hinet.net/aaa/9-9.gif)
![](http://img210.imageshack.us/img210/7493/105pc.gif)
![](http://i.imgur.com/drKna.gif)
![](http://i.creativecommons.org/l/by-nc-nd/3.0/tw/88x31.png)
霝兒自製分享
![](http://forever0423.myweb.hinet.net/aaa/p1.gif)
全站熱搜