2010年12月6日 星期一

Merry Christmas 2010 聖誕快樂-2




套用版型方法:

.

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


.進階css內容設定


點入高級


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


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


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




套用版型語法: 

 

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

/*Links-頁面文字連結後變色有底線有底圖*/
a, a:link, a:visited{color:#333333;font-size:15px;text-decoration:none;}
a:hover{color:#ffffff;font-size:17px;font-weight: bold;text-decoration:none;}


/*置頂頁首區塊*/
#xn_bar {
background-color: #7c1e1e;
background:url(http://dl.dropbox.com/u/25260782/Type/Red-2.jpg) no-repeat;
background-position:top center;}
#aubg {
background-color: #7c1e1e !important;
border-color:#7c1e1e !important;}



/*感謝Tina語法-大標題圖背景+重覆底背景設定*/
body {background:url(http://dl.dropbox.com/u/25260782/Type/Red-1.jpg) center top transparent no-repeat;}
html {background:url(http://dl.dropbox.com/u/25260782/Type/Red-3.jpg) center top #ffffff 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:410px;min-height:410px;}


/* TaiwanYes文字_字距.粗細.大小.字體.字色.位置*/
#xg_masthead p#xg_sitename a {
letter-spacing:1px;
font-weight:normal;
font:120% "Verdana";color:#815e0a;}

/*TaiwanYes標題字大小位置及次文字位置*/
#xg_masthead p#xg_sitename {
line-height: 110%; /*玉山次文字間隔*/
padding: 0;
margin: 0;
padding:110px 0pt 0pt 400px;} /*上右下左*/
/*次文字位置*/
#xg_masthead p#xg_sitedesc {
padding: 0;
margin: 0 0 1em 0;
color:#815e0a;
padding:0pt 0pt 0pt 435px;} /*次文字位置*/


/*頁面背景與標圖連接邊際*/
#xg_navigation {
min-height: 0px;
height: 0px;
background: transparent none no-repeat top center;
;padding-bottom:40px;}


/* 置頂各標題鍵始起位置_離左邊界px*/
#xg_navigation ul {
margin-left:40px;}


/* 置頂各標題鍵正常時文字色_.大小.字色.背透明*/
#xg_navigation ul li a {
font-size:15px;color:#785606;
background: transparent;}


/*滑過連結文字時_文字色變.*/
#xg_navigation ul li a:hover {background: transparent;color:#7f2121;}


/*顯示當前位置鍵字色*/
#xg_navigation ul li.this a {background: transparent url(http://bit.ly/hF8UZh) no-repeat 0 50%;
color:#af770a;padding:0pt 1.6em;}


/*----------------------------------------------------------------
Body (#xg_body and descendants)-頁面設定
-----------------------------------------------------------------*/

/*頭圖外框線*/
.photo {border:2px double #8f680b;}

/*頁面背景*/
#xg_body {background: transparent none repeat;
background-position:top center;}


/*部落格主名稱字體色大小*/
#xg_body {font-size: 1.1em;}
#xg_body h1 {color:#725309;font-family:標楷體;}


/*上標文字色位置*/
.xg_module_head h2 {color: #e5aa1d;font-size:15px;
padding-bottom:0px;padding-left:32px;}


/*各欄上標底圖+實線框*/
.xg_module_head {
background:transparent url(http://bit.ly/gwzxkN) no-repeat;
background-position:top left;
border:0px solid #8f680b;}


/*各欄內文字色*/
.xg_module_body,
.xg_module_foot {
background: transparent;color:#333333;
border:1px solid #8f680b;}


/*字色大小+副標題前小圖*/
.xg_module_body h3,
.xg_module_body caption {
font-size:14px;color:#333333;
background:url(http://bit.ly/hF8UZh) no-repeat;
padding-left:20px;
vertical-align:middle;}

/*登入欄虛框線*/
#xg_module_account {border:2px double #8f680b;}


/*-------------------------------------
Footer (#xg_foot and descendants)
--------------------------------------*/

/*頁尾橫區塊*/
#xg_foot,
#xg_foot a {
background:transparent url(http://dl.dropbox.com/u/25260782/Type/Red-3.jpg) no-repeat;color:#8f680b;
background-position: top center;}


/*右欄搜尋鍵背色*/
input, select{
background:#0ffffff;
color:#815e0a;
FONT-SIZE:12px;
font-family:verdana;} 

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...