縱橫天下-圖文 教學 詩詞 桌布

最近天空好像來了很多新人，很多人來問我要如何改版，我知道的不是很多，這篇是我最近改版的筆記，提供給需要改版的人做參考～很多還沒註解，因為最近比較沒時間＆懶～＠＠，若知道的人＆不知道的人都可以留言一起分享^^

何謂新版&舊版

網誌外頁

隱藏系統公告＆右上角掀頁廣告

網誌內頁













留言版留言框架&版主回覆框架


文章未登入留言框架

	/*部落格整體*/
	BODY	/*整個網頁頁面*/
	{
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 11px;
	BACKGROUND: #ffffcc fixed no-repeat left top;
	MARGIN: 0px;
	BORDER-LEFT: medium none;
	COLOR: #000000;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif;
	}	/*top*/

修改文章內部自動斷行

邊欄文章分類前面那個小圖示背景

邊欄整體框架
#mainFrame       
{
  MARGIN: 0px auto; WIDTH: 960px; POSITION: relative; TEXT-ALIGN: left;
}

/*top*/

最上面屋頂那個橫樑#topbar



變更天空屋頂那條橫樑topbar

↑回頂頁

推薦數設定

#commend
{
TEXT-ALIGN: center;
MARGIN-TOP: 5px;
WIDTH: 230px;
FLOAT: left;
COLOR: #ffff00;
MARGIN-LEFT: 0px;
FONT-SIZE: 12pt;
}



推薦數向左移 #commend　→天空推薦數往左移

刪掉推薦數前面那個小圖示背景


/*top*/



→天空部落網誌標題字設定→舊版
新版




邊欄字色
.sideContent            
{
  PADDING-RIGHT: 25px; BACKGROUND-POSITION: 50% top; PADDING-LEFT: 35px; PADDING-BOTTOM: 10px; COLOR: #660000; LINE-HEIGHT: 18px; PADDING-TOP: 5px; FONT-FAMILY: verdana,\\\\\\\\\\"新細明體\\\\\\\\\";
}





/*top*/



去掉文章背景
#articleBlock         
{
  PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 690px; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

/*top*/

文章標題框設定
.post_title　
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 25px;
FONT-WEIGHT: bold;
FONT-SIZE: 24px;
BACKGROUND-IMAGE: url(http://pics11.blog.yam.com/14/userfile/h/hung888/album/1492aa71f7531a.jpg);
PADDING-BOTTOM: 10px;
COLOR: #4040ff;
PADDING-TOP: 10px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: 標楷體;
LETTER-SPACING: 1px;
}

/*top*/

文章標題字設定
.post_titlediv     
{
  FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN-LEFT: 18px; PADDING-TOP: 0px; FONT-FAMILY: verdana,\\\\\\\"新細明體\\\\\\";
}



/*top*/

.post_date
{
  FONT-WEIGHT: bold; FONT-SIZE: 11px; Z-INDEX: 100; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 28px; WIDTH: 200px; COLOR: #badbbb; FONT-FAMILY: Verdana; LETTER-SPACING: 0px; TEXT-ALIGN: left;
}



/*top*/

鼓勵網誌
.cheer　
{
BACKGROUND-POSITION: left 50%;
PADDING-LEFT: 5px;
FONT-SIZE: 11px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 35px;
}

/*top*/

文章內文設定
.post_content     
{
  PADDING-RIGHT: 30px; PADDING-LEFT: 10px; FONT-SIZE: 13px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.8em; PADDING-TOP: 5px; FONT-FAMILY: verdana,\\\\\\\\\\"新細明體\\\\\\\\\\"; HEIGHT: 100%;
}

/*top*/

ID&暱稱字色
SPAN.highlight    
{
  FONT-WEIGHT: bold;
}

/*top*/

相簿設定



div.albumDesc
{
MARGIN-TOP: 68px;　與上面距離
BACKGROUND: #DAC8B6;　背景顏色
COLOR: #006699;　字體顏色
FONT-SIZE: 12pt;　字體大小
}

div.albumview
{
MARGIN-TOP: 145px;　與上面距離
MARGIN-LEFT: 100px;　與左邊距離
}



/*top*/



單篇相片說明註解
.photoviewDesc
{
  WIDTH: 100%;
}



/*top*/

觀看全文
DIV#post_content  　　
{
FONT-SIZE: 51px;
}



/*top*/

邊欄文字區底色
#MainSide DIV.sideColumn
{
  BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND-IMAGE: none; MARGIN-LEFT: 0px; BORDER-LEFT: medium none; MARGIN-RIGHT: -10px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #cccc99;
}

邊欄標題底圖
#MainSide DIV.sideTitle　
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
BACKGROUND-IMAGE: url(http://pics11.blog.yam.com/2/userfile/h/hung888/album/1495288bdd5847.gif);
BORDER-LEFT: medium none;
COLOR: #663333;
BORDER-BOTTOM: medium none;
BACKGROUND-COLOR: #999966;
}

/*top*/

版主回覆 

/*top*/

個人資料設定

DIV.profile_title　　　　 部落格資料-個人資料-自我介紹
{
COLOR: #000000;　文字體顏色
FONT-SIZE: 16pt;　文字體大小
FONT-WEIGHT: bold;　文字體粗體
text-align:center;　文字置中對齊
letter-spacing : 5pt;　文字間距離
FONT-FAMILY: 標楷體;　文字字型
}

div.profile_title
{
BACKGROUND-IMAGE: url(http://pics11.blog.yam.com/18/userfile/h/hung888/album/14a6989a6a42ed.gif); 背景圖
PADDING-TOP: 8px;　文字與上邊距離
PADDING-BOTTOM: 9px;　文字與下邊距離
WIDTH: 760px;　背景圖寬度
}