2011年11月24日 星期四

Taiwan Next 版型分享

 

 

套用版型方法:

 


 

1.

 

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


 


2 .進階css內容設定


 

點入高級


 

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


 

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


 

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


 

套用版型語法:

 

 


 


 





/*Links-頁面文字連結後變色有底線有底圖*/

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

 

 

/*置頂頁首區塊*/

#xn_bar {

background-color: #dcc4aa;

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

background-position:top center;}

#aubg {

background-color: #dcc4aa !important;

border-color:#dcc4aa !important;}

 

 

/*感謝Tina語法-大標題圖背景+重覆底背景設定*/

 

 

body {background:url(http://bit.ly/ups0ez) center top transparent no-repeat;}

html {background:url(http://bit.ly/tmMB4u) center top #dcc4aa repeat-y;}

 

 

 

 

 

/*上方大標題圖*/

#xg {background:transparent none 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:110% "Verdana";color:#64533b;}

 

/*TaiwanYes標題字大小位置及次文字位置*/

#xg_masthead p#xg_sitename {

line-height: 100%; /*玉山次文字間隔*/

padding: 0;

margin: 0;

padding:10px 0pt 0pt 0px;} /*上右下左*/

/*次文字位置*/

#xg_masthead p#xg_sitedesc {

padding: 0;

margin: 0 0 1em 0;

color:#64533b;

padding:0pt 0pt 0pt 0px;} /*次文字位置*/

 

 

/*頁面背景與標圖連接邊際*/

#xg_navigation {

min-height: 0px;

height: 0px;

background: transparent none no-repeat top center;

;padding-bottom:50px;}

 

 

/* 置頂各標題鍵始起位置_離左邊界px*/

#xg_navigation ul {

margin-left:40px;}

 

 

/* 置頂各標題鍵正常時文字色_.大小.字色.背透明*/

#xg_navigation ul li a {

font-size:15px;color:#544531;

background: transparent;}

 

 

/*滑過連結文字時_文字色變.*/

#xg_navigation ul li a:hover {background: transparent;color:#7B570A;}

 

 

/*顯示當前位置鍵字色*/

#xg_navigation ul li.this a {background: transparent url(http://bit.ly/uAICbr) no-repeat 0 50%;

color:#7B570A;padding:0pt 1.7em;}

 

 

/*----------------------------------------------------------------

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

-----------------------------------------------------------------*/

 

/*頭圖外框線*/

.photo {border:1px solid #64533b;}

 

/*頁面背景*/

#xg_body {background: transparent none repeat;

background-position:top center;}

 

 

/*部落格主名稱字體色大小*/

#xg_body {font-size: 1.1em;}

#xg_body h1 {color:#433728;font-family:標楷體;}

 

 

/*上標文字色位置*/

.xg_module_head h2 {color: #544531;font-size:15px;

 

padding-top:1px;padding-left:10px;}

 

 

 

/*各欄上標底圖+實線框*/

 

.xg_module_head {

background:transparent none repeat-x;

background-position:top left;

border:1px solid #64533b;}

 

 

 

/*各欄內文字色*/

.xg_module_body,

.xg_module_foot {

background: transparent;color:#303030;

border:1px solid #303030;}

 

 

/*字色大小+副標題前小圖*/

.xg_module_body h3,

.xg_module_body caption {

font-size:17px;color:#303030;

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

padding-left:15px;

vertical-align:middle;}

 

/*登入欄虛框線*/

#xg_module_account {border:1px solid #64533b;}

 

 

/*-------------------------------------

Footer (#xg_foot and descendants)

--------------------------------------*/

 

/*頁尾橫區塊*/

#xg_foot,

#xg_foot a {

background:transparent url(http://bit.ly/tmMB4u) no-repeat;color:#544531;

background-position: bottom center;}

 

 

/*右欄搜尋鍵背色*/

input, select{

background:#f5f3e7;

color:#333333;

FONT-SIZE:12px;

font-family:verdana;}

 

 

競選網站 : http://www.iing.tw/

 

 

 

 

延伸閱讀 :

 

 mei製的2012 大選倒數器

 mei製 前進吧♡ 小豬!3隻小豬時計月曆

 

 

 

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...