2012年7月30日 星期一

淺藍蝴碟花邊型版 標題圖及背景



23/9 更換網址!

經過 Sina 取了些版來試, 發現有合 yblog 用的就 post 上來囉!

這個選用天空(三欄)版 ~ 可自行試其他版型; 有標題圖、經過本人加工的 Lace 花邊的背景, 側欄小藍蝶扭, 用的圖很少啊! 看上去又舒服

想擁有簡單版面的島主, 和要慢慢學 Css、砌裝飾作為樂趣的人最適用!

我分享是因為珍惜所學、原創語法, 希望忙碌的 bloggers 輕輕鬆鬆就能有舒適的版面!

因應使用者可自設 頭像對話框, 有需要可按有底線的標題往取語法加入修改!
套用步驟 2. 揀選模版

步驟 3. 複制以下語法加入自定欄位





加入語法每步按扭前請稍等些時間給伺服器作回應, 然後按按扭 ^^

<style>#asb-nav-logo, #asb-uh, #asb-nav, #asb-nav .nav-item .divider, .toggle .nav-link .ico{background:none;border:0px none transparent;}


#asb-nav #asb-nav-left a{color:grey;}


#asb-nav #asb-nav-right a{color:transparent;}


html{background:url(http://i642.photobucket.com/albums/uu147/toast1_big/blogpho/blueBut-Hd.gif) center top;}


body{background:url(http://i477.photobucket.com/albums/rr135/butter9708/background_85/12.gif) center top no-repeat;}


#doc3 #hd #asb-header-ctn{background:none;height:330px;}


#asb-header-ctn img{display:none;}


#asb-menu .clrfix, #asb-menu .clrfix li{background:none;border-width:0px;}


.yui-b .sidebar{background:none;}


.yui-b .sidebar, .yui-b .widget, .yui-b #sidebar1, .yui-b #sidebar2{border-width:0px!important;}


/*側欄標題字變大 18px、標楷體、置中、字色軍藍*/

#sidebar1 h3, #sidebar2 h3{font-size:18px;font-family:"標楷體";text-align:center;color:navy;}


#widget-recentPost .bd ul li, #widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i642.photobucket.com/albums/uu147/toast1_big/Adduce/MiniBlueButterfly.gif);}


#widget-category .bd ul li.clrfix a .ico{background:url(http://i642.photobucket.com/albums/uu147/toast1_big/Adduce/MiniBlueButterfly.gif);height:24px;width:24px;}


#article-list, #emotion-carousel, #article-supplement, #article-navigation #article-top-nav, #article-navigation, #pagination-bottom, #article-single, #article-bottom-nav{background:none;border:0px none transparent;}


#article-single .actions, #article-supplement.new-style-supplement{border:0px none transparent;}


#article-listing-toggle{display:none;}


#article-top-nav .ft .action-carousel-show{background:none;}


#article-supplement .yui-nav{border-width:0px;}


#article-supplement .yui-nav li.selected{background:none;}


#comment-form-wrapper #comment-form{background:none;height:155px;border:1px dashed grey;}


#comment-textarea{border-width:0px!important;background:none;color:#4B0082;font-size:18px;}


.set-private label{color:purple;}


.emoticon-toggle{display:none;}


#comment-form .comment-charcounter{color:transparent;}


.new-style-supplement #comment-list .comment-reply{background:none;}


#comment-list .comment-item{border:0px none transparent;}


.comment-content .content:hover{color:green;font-size:18px;}


#comment-list textarea{font-size:18px;color:#4B0082;background:none;border:1px dashed olive;}


#comment-list .reply-container{background:none;}


.new-style-supplement #comment-history .action-load-more-comments{border-width:0px;}


#ft, #ft ul li span.divider{border:0px none transparent;background:none;}


#ft p, #ft ul li a{color:transparent;}


#article-list .no-content{background:none;border:0px none transparent;color:purple;}


#article-list .article{border-width:0px;}</style>


喜歡的隨意取用、留個言!

型版區只屬小量制作, 僅供個人使用, 不設引用! 為免圖片失鏈, 請上傳到你個人上載空間!

標題圖片取自 blog blog 趣, 背景由本人加工, 如有侵權請告知, 我會盡快拆下!

13 則留言 :

  1. 這個版很特別喎!
    [Joe回覆08/01/2012 00:00:12]知道!晚安了姬蘭!
    [版主回覆07/31/2012 19:55:31]那就好了! ^^ 尾 2、3段的語法改了!
    [Joe回覆07/31/2012 19:33:28]謝謝Akina!拿了改字色語法了,ok哂!
    [版主回覆07/30/2012 22:29:59]這版夾到 yblog 幾好呀! 其他的不成呀! 上篇有改側欄字色的語法, 你試試 ^^

    回覆刪除
  2. Akina.. 好清好靚喔 ! ^^
    [版主回覆07/30/2012 22:31:22]個版標題本身是 gif 的, 淺色清爽幾好丫!

    回覆刪除
  3. 雅姬蘭朋友:你好!這版很清雅好靚..多謝分享
    [版主回覆07/31/2012 11:19:55]早晨, 有陣子你不見了! 祝週二愉快! ^^

    回覆刪除
  4. 謝謝 Akina 分享 .... 這版很清 ... 靚靚..!
    [版主回覆07/31/2012 11:21:07]別客氣, 你也試試! ^^

    回覆刪除
  5. 這個欄位都好靚,我比較喜歡兩欄....謝謝分享....
    [版主回覆07/31/2012 11:23:48]這個版中間沒劃界, 三欄兩欄都可用啊! ^^

    回覆刪除
  6. 早晨好 ! 雅姬蘭.. 身體不適; 多點休息喔 !
    [版主回覆07/31/2012 11:25:29]早晨, 謝謝關心

    回覆刪除
  7. 晚安 ! 雅姬蘭.. 謝謝.. ^^
    [版主回覆07/31/2012 23:15:53]睡覺好的! 晚安 ^^

    回覆刪除
  8. 多謝分享!好靚啊!
    [版主回覆07/31/2012 23:15:23]別客氣, 前篇可改則欄字色, 合用就拿囉! ^^ 晚安

    回覆刪除
  9. 咁靚的背景圖, 好浪漫呀。
    [版主回覆08/01/2012 10:55:54]背景簡潔讀閱方便嘛 ^^

    回覆刪除
  10. 沒來一星期...個Blog唔同哂喎!
    [wtm246回覆08/02/2012 18:30:50]哈哈!
    [版主回覆08/02/2012 10:15:03]早晨! 嘻! 嘻! 你又留意到喎!

    回覆刪除
  11. 早晨雅姬蘭!....謝謝你的分享。
    [版主回覆08/10/2012 10:48:09]早晨! 祝週末愉快! ^^

    回覆刪除
  12. 雅姖蘭:晚安!謝謝分享!
    [版主回覆08/13/2012 11:28:31]早晨! 隨便試! ^^

    回覆刪除
  13. 謝謝你無私的分享..
    [版主回覆09/27/2012 12:06:17]yblog 今早突改型版, 語法須更改配合, 現可複制新的語法, 在清除之前的語法後, 再貼上新的!
    [版主回覆09/23/2012 16:53:54]圖片網址已更新, 可重新套用了 ^^

    回覆刪除