我用的 cold tone 黑白素描型版有人讚, 真係好開心!! 今次做了一個 warm color 的型版上來分享!
同樣由我用軟件制作標題、背景主要欄位, 網上找來圖片合併加工而成!! 配對我原創語法用在版面中生效, 全部效果可現在參看我版!
27/10 現在修好了圖, 少女更可愛!
簡潔清析為上, 只用一個自定欄位輸入語法就可! 適合想輕鬆擁有易讀版面的島主, 和要慢慢學習 Css、砌裝飾作為樂趣的人使用!
*** 27/9 今早發覺 yblog 型版突然改動, 新的標題圖語法亦須更改配合!!!
新的一次過刪除 search 連小圖、blog、網頁搜尋; 另有回應箱白色輸入部份、回覆方塊、看更多回應語法更新巳加在原文, 在此篇亦有標註!
型版預覽:
因應使用者可自設 頭像 和 對話框, 有需要可按有底線的標題往取語法加入修改!
套用步驟 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;}
/*一次過刪除 search 連小圖、blog、網頁搜尋*/
#asb-nav-search span.ico, #asb-nav #asb-nav-right form{visibility:hidden;}
html{background:url(http://imageshack.us/a/img594/9204/travelbg.jpg) center top;}
body{background:url(http://imageshack.us/a/img534/7993/travelhd.jpg) center top no-repeat;}
a, #asb-menu .clrfix .first a, #asb-menu li a{color:black;}
#doc3 #hd #asb-header-ctn{background:url(http://i642.photobucket.com/albums/uu147/toast1_big/sphmix/flower-cross.gif) right bottom repeat-x;height:465px;}
#asb-header-ctn img{display:none;}
#asb-header-ctn #blog-title a{font-size:24px;font-family:"標楷體";color:black;}
#asb-header-ctn #blog-description{font-size:20px;color:black;}
#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;}
#sidebar1 h3, #sidebar2 h3{font-size:18px;font-family:"標楷體";text-align:center;}
#widget-recentPost .bd time{visibility:hidden;}
#widget-recentPost .bd ul li, #widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i736.photobucket.com/albums/xx1/adolls/icons/nameicon_159522.gif);}
#widget-recentComment .bd ul.force-wrap li a img{display:none;}
#widget-category .bd ul li.clrfix a .ico{background:url(http://i736.photobucket.com/albums/xx1/adolls/icons/money.png) no-repeat;height:32px;width:32px;}
#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-breadcrumb, #article-listing-toggle{display:none;}
#article-top-nav{display:none;}
#article-single .comment-count a .ico{background:url(http://i374.photobucket.com/albums/oo185/initsoul/list.gif) center no-repeat;}
#article-supplement .yui-nav{border-width:0px;}
#article-supplement .yui-nav li.selected{background:none;}
.report-abuse{display:none;}
#comment-form-wrapper #comment-form{background:none;height:155px;border:1px dashed beige;}
/*回應箱白色輸入部份*/
#ygubcmt .fields .textarea{border-width:0px;background:none;color:#4B0082;font-size:18px;}
#comment-form .yut-btn, #comment-list .reply-container .yut-btn{background:none;background-color:#990000;border-color:maroon;}
.set-private label{color:purple;}
.emoticon{background:url(http://i79.photobucket.com/albums/j136/stonedmonky13/stuff/thrainbow.gif);width:20px;height:13px;}
.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 beige;}
#comment-list .reply-container{background:none;}
#pagination-bottom .pg-current-page{background-color:#663300;border-color:maroon;}
/*看更多回應*/
.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;}
#widget-searchbox input, #widget-searchbox .yut-btn-search{background:none;border-width:0px;}
#article-list .article{border-width:0px;}</style>
#asb-nav #asb-nav-left a{color:grey;}
#asb-nav #asb-nav-right a{color:transparent;}
/*一次過刪除 search 連小圖、blog、網頁搜尋*/
#asb-nav-search span.ico, #asb-nav #asb-nav-right form{visibility:hidden;}
html{background:url(http://imageshack.us/a/img594/9204/travelbg.jpg) center top;}
body{background:url(http://imageshack.us/a/img534/7993/travelhd.jpg) center top no-repeat;}
a, #asb-menu .clrfix .first a, #asb-menu li a{color:black;}
#doc3 #hd #asb-header-ctn{background:url(http://i642.photobucket.com/albums/uu147/toast1_big/sphmix/flower-cross.gif) right bottom repeat-x;height:465px;}
#asb-header-ctn img{display:none;}
#asb-header-ctn #blog-title a{font-size:24px;font-family:"標楷體";color:black;}
#asb-header-ctn #blog-description{font-size:20px;color:black;}
#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;}
#sidebar1 h3, #sidebar2 h3{font-size:18px;font-family:"標楷體";text-align:center;}
#widget-recentPost .bd time{visibility:hidden;}
#widget-recentPost .bd ul li, #widget-recentComment .bd ul.force-wrap li{list-style-image:url(http://i736.photobucket.com/albums/xx1/adolls/icons/nameicon_159522.gif);}
#widget-recentComment .bd ul.force-wrap li a img{display:none;}
#widget-category .bd ul li.clrfix a .ico{background:url(http://i736.photobucket.com/albums/xx1/adolls/icons/money.png) no-repeat;height:32px;width:32px;}
#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-breadcrumb, #article-listing-toggle{display:none;}
#article-top-nav{display:none;}
#article-single .comment-count a .ico{background:url(http://i374.photobucket.com/albums/oo185/initsoul/list.gif) center no-repeat;}
#article-supplement .yui-nav{border-width:0px;}
#article-supplement .yui-nav li.selected{background:none;}
.report-abuse{display:none;}
#comment-form-wrapper #comment-form{background:none;height:155px;border:1px dashed beige;}
/*回應箱白色輸入部份*/
#ygubcmt .fields .textarea{border-width:0px;background:none;color:#4B0082;font-size:18px;}
#comment-form .yut-btn, #comment-list .reply-container .yut-btn{background:none;background-color:#990000;border-color:maroon;}
.set-private label{color:purple;}
.emoticon{background:url(http://i79.photobucket.com/albums/j136/stonedmonky13/stuff/thrainbow.gif);width:20px;height:13px;}
.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 beige;}
#comment-list .reply-container{background:none;}
#pagination-bottom .pg-current-page{background-color:#663300;border-color:maroon;}
/*看更多回應*/
.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;}
#widget-searchbox input, #widget-searchbox .yut-btn-search{background:none;border-width:0px;}
#article-list .article{border-width:0px;}</style>
套用步驟 1. 喜歡的請於留言後 ~ 隨意取用!
型版區只屬小量制作, 僅供個人使用, 不可刪去我網址出處, 不設引用!
為免圖片失鏈, 請上傳到你個人上載空間!
部份圖片取自網絡, 如有侵權請通知刪除!
***由於發現有人抄竊語法出型版, 遇上新主題精靈的出現, 在此特別提醒不熟悉語法者勿將 "頭頂工具列" 的語法胡亂配搭, 後果自負!
未經本人同意抄襲我 blog 語法侵權發放者, 本人巳/考慮向雅虎客服反映!
晚上好,預祝中秋節快樂呀!
回覆刪除[版主回覆09/25/2012 22:16:23]預祝中秋節快樂 ^^ 晚安!
晚安 ! Akina.. 簡簡單單, 好清好靚 !
回覆刪除[版主回覆09/25/2012 23:07:44]謝讚! 祝中秋快樂 ^^
晚安!好靚!謝謝分享!...要慢慢睇...
回覆刪除[版主回覆09/26/2012 10:49:38]早晨! 週 3 愉快!
謝謝分享,我都要慢慢睇...
回覆刪除[版主回覆09/26/2012 10:50:05]早晨! 週三快樂! ^^
謝謝妳的分享...晚上好!
回覆刪除[版主回覆09/26/2012 22:30:59]晚上好! 祝中秋快樂!
[小魚回覆09/26/2012 22:16:08]中秋節快樂!
我又讚^^
回覆刪除[版主回覆09/26/2012 23:53:06]Tks! 中秋快樂!
謝謝分享!
回覆刪除祝中秋節愉快!
[版主回覆09/27/2012 16:36:29]謝謝到訪! 中秋快樂!
中秋節快樂!!!^^
回覆刪除[版主回覆09/27/2012 21:07:36]祝中秋節快樂! ^^
黃昏安唷!雅姬蘭:過來探你,和你拜個安,非常感恩,取了你的語法....謝謝你!你辛苦啦,祝你天天健康又美麗!中秋節快樂!
回覆刪除[版主回覆09/27/2012 21:09:51]用到就好! 祝你中秋快樂! ^^
依個版型好靚~~~^u^
回覆刪除個女仔都靚!XD
[版主回覆09/28/2012 10:45:15]謝謝欣賞 ^^ 靚女中秋快樂呀!
banner 好靚 ar
回覆刪除[森里回覆09/28/2012 13:42:23]welcome ^^ 期待有更多更新
[版主回覆09/28/2012 10:46:12]謝啦! 祝你中秋快樂呀! ^^
好漂亮,,,,,,祝中秋節快樂............
回覆刪除[版主回覆09/28/2012 17:59:56]謝謝! 中秋快樂! 人月團圓 ^^
U are very smart !! :)
回覆刪除[版主回覆09/28/2012 18:01:16]謝讚! 中秋快樂!
早晨!中秋節快樂!非法の靚呀。
回覆刪除[版主回覆09/29/2012 11:08:49]早晨呀! 週末愉快 + 中秋快樂 ^^ 日文叫 "非法の靚" 呀 !
你個版面好靚呀!
回覆刪除╔═════ ೋღ✰ღೋ ═════╗
♡♡ 中秋節快樂, 天天開心幸福 ♡♡
╚═════ ೋღ✰ღೋ ═════╝
[版主回覆09/29/2012 16:35:31]謝讚! 祝中秋快樂, 人月團圓!
Akina 你好!多謝你的分享和美不勝收的設計!
回覆刪除請教如下:
我版的設置精靈顯示出來與你的不同,我按主题 or
自設又或上傳相片都全不動全不 work !
我好想改版面,可是又做不到任何嘢!
[花茶回覆09/29/2012 17:54:27]Thank you very much !!!!
[版主回覆09/29/2012 16:41:13]先謝讚! ^^ 我版是 "三藩2欄" 與你的快樂時光是不同版來的啦! ...
標題圖位置你可改用本文新的語法欄稱移正
其他可能是 yblog 在改動啦! ... 只好稍後多試了 ...
雅姬蘭,祝您和家人中秋節快樂!
回覆刪除[版主回覆09/29/2012 16:42:29]包青天大人! 祝你中秋快樂, 玩得開心D!
Akina.. °° •(¯`♥´¯)•*¨`*•.
回覆刪除....ℒ ℴ ν ℯ..♥*•.¸.•(¯`♥´¯)♥
.....週末快樂..❀.. *•.¸.•* .. ❀
☆千好萬好事事好, 月圓情圓人團圓.☆
祝:中秋節快樂, 萬事如意, 心想事成!
[版主回覆09/29/2012 20:35:54]中秋快樂 開開心心
Akina, 中秋節快樂!
回覆刪除[版主回覆09/30/2012 10:35:09]早晨! 中秋快樂
中秋節快樂 !
回覆刪除[版主回覆09/30/2012 10:40:32]中秋快樂 開開心心! ^^
♥..╭═════════════════════════════╮
回覆刪除╭╯❥中秋&迎月❥和家人歡度佳節 開心每一天哦♡...║
╰══◎════◎════◎════◎════◎════◎╯
❤♥ღ✿ƸӜƷ★♥❤ƸӜƷ✿❤♥✿ƸӜƷ★♥ღ❤✿❤♥ღ✿ƸӜƷ★
[版主回覆09/30/2012 10:36:55]早晨! 中秋家好月圓 開心快樂!
祝你中秋節快樂!
回覆刪除[版主回覆09/30/2012 14:08:54]中秋快樂 ^^ 人月團圓!
哈哈...開心喔 ★ 歡樂無窮★ 中秋佳節食了月餅愉快
回覆刪除❥❥❥❥❥❥──~•❥~─~•❥~──♥──~•❥~──~•❥~───~•❥
[版主回覆09/30/2012 21:02:42]一日吃 1/4 月餅就好了, 咪吃肥了! ^^
Akina.. 求教 !! 可來我blog看看嗎 !
回覆刪除我的blog點選上方「我的設定」,
便會看見「一般設定」「主題精靈」,
按進「主題精靈」後, 左面不會彈出深灰色表格,
只見我blog以下黑色文字 :
沒有你們說的可「自訂」「圖片」「背景」???
怎麼好呢 ? 請 高人指教, 先謝謝 !
[版主回覆09/30/2012 21:01:33]你 refresh 多幾次試試吧! 按主題精靈後將 mouse 移左邊到平常的精靈版面試試看 ... 我看見你的 Css 寫得很亂呀! 很多重覆的地方 ?? ... 標題圖語法已更新, 你找到後也更換吧!
Akina,國慶日快樂!
回覆刪除[Joe回覆10/02/2012 00:06:58]多謝!大家咁話!
[版主回覆10/01/2012 16:22:25]假日快樂 ^^ 玩得開心D !
一日吃不到 1/4 月餅...咪吃不肥...
回覆刪除好朋友♡周公孑見...快樂每一刻...
[版主回覆10/01/2012 16:25:59]還有空間咪再吃 1/8 月餅囉 假日快樂!
Akina:祝妳有愉快中秋假期.....祝國慶節快樂!
回覆刪除[版主回覆10/01/2012 16:27:32]Kam Kam, 追月及國慶快樂呀! ^^
.♥╭═════════════════════════════╮
回覆刪除╭╯❥追月甜蜜&讓我們的愛化成温暖的快樂每一刻║
╰══◎════◎════◎════◎════◎════◎╯
✿⊱╮✿⊱╮✿⊱╮✿⊱╮✿⊱╮✿⊱╮✿⊱╮✿⊱╮✿⊱╮
晚上好...開心又一天喔!
回覆刪除朋友, 妳好!
[版主回覆10/01/2012 21:19:27]你好! 國慶假快樂! ^^
晚上好!追月及國慶快樂!
回覆刪除今次夠CUTE , 但好孩好似食煙!
回覆刪除[版主回覆10/02/2012 14:00:53]沒人笨到拿相機又食煙吧! 筆來的 ^^ 假日愉快!
你好!雅姬蘭,頂上那張素描是你畫?好得意!假日愉快!!
回覆刪除[版主回覆10/02/2012 18:27:38]黃昏好! 那素描是網上素材圖片來的啦! ... 用 Css 換標題圖方便得多呢! ^^
Akina:祝妳有愉快中秋假期..
回覆刪除[版主回覆10/02/2012 23:19:43]一週愉快! ^^ 晚安!
妳畫得真好呀 ~ 可以出漫畫書喎 ~
回覆刪除[版主回覆10/03/2012 10:33:45]早晨呀! 我能用電腦劃簡單的公仔, 但不是這個啦! ... ^^
好靚呀
回覆刪除[版主回覆10/04/2012 20:53:09]晚上好! 謝謝到訪! ^^
回覆刪除好清新 好吸引。
回覆刪除[版主回覆10/09/2012 11:11:00]謝讚! ^^ 希望將來可出美食版啦! ^^
是建築師?
回覆刪除[阿脾畫,abay523回覆10/11/2012 20:38:31]Oh! Sorry.
[版主回覆10/09/2012 19:46:48]哈哈! 是愛探索隨拍的少女呀!