網誌教學＃相簿實用語法大雜燴

部落格｜留聲機｜無名還原王｜蘋果咬一口小貼紙

★此網頁僅限http://www.wretch.cc/blog/Colorful1982使用，嚴禁盜連★

滑鼠移到框內，語法輕鬆複製。

文章內給個回應是種禮貌哦。

本頁面使用的小icon若喜歡要拿走，務必另存圖片。

本複製語法頁面1024*768最佳畫面。

內含很多種，可先複製到您的記事簿上：

/*會員圖示隱藏*/
.vip_icon{display:none}

/*LOGO隱藏*/
#logo img{display:none;}

/*隱藏登入連結列*/
#logo img {display: none;} 
#logo {display: none;}

/*消除rss字樣*/
.syndicate {display: none;}

/*類別隱藏*/
#category {display: none;}

/*個資連結框框和短直線隱藏*/
#Myspace.small-c span {visibility:hidden;}

/*加為好友送禮物給XXX那些廢物之隱藏*/
.sidetitle div.small-c {display: none;} 
.sidetitle div.small-c#MySpace {display: inline;}

/*將隱藏相本的鎖圖隱藏掉*/
font.small-c img {display: none;}

/*刪除封面照片字樣*/
td.side font.small-c {display: none;}

/*相片展開上下灰色實線隱藏*/
HR {DISPLAY: none}

/*將轉寄給朋友的字隱藏*/
p {display: none;}

/*隱藏張數但是保持人氣顯示*/
b font.small-c {visibility: hidden;} 
b font.small-c a {visibility: visible;}

：：：：：【背景部份】：：：：：

BODY { 
background-attachment:fixed; 
background-image:url(這裡是圖片圖址); 
background-color:#背景要什麼顏色; 
background-repeat:no-repeat; 
background-position:**% **%;}

★想知道更多（關於背景）請參照
http://www.wretch.cc/blog/Colorful1982&article_id=12828858

：：：：：【挪動位置部份】：：：：：

/*整體相簿往某方向移動*/
body{text-align:----------;}
（left左、right右、center置中）

/*相簿Banner擺放位置*/ 
#banner {text-align:---------;background:#none;
background-image: url();
background-repeat:no-repeat;height:**px}

/*上一張下一張那一大堆*/
.small-a {position: absolute; top: **px; right: **px;}
（left左、right右、top上、bottom下）

：：：：：【字顏色變換部份】：：：：：

/*頁數，此相簿已受保護*/
center{color:#色碼 !important;}

/*個資料變色*/
td .small-c a{color: #色碼;}

/*進入單本相本a，a全部n張縮圖照片字顏色*/
font.small-e a{color:#色碼;}

/*一個A相簿按進去之後那些很多A附屬照片粗細及大小*/
.small-e {font-weight:字的形式;font-size:**px;}

/*全部相本連結統一變色，字體大小設定*/
b font.small-c A
b font.small-c, a:visited {color: #色碼;font-size:**px;}

/*尚未點入任何相本，相本外觀字體和大小部份*/ 
td b font.small-c {font-weight: 字的形式;font-size:**px;font-family:字體名稱;}

/*點入a相本時，某某某的相簿>叉叉叉這二種的大小和顏色*/
#banner .normal-a{font-family:字體名稱;font-size:**px;color:#色碼;}

/*點入a相本時，某某某的相簿強制使用不同色*/
#banner a font.normal-a{color:#色碼 !important;font-size:**px}

/*相簿Banner字體顏色還有滑鼠點上去時後顏色*/
#banner a{font-family:字體名稱;font-size:**px;
color: #色碼; text-decoration: none;background:none;}

#banner a:hover {font-family:字體名稱;font-size: **px;
color: #色碼;text-decoration: none;}

/*個資那些連結字體的顏色*/
.sidetitle font.small-c a {font-size: **px;font-family:字體名稱;}

/*進入a相簿，a相本的相本描述部分字顏色，大小*/
.description {color:#000000;background:#none; 
letter-spacing: 0px;text-align: -------------;font-size:**px;}

/*進入a單本相簿a相簿相片下方描述字數多又在同行*/
#DisplayDesc {width: ***px; } 
 
/*A相簿點進去以後A照片之上方描述和下方講述調整大小*/
span#DisplayTitle {font-size: **px;} 
span#DisplayDesc{font-size: **px;}

/*照片完全展開以後這照片上方敘述的字型變成細明體*/
span#DisplayTitle{color:#色碼;font-weight:字體形式;
font-family:字體名稱;font-size:**px}

/*照片展開下面的細節敘述*/
#body_show #DisplayDesc {font-size: **PX;color: #色碼;}

：：：：：【卷軸部份】：：：：：

/*橫向不要有捲軸*/
body{overflow-x:hidden}

/*頁面右邊的捲軸*/
html{
scrollbar-face-color:#ffffff;/*箭頭之外那小區塊軸面顏色*/
scrollbar-arrow-color:#ffffff;/*箭頭顏色*/
scrollbar-track-color:#ffffff;/*軸軌背景顏色*/
scrollbar-shadow-color:#ffffff;/*內右下區塊三角邊*/
scrollbar-highlight-color:#ffffff;/*內左上區塊三角邊*/ 
scrollbar-3dlight-color:#ffffff; /*外左上區塊三角邊*/
scrollbar-darkshadow-color:#ffffff; }/*外右下區塊三角邊*/

：：：：：【其他部份】：：：：：

/*相本改大小*/
table{width:寬***px;}

/*相本之間縮短*/
td table {width:***px;}

/*頁面四周設上有厚度顏色邊框*/
body {border: 厚度數值**px solid #顏色代碼;}
（left左、right右、top上、bottom下）

/*相簿精緻外框*/
.side{background:#ffffff;
border:*px 線條形式 #線條顏色;}

/*相本精緻內框*/
.side img {border: 厚度數值**px #這裡是顏色 線條形式;}
（solid(實心線)、dotted(點)、dashed(短線)、double(雙實線)）

/*好友名單，背景顏色*/  
select {font-size:**px;background: #背景顏色;color: #字色碼;width: 寬多少***px;}

★若有小地方有疏忽之處，請多多見諒喔！