♥314非常好學♥

　

自訂無名logo語法

效果圖：

　

/*自訂無名logo*/ .powerlogo{ display:block; width:160px; height:42px; background: transparent url('http://sunny666.t35.com/A11.gif') no-repeat left top; } .powerlogo:hover{ display:block; width:160px; height:42px; background: transparent url('http://sunny666.t35.com/A11.gif') no-repeat left top; } .powered img{ display:none; }

語法說明：

/*自訂無名logo*/
.powerlogo{display:block;width:160px;height:42px;→寬 高尺寸
background: transparent url('http://sunny666.t35.com/A11.gif') no-repeat left top;}

自訂無名logo圖檔網址

.powerlogo:hover{display:block;width:160px;height:42px;→寬 高尺寸
background: transparent url('http://sunny666.t35.com/A11.gif') no-repeat left top;}

點選連結時logo變化 不怕麻煩可製作2款圖樣 讓此區塊更活潑

.powered img{display:none;}→很重要 此語法是要隱藏無名本身的logo

沒貼此段 會呈現重疊新舊logo

若要隱藏 無名LOGO區塊 請帖上下列語法

/*隱藏 登入區*/

.powered{display:none;}

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.powerlogo並存於CSS中

請刪除或覆蓋 再測試預覽

或是有隱藏無名logo區塊語法 也請刪除

修改無名CSS步驟：

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

/*無名網誌-訪客回應欄位加圖片語法*/

效果圖：

