2011年11月25日 星期五

Taiwan Next-1 版型分享


套用版型方法:


 
1.

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

 

.進階css內容設定

 
點入高級

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

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

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

 
套用版型語法:



 

 

/*Links-頁面文字連結後變色有底線有底圖*/
a, a:link, a:visited{color:#393839 ;text-decoration:none;}a:hover{color:#F12958 ;text-decoration:none;background-image:url(http://bit.ly/ggmpyS);background-position:50% 50%;}a {text-decoration:none;}


/*置頂頁首區塊*/
#xn_bar {
background-color: #ffffff;
background:url(http://bit.ly/sEFzCu) no-repeat;
background-position:top center;}
#aubg {
background-color: #ffffff !important;
border-color:#ffffff !important;}


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


body {background:url(http://bit.ly/tMwCfR) center top transparent no-repeat;}
html {background:url(http://bit.ly/vrfx9U) center top #ffffff 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:#393839;}

/*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:#393839;
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:#393839;
background: transparent;}


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


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


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

/*頭圖外框線*/
.photo {border:1px solid #525152;}

/*頁面背景*/
#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 #525152;}



/*各欄內文字色*/
.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/ujQWYX) no-repeat;
padding-left:15px;
vertical-align:middle;}

/*登入欄虛框線*/
#xg_module_account {border:1px solid #525152;}


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

/*頁尾橫區塊*/
#xg_foot,
#xg_foot a {
background:transparent url(http://bit.ly/vrfx9U) no-repeat;color:#393839;
background-position: bottom center;}


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






延伸閱讀 :




0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...