24h購物| | PChome| 登入
2010-12-26 01:43:33 | 人氣23| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】琳達自製快樂聖誕節【106】CSS套裝版型

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


琳達自製快樂聖誕節【106】CSS套裝版型
888重要訊息:若在引用時出現888,別緊張
請先複製文章→按引用→在文章內容先打上123→打上文章標題及文章分類→
在下方選擇隠藏文章→按立即發表
★之後在該篇文章按編輯→將剛才複製的文章內容貼上→選擇公開文章→按立即發表就可以囉~

此版型是針對1280寬螢幕所製作的,1024也是可以,但就不那麼好看囉~
※管理部落格/版型設定/請先選兩欄式-窄欄靠左※
※再改成三欄式/請選一個不顯示單獨放在右欄即可※

版型限制為二欄式,窄欄靠左
此版要使用前一定先看清楚語法中的使用說明

琳達分享給好友們,希望您會喜歡
也祝福大家平安夜喜悅、聖誕節快樂
不要當小白

★═╮請您以【引用】的方式帶走它╭═★★琳達教你如何引用BLOG文章★
★═╮請全文轉載;帶走琳達的LOGO╭═★Linda達令
★═╮若自行更改文章內容或移除LOGO一律列黑╭═★
★本站自製作品巳申請註作權

琳達自製回應、引用及訂閱按鈕
   
琳達自製五按鍵鈕
    

留言欄位上方插圖 

【較適合的是1280的面版】

【下方是1024的面版提供參考】

/*語法複製開始琳達自製快樂聖誕節【106】CSS套裝版型*/
/*=========以下可選擇二欄版 or 三欄版=========*/

/******管理部落格/版型設定/請先選兩欄式-窄欄靠左******/
/******再改成三欄式/請選一個不顯示單獨放在右欄即可*****/

div.date {display:none} /*隱藏發文時間*/
#ymodupdate {display:none;} /*隱藏更新日期*/
#ymodalbum{display:none;} /*隱藏部落格相簿*/
#ymodsub{display:none;}/*隱藏我的訂閱欄位*/
#yhtw_mastfoot{display:none;} /*隱藏雅虎頁尾 */
#ymodcal{display:none;}/*隱藏月曆欄位*/

.thrcol.class {min-width:940px;}
.thrcol .ycnt3col {width:940px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:230px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:220px;left:0px;}
.thrcol .yc3subbd {width:0px;}

/*二度空間提供語法文章分類--最新回應--最新文章--捲軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/
#ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative;}

/*文章置中語法*/
BODY {Font-Family: verdana;TEXT-ALIGN: center;}

