自訂無名logo語法
效果圖：
|
/*自訂無名logo*/ .powerlogo:hover{ .powered img{ |
語法說明：
/*自訂無名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
/*無名網誌-訪客回應欄位加圖片語法*/
效果圖：
|
/*無名網誌-訪客回應欄位加圖片*/ .comments-head {font-size: 0pt; 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中
請刪除或覆蓋 再測試預覽
效果圖：
|
/*欄位標題小圖*/
|
語法說明：
.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;}
圖檔與下方距離高度 圖檔位置靠右
效果圖：
/*無名文章標題前小圖語法*/
|
/*無名文章標題前小圖語法*/ .title {padding-left: 50px;font-weight: normal;font-size: x-small; |
語法說明：
padding-left: 50px→圖檔靠右 距離文章標題字 間隔距離位置
no-repeat left top→圖檔不重複呈現 靠右上位置
color: #996600;font-family: 華康少女文字W3;font-size:16px;
文字顏色 字體 大小
height: 45px→圖檔 與文章內容的高度距離
如果無法呈現語法效果
請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.title並存於CSS中
請刪除或覆蓋 再測試預覽
修改無名CSS步驟：
注意：選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)
效果圖：
/*無名首頁 相簿 網誌 留言 好友 圖樣語法*/
| /*首頁 圖樣*/
#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 範本 請選擇 可開放修改的範本 便利日後修改使用)
登入無名→點選 樣式管理
