2010年12月7日 星期二

Merry Christmas 2010 聖誕快樂-3



套用版型方法:

.


設定→我的網頁→外觀→編輯您頁面的外觀→高級



.進階css內容設定


點入高級


將原來ccs語法全選,然後按刪除鍵刪除原本的內容。


刪除後,成一片空白,再將新的版型css語法複製後貼入此空格中。


然後按右下角的儲存鍵,這樣新版型就套用完成了。



套用版型語法:

 



 


/*各指令語法都有註解,歡迎自行修改*/

a, a:link, a:visited{color:#ffffff ;text-decoration:none;}a:hover{color:#F3C353 ;text-decoration:none;background-image:url(http://bit.ly/ggmpyS);background-position:50% 50%;}a {text-decoration:none;}

 
/*置頂頁首區塊*/
#xn_bar {
background-color: #1A1A1A;
background:url(http://dl.dropbox.com/u/25260782/Type/Christmas-02.jpg) no-repeat;
background-position:top center;}
#aubg {
background-color: #1A1A1A !important;
border-color:#1A1A1A !important;}
 
/*感謝Tina語法-大標題圖背景+重覆底背景設定*/
body {background:url(http://dl.dropbox.com/u/25260782/Type/Christmas-01.jpg) center top transparent no-repeat;}
html {background:url(http://dl.dropbox.com/u/25260782/Type/Christmas-03.jpg) center top #1A1A1A repeat-y;}

 

/*上方大標題圖*/

#xg {background:transparent url(http://bit.ly/ehZHoR) no-repeat;

background-position:100px 70px;}/*背景圖位置:離左邊際 離置頂高*/

/*-------------------------------------------------------------------------------------
Header & Navigation (#xg_head and descendants)-置頂設定
---------------------------------------------------------------------------------------*/
/*置頂各標題鍵高度*/
#xg_masthead {height:450px;min-height:450px;}
/* TaiwanYes文字_字距.粗細.大小.字體.字色.位置*/
#xg_masthead p#xg_sitename a {
letter-spacing:1px;
font-weight:normal;
font:100% "Verdana";color:#C8900E;}
 
/*TaiwanYes標題字大小位置及次文字位置*/
#xg_masthead p#xg_sitename {
line-height: 90%; /*玉山次文字間隔*/
padding: 0;
margin: 0;
padding:10px 0pt 0pt 70px;} /*上右下左*/
 
/*次文字位置*/
#xg_masthead p#xg_sitedesc {
padding: 0;
margin: 0 0 1em 0;
color:#C8900E;
padding:0pt 0pt 0pt 90px;} /*次文字位置*/
 
/*頁面背景與標圖連接邊際*/
#xg_navigation {
min-height: 0px;
height: 0px;
background: transparent url() no-repeat top center;
;padding-bottom:40px;}
 
/* 置頂各標題鍵始起位置_離左邊界px*/
#xg_navigation ul {
margin-left:40px;}
 
/* 置頂各標題鍵正常時文字色_.大小.字色.背透明*/
#xg_navigation ul li a {
font-size:15px;color:#C8900E;
background: transparent;}
 
/*滑過連結文字時_文字色變.*/
#xg_navigation ul li a:hover {background: transparent;color:#ffffff;}
 
/*顯示當前位置鍵字色*/
#xg_navigation ul li.this a {background: transparent url(http://bit.ly/hF8UZh) no-repeat 0 50%;
color:#ffffff;padding:0pt 1.6em;}
/*----------------------------------------------------------------
Body (#xg_body and descendants)-頁面設定
-----------------------------------------------------------------*/
/*頭圖外框線*/
.photo {border:2px double #B07F0C;}
 
/*頁面背景*/
#xg_body {background: transparent url() repeat;
background-position:top center;}
 
/*部落格主名稱字體色大小*/
#xg_body {font-size: 1.1em;}
#xg_body h1 {color:#C8900E;font-family:標楷體;}
 
/*上標文字色位置*/
.xg_module_head h2 {color: #C8900E;font-size:15px;
padding-bottom:0px;padding-left:32px;}
 
/*各欄上標底圖+實線框*/
.xg_module_head {

background:transparent url(http://bit.ly/hQNMFm) no-repeat;

background-position:top left;
border:0px solid #B07F0C;}
 

/*各欄內文字色*/

.xg_module_body,

.xg_module_foot {

background: transparent;color:#ffffff;

border:1px solid #B07F0C;}

 
/*字色大小+副標題前小圖*/
.xg_module_body h3,
.xg_module_body caption {
font-size:14px;color:#ffffff;
background:url(http://bit.ly/hF8UZh) no-repeat;
padding-left:20px;
vertical-align:middle;}
 
/*登入欄虛框線*/
#xg_module_account {border:2px double #B07F0C;}
/*-------------------------------------
Footer (#xg_foot and descendants)
--------------------------------------*/
 
/*頁尾橫區塊*/
#xg_foot,
#xg_foot a {
background:transparent url(http://dl.dropbox.com/u/25260782/Type/Christmas-03.jpg) no-repeat;color:#815e0a;
background-position: top center;}
 
/*右欄搜尋鍵背色*/
input, select{

background:# FBECAB;

color:#3E2606;
FONT-SIZE:12px;
font-family:verdana;} 

 





0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...