24h購物| | PChome| 登入
2013-07-23 23:44:33 | 人氣96| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】霝兒自製版型NO.117【Spring Notebook】

推薦 0 收藏 0 轉貼0 訂閱站台

 


 
 
 
↓ 引用開始
 
 
霝兒自製版型NO.117【Spring Notebook】
 
預覽圖↓

 

霝兒好久沒製版分享
忘了要將流量分散
導致有部分版面圖片失連
真對不起大家
 
圖片失連部分 待流量恢復 即可顯示正常
故不再另行補圖上傳
 
這個版面 也是抽空一點一滴完成的
版型素材取自韓網산처럼 바람처럼
原版面稍顯空白單調 霝兒改以設計
增添一些自己喜歡的元素 自行加工完成
希望大家會喜歡

新版面【Spring Notebook】 分享給大家
 
 
 素材來源: 
 
韓網산처럼 바람처럼+霝兒加工自製
 
 
/ ※兩欄式_窄欄靠左※ /
 
 
此版面設定適用於【三欄版面】或【兩欄式 - 窄欄靠右】
若想使用【兩欄式 - 窄欄靠左】設定
請參考以下格友提供的小撇步(語法設定由霝兒自行編排):

.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:270px;} .thrcol .yc3pribd {margin-right:0px;} .thrcol .yc3sec {position:absolute;width:200px;left:80px;} .thrcol .yc3subbd {width:0px;}


將此段語法加入 直接用3欄版面設定
隨意拉一個欄位至右邊
(例如:日期更新、資料統計等等,並設定不顯示)
 
若想重新套用【三欄版面】或【兩欄式 - 窄欄靠右】
則將上述語法清除即可
 
 
 
 
→再點選【自訂樣式】將語法清除→然後套上霝兒這款語法就OK了
 
註:
 
這個動作只是美化作用 可以讓版面看起來更協調
 
 
/*此版型語法僅適用於3欄位※兩欄式_窄欄靠右*/
   適合解析度1024x768px/1280x768px
 
  ←點我取得語法
 
 
套用語法前 強烈建議先看此篇 ↓
 
 
 
本 著作 係採用創用 CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款授權
 

霝兒自製分享
 
 
 
 
 
 
 
 
 
 

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文