/*無名網誌-訪客回應欄位加圖片*/ .comments-head {font-size: 0pt; background: url(http://圖檔網址.gif) no-repeat center 50%; color: #ffffff;padding-top: 240px;font-family: 華康少女文字W3;}

語法說明

.comments-head {font-size: 0pt;→隱藏 (給各回應)4字

background: url(http://圖檔網址.gif)

no-repeat center 50%;→圖檔不重複 位置靠中

color: #ffffff;→(給各回應)4字顏色

注意：若要隱藏 請將顏色設跟背景同色

不然網誌上會出現一點點小痕跡出現 (給-的右上方會出現一點)

314教龜毛所以如此設定

padding-top: 240px;→圖檔高度

font-family: 華康少女文字W3;}→如要隱藏 (給各回應)4字 此處沒設定也沒差

也可使用下列語法隱藏我要回應(包含圖檔)

/*隱藏我要回應*/ .comments-head {DISPLAY: none}

　

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.sidetitle並存於CSS中

請刪除或覆蓋 再測試預覽

修改無名CSS步驟：

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

效果圖：

　

/*欄位標題小圖*/ .sidetitle {background-position: left center;padding-left: 35px; font-weight: bold;font-size: x-small; background-image: url(http://圖檔網址0.gif); border-bottom-width: 2px;color: #333333;padding-top: 8px; background-repeat: no-repeat;font-style: normal; height: 30px;background-color: transparent;text-align: left;}

語法說明：
.sidetitle {background-position: left center;padding-left: 35px;

圖檔靠右 與欄位標題字的寬距離

font-weight: bold;font-size: x-small;

background-image: url(http://圖檔網址0.gif);

border-bottom-width: 2px;color: #333333;padding-top: 8px;

與欄位邊緣底部距離 字體顏色 與欄位邊緣頂部距離

background-repeat: no-repeat;font-style: normal;

圖檔不重複呈現

height: 30px;background-color: transparent;text-align: left;}

圖檔與下方距離高度 圖檔位置靠右

　

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.sidetitle並存於CSS中

 請刪除或覆蓋 再測試預覽

修改無名CSS步驟：

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

效果圖：

　

/*無名文章標題前小圖語法*/

/*無名文章標題前小圖語法*/ .title {padding-left: 50px;font-weight: normal;font-size: x-small; background: url(http://圖檔網址.gif) no-repeat left top; color: #996600;font-family: 華康少女文字W3;font-size:16px; height: 45px;}

語法說明：

padding-left: 50px→圖檔靠右 距離文章標題字 間隔距離位置

no-repeat left top→圖檔不重複呈現 靠右上位置

color: #996600;font-family: 華康少女文字W3;font-size:16px;

文字顏色  字體 大小

height: 45px→圖檔 與文章內容的高度距離

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.title並存於CSS中

 請刪除或覆蓋 再測試預覽

修改無名CSS步驟：

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

效果圖：

　

/*無名首頁 相簿 網誌 留言 好友 圖樣語法*/

/*首頁  圖樣*/ #linkMypage {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 相簿  圖樣*/ #linkAlbum {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 網誌  圖樣*/ #linkGbook {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 留言  圖樣*/ #linkUser {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;} /* 好友  圖樣*/ #linkBlog {padding-left: 15px;background: url(http://圖檔網址.gif) no-repeat left 50%;}

語法說明：

#linkMypage {padding-left: 15px;background: url(http://圖檔網址.gif)no-repeat left 50%;}

#linkMypage→首頁 字樣

padding-left: 15px→圖檔靠左 離首頁的字距離

no-repeat left 50%→圖檔不重複呈現 靠左 中位置

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法並存於CSS中

例如：#linkMypage 請刪除或覆蓋 再測試預覽

修改無名CSS步驟：

   

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

　

無名回應文章區內圖語法CSS語法： (其他部落格尚未測試) /*無名回應文章區內圖*/ .blogbody textarea {background: url(http://圖檔網址.gif) no-repeat right 50%;}

語法說明：

no-repeat right50%→圖檔位置不重複 靠右 中→50%距離

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同blogbody textarea語法並存於CSS中

請刪除或覆蓋 再測試預覽

效果圖：

   

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

　   

注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟：

1.修改CSS語法前 請先 選擇我的樣式 →存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法→ 選擇目前使用→套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式

/*無名 網誌 隱藏css語法整理*/

/*隱藏整個[xxx的地盤]區塊*/#boxMySpace{display:none;}

/*隱藏XXX的地盤字樣*/.boxMySpaceo{display:none;}
 

/*隱藏個人照片圖檔*/.boxMySpaceImg{display:none;}
 

/*隱藏網誌分類:未分類*/#blogCategory{display:none;}
 

/*隱藏網誌分類*/#blogCategory span{display:none;}
 

/*隱藏首頁*/#linkMypage{display:none;}
 

/*隱藏相簿*/#linkAlbum{display:none;}
 

/*隱藏網誌*/#linkBlog{display:none;}
 

/*隱藏留言*/#linkGbook{display:none;}
 

/*隱藏名片*/#linkUser{display:none;}
 

/*隱藏好友*/#linkFriend{display:none;}
 

/*隱藏影音*/#linkVideo{display:none;}
 

/*隱藏加為好友*/.boxAddfriendLink a{display:none;}
 

/*隱藏送禮物給XX*/.boxGiftLink a{display:none;}
 

/*隱藏好友列表名單*/.boxMySpace1 select{display:none;}

/*隱藏整各-首頁ˋ相簿ˋ網誌ˋ流言ˋ名片和好友*/
#serviceList{display:none;}

/*隱藏首頁ˋ相簿ˋ網誌ˋ流言ˋ名片ˋ好友ˋ加為好友和送禮物XX*/
#sertvice{display:none;}

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

/*隱藏圓點*/ul{display:none;}
●首頁
●相簿
●流言
--------------------------------------------------------

隱藏播放相簿 選項

請先進入設定-網誌管理－相簿播放＊下拉是選單　選擇不播放

/*隱藏播放中相簿*/.boxSlideShowo{display:none;}
 

/*隱藏相片名稱*/#SlidePicTitle{display:none;}

記錄語法研究中

無名css基本語法
====================================

文字屬性一覽
================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decorationverline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/

背景語法
===================================