鳳鳳部落格！平安快樂！幸福滿滿！

 
有無感覺 這款版型有些熟悉

沒錯 這就是在阿虎慣用的三欄版面設計

其實蠻習慣將一堆有的沒的 分開兩旁放置(一目了然)

此款版面霝兒特意將兩旁欄位縮減 中間欄位放寬 

搞很久也學得很累

做版型就是這樣 慢慢摸 多做多學 錯了再改

正所謂熟能生巧 也會越改越順手

這款版面是怡然寶貝鍾愛的

也是特意為我家寶貝做修改

很多男格友抱怨霝兒很少分享男性版面

說真的 霝兒不太有靈感耶

這款算是中性版面 男女皆宜

喜歡就拿去套用吧

預覽圖 ↓    /*此版型語法適用三欄式 / 內文靠中 / 左右兩側選單 /*/
 螢幕解析度:適合解析度1280x768px 以上    ←點我取得語法
  

 

霝兒每款版型都有PO上語法連結 只要將整篇語法複製 再到部落後台點選【樣式管理】 選【自訂樣式】再按【CSS原碼編輯】 將裡面語法完全清除 然後貼上霝兒語法後按儲存即可 若沒看見新版面 按Ctrl+F5(讓網頁重整一下)就OK了

       本 著作 係採用創用 CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款授權 
霝兒自製分享

素材來源:韓網+霝兒加工製作分享

    

 
<p><img src="http://pcdn1.rimg.tw/photos/3943316_gfja9bx_l.jpg" alt="" /></p> <p>&nbsp;<br /><span style="font-size: 12pt;">有無感覺 這款版型有些熟悉</span></p> <p><span style="font-size: 12pt;">沒錯 這就是在阿虎慣用的三欄版面設計</span></p> <p><span style="font-size: 12pt;">其實蠻習慣將一堆有的沒的 分開兩旁放置(一目了然)</span></p> <p><span style="font-size: 12pt;"><span style="font-size: 12pt;">此款版面霝兒特意將兩旁欄位縮減 中間欄位放寬</span>&nbsp;</span></p> <p><span style="font-size: 12pt;">搞很久也學得很累</span></p> <p><span style="font-size: 12pt;">做版型就是這樣 慢慢摸 多做多學 錯了再改</span></p> <p><span style="font-size: 12pt;">正所謂熟能生巧 </span><span style="font-size: 12pt;">也會越改越順手</span></p> <p><span style="font-size: 12pt;">這款版面是怡然寶貝鍾愛的</span></p> <p><span style="font-size: 12pt;">也是特意為我家寶貝做修改</span></p> <p><span style="font-size: 12pt;">很多男格友抱怨霝兒很少分享男性版面</span></p> <p><span style="font-size: 12pt;">說真的 霝兒不太有靈感耶 <img src="//s.pixfs.net/f.pixnet.net/images/emotions/015.gif" alt="" border="0" /></span></p> <p><span style="font-size: 12pt;">這款算是中性版面 男女皆宜</span></p> <p><span style="font-size: 12pt;">喜歡就拿去套用吧 <img src="//s.pixfs.net/f.pixnet.net/images/emotions/021.gif" alt="" border="0" /></span></p> <p>&nbsp;&nbsp;&nbsp;&nbsp;</p> <center><span style="font-size: 18pt;">霝兒自製版型NO.5【Coffee Time】(三欄式 )&nbsp;&nbsp;&nbsp;</span></center><center>&nbsp;</center><center></center><center><center><span style="font-size: x-large;">預覽圖 &darr;</span></center><center>&nbsp;</center><center><span style="font-size: x-large;"><a href="http://e314520520.pixnet.net/album/photo/234119678-%e9%9c%9d%e5%85%92%e8%87%aa%e8%a3%bd%e7%89%88%e5%9e%8bno.5%e3%80%90coffee-time%e3%80%91%28%e4%b8%89%e6%ac%84%e5%bc%8f-%29"><img src="https://pic.pimg.tw/e314520520/1379298825-2529144225.jpg" alt="" /></a></span></center><center>&nbsp;</center><center>&nbsp;</center><center></center><center>&nbsp;</center><center><span style="font-size: 14pt;">/*此版型語法適用三欄式 / 內文靠中 / 左右兩側選單 /*/<br /><span style="background-color: #d82638; color: #ffffff; font-size: 14pt;">&nbsp;螢幕解析度:適合解析度1280x768px&nbsp;以上</span>&nbsp;&nbsp;</span></center><center>&nbsp;</center><center>&nbsp;</center><center></center><center><span style="font-size: large;"><a href="http://blog.roodo.com/e314520520/archives/25681028.html" target="blankblank"><img src="http://forever0423.myweb.hinet.net/aaa/9-9.gif" alt="" /></a></span><span style="font-size: large;">&larr;點我取得語法<br /></span></center><center><center><center>&nbsp;</center><center>&nbsp;</center><center><img src="http://img15.imageshack.us/img15/7800/gi09.jpg" alt="" width="550" height="300" /> <p>&nbsp;</p> <center><center><center><center><center class="msgcontent"> <table style="width: 460px; border-collapse: collapse; border-color: #899e82; border-style: inset;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#899e82"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#899e82"> <tbody> <tr> <td> <table style="border-bottom-style: inset; border-right-style: ridge; border-collapse: collapse; border-top-style: ridge; border-left-style: ridge; border-color: #899e82;" border="10" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td> <table border="0" cellpadding="15" align="center"> <tbody> <tr> <td><center>&nbsp;</center><center><strong><span style="font-family: 標楷體; color: #ffffff; font-size: x-large;">霝兒每款版型都有PO上語法連結<br />只要將整篇語法複製 </span></strong></center><center><strong><span style="font-family: 標楷體; color: #ffffff; font-size: x-large;">再到部落後台點選【樣式管理】<br />選【自訂樣式】再按【CSS原碼編輯】<br />將裡面語法完全清除 </span></strong></center><center><strong><span style="font-family: 標楷體; color: #ffffff; font-size: x-large;">然後貼上霝兒語法後按儲存即可<br />若沒看見新版面 </span></strong></center><center><strong><span style="font-family: 標楷體; color: #ffffff; font-size: x-large;">按Ctrl+F5(讓網頁重整一下)就OK了</span></strong></center><center><strong><span style="font-family: 標楷體; color: #ffffff; font-size: x-large;">&nbsp;</span></strong></center></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center><center class="msgcontent"></center><center class="msgcontent"></center><center class="msgcontent">&nbsp;</center><center class="msgcontent">&nbsp;</center><center class="msgcontent">&nbsp;</center><center><a href="http://e314520520.pixnet.net/blog/category/1779565" target="_blank"><img src="http://forever0423.myweb.hinet.net/aaa/5-1.gif" alt="" /></a>&nbsp;&nbsp;</center>&nbsp;</center></center></center></center></center><center><center class="msgcontent"></center><center class="msgcontent">&nbsp;</center><center class="msgcontent"><span style="font-size: medium;">本 著作 係採用<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/tw/">創用 CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款</a>授權</span><center>&nbsp;</center><center><a href="http://creativecommons.org/licenses/by-nc-nd/3.0/tw/"><img style="border-width: 0px;" src="http://i.creativecommons.org/l/by-nc-nd/3.0/tw/88x31.png" alt="" /></a></center><center><br /><strong><span style="font-size: 12pt;">霝兒自製分享</span></strong></center><center> <p class="msgcontent" align="center"><span style="font-size: 12pt;">素材來源:韓網+霝兒加工製作分享</span></p> <center></center><center></center><center><a href="http://e314520520.pixnet.net/blog"><img src="http://forever0423.myweb.hinet.net/aaa/9-9.gif" alt="" /></a>&nbsp;&nbsp;</center>&nbsp;</center><center>&nbsp;</center> <div class="msgcontent" align="center"><img src="http://i.imgur.com/sAmMf.gif" alt="" /></div>