/*Master header*/
body {background:url(http://img340.imageshack.us/img340/8003/lindaccs06460.jpg) center top transparent no-repeat;}
html {background:url(http://img547.imageshack.us/img547/4913/lindaccs06461.jpg)  center top #E1F9E9 repeat-y;}

/*shared rounded corner for all modules 無框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top no-repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom no-repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

/*更換性別圖檔*/
#ymodprf .nickname{font-size:12px;font-weight:bold;}
#ymodprf .horos{background:url(http://img821.imageshack.us/img821/2716/lindaccs06319a.gif) no-repeat;background-position:0% 50%;width:150px; height:125px;text-align:center;}
#ymodprf .horos img{display:none}

/*文章前小圖設定*/
.yblogcnt .blgtitlebar {margin-bottom:15px;}
.yblogcnt .blgtitlebar h2 {font-size:130%;font-weight:bold;background:url(http://i212.photobucket.com/albums/cc85/tinamsn/1019/th_19164.gif) no-repeat;padding-left:80px;height:115px;}
.yblogcnt .blgtitlebar h2 a {color:#284331;padding-right:0px;}

/*左右欄位迷你小圖設定*/
.ycntmod .mbd ul.list li{background-image:url(http://i226.photobucket.com/albums/dd41/angel6261226/970406/th_angela-mini309.gif);background-repeat:no-repeat);background-repeat:no-repeat; padding-left:15px;padding-top:15px;_line-height:1.5em}
.ycntmod .mbd ul.list li.more {margin:20 5;text-align:right;background:url(http://i226.photobucket.com/albums/dd41/angel6261226/970406/th_angela-mini461.gif) 20px center no-repeat;}
/*Module latest upup更新日期小圖設定*/
#ymodupdate .mbd .date{background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_57420.gif) left center no-repeat;padding-left:15px;font-size:89%;font-family:verdana;}

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a, div#btnsbsrb_nologin a{display:block;width:144px;height:58px;overflow:hidden;background:url(http://img688.imageshack.us/img688/1107/lindaccs06467.gif) no-repeat;margin:0px;}
/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;width:80px;height:128px;background:url(http://img84.imageshack.us/img84/4050/lindaccs06464.gif) no-repeat;}
div.btntrackback a {display:block;width:80px;height:128px;background:url(http://img146.imageshack.us/img146/6345/lindaccs06465.gif) no-repeat;}

/*五按鈕更換圖★㊣linda達令㊣★*/
div.btncompose a{display:block;width:76px;height:22px;overflow:hidden;background:url(http://img178.imageshack.us/img178/3861/linda543712.gif) no-repeat;}
div.btnphoto a{display:block;width:76px;height:22px;overflow:hidden;background:url(http://img690.imageshack.us/img690/9625/linda543713.gif) no-repeat;}
div.btnsetup a{display:block;width:91px;height:22px;overflow:hidden;background:url(http://img832.imageshack.us/img832/3488/linda543714.gif) no-repeat;}
div.btnulprfphoto a {display:block;height:22px;background:url(http://img692.imageshack.us/img692/4249/linda543715.gif) center top no-repeat;}
div.btneditprf a {display:block;height:22px;background:url(http://img812.imageshack.us/img812/5350/linda543716.gif) center top no-repeat;}

/*編輯刪除按鈕圖片設定*/
div.btnblgedit,div.btnblgdel,div.btnblgreport,div.btncmntdel {background:transparent;border:2px outset #795B63;}
.reportbtns span{background:transparent;border:2px outset #795B63;}

/*Blog blast module★㊣linda達令㊣★招呼語字體顏色設定*/
#yblast .text{color:#002400;text-align:left;}
#yblast .bg{background:url(http://www.1christmas.org/xmas_sozai/xmas_img/sx1h.gif) no-repeat;padding-top:15px;filter:alpha(opacity=100);opacity:1.0;}

/*部落格描述及名稱連結底色及文字顏色設定*/
 #yblogtitle .mbd, #yblogtitle .mft{background:url(http://img713.imageshack.us/img713/4060/94797661.gif);color:#000000;padding:253px 50px 10px 200px;text-align:center;font-size:13px;}
 #yblogtitle h1, #yblogtitle a {color:#000000;font-size:18px;font-weight:bolder;font-family:標楷體;}

/*側欄區上標底色及文字顏色設定*/
.yc3sec .mhd, .yc3subbd .mhd{background:url(http://img257.imageshack.us/img257/9783/lindaccs06462.gif) top left no-repeat;color:#060606;padding-top:50px;padding-left:0px;text-align:center;filter:alpha(opacity=100);opacity:1.0;}
.yc3pribd .mhd{background:url(http://img257.imageshack.us/img257/9783/lindaccs06462.gif) 0% 0% repeat-x;color:#363636;padding-left:20px;padding-top:50px;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#363636;}

/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent; color:#002424;}
/*文章區上標底色及文字顏色設定*/
.yc3pribd .mhd{  background:transparent ;color:#002424; }
/*Main content body*/
.yc3pribd .mbd,.yc3pribd .mft{ padding:10px;background:transparent;color:#002424;}
/*文章區及側欄區不設透明度*/
.yc3sec .mhd, .yc3subbd .mhd,#ymodcal .mhd,.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{filter:alpha(opacity=100);opacity:1.0}
.yc3pribd .mhd,.yc3pribd .mbd,.yc3pribd .mft,.ycntmod .rctop,.ycntmod .rctop div,.ycntmod .rcbtm,.ycntmod .rcbtm div ,.ycntmod .rcl ,.ycntmod .rcr {filter:alpha(opacity=100);opacity:1.0}

/*部份管理設定不放圖片*/
#yreplymsg table,div#postrte th,div.buttonmenu,table#datatable td input, div.actionbar span,#yartcmt .pagination{background:transparnet;}
#ymsgboard .rcr q,div.cmntusrinfo span, div.cmntusrinfo.reportbtns span,#yreplymsg table,div#postrte th,#yphtgallery .text q{background:transparnet;}
select, option,#yphtsingle .text q,#yphtgallery .actionbar,div.buttonmenu,table#datatable td input,div.actionbar span,#yreplymsg table {background:transparnet;}

/*回應欄位上加圖片或動畫*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{background:url(http://dl8.glitter-graphics.net/pub/813/813278h0z8hbmuoo.gif) no-repeat;height:420px;background-position:center;}
#ypreviewmsg .yvstrcmnt{background:transparent url(http://img510.imageshack.us/img510/3056/lindaccs06466.gif) no-repeat scroll center top;padding-top:125px;}
/*個人資料管理頁面公開的部落標題+管理回應文字顏色設定*/
#ybloginfo table, #yusrinfo table, #yusrintro p ,.listbd,#ycmntlist table th ,#ycmntlist .btncmntre{background:transparent  ;color:#284331;}
/*奇摩置尾區文字顏色*/
#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#ABAA59;}
#yhtw_mastfoot{margin-top:5px;}
/*月曆當日色(底圖)+強調當日字色*/
#ymodcal .mbd td strong {background:url(http://www.animaatjes.nl/achtergronden/achtergronden/glitters/ember-010.gif);color:#ffffff;}
/*INPUT搜尋字色*/
input, select{background:transparent;color:#284331;}
/*Links*/
a, a:link, a:visited{color:#002424;text-decoration:none;}
a:hover{color:#4E6E4E;position:relative;top:2px;}

/*游標★㊣linda達令㊣★*/
body{cursor:url(http://www.geocities.jp/linda5437love/52linda0269.ani)}
a:hover {cursor:url(http://www.geocities.jp/linda5437love/52linda0311.ani)}

/*Scrollbar*/
html{SCROLLBAR-ARROW-COLOR: #6e5f64;
 SCROLLBAR-FACE-COLOR: #a38a8e;
 SCROLLBAR-DARKSHADOW-COLOR: #6e5f64;
 SCROLLBAR-HIGHLIGHT-COLOR: #ccb2bb;
 SCROLLBAR-SHADOW-COLOR: #ccb2bb;
 SCROLLBAR-TRACK-COLOR: #e1f9e9;
 SCROLLBAR-3DLIGHT-COLOR: #6e5f64;}

/*Hideaway advertisement writing*/
.ysm  {display:none;}
.ysm .ysmlabel {display:none;}
.ysm DL {display:none;}
.ysm DL.last {display:none;}

 

/*=============語法結束===========*/

★使用琳達自製快樂聖誕節【106】CSS套裝版型語法步驟★

 套用奇摩管理部落格 面版設定  各式樣版  少女類 第三款
 
確定按回我的部落格↓


  整隱藏語法
琳達的語法中沒有隱藏語法【隱藏語法】,請自由選擇,若要顯示請不要放上
,請參考
琳達教學:製作部落格版型之隱藏語法

  調整好後,複製琳達自製快樂聖誕節【106】版型所有語法
再進入到

管理部落格面板設定自訂樣式按清除所有CSS語法;
再將琳達的版型語法貼上記得最後要按 確定 喲!

領取Linda LOGO

 琳達

http://photo.pchome.com.tw/p_vivi/138746976194" target=blank>http://sites.google.com/site/linda750637/logo/linda9.gif" border=0>

台長: 落葉之楓

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