2止痛苦 讓明天有希望

 

自訂無名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 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

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

注意修改CSS語法步驟:

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

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

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



全站熱搜

sunny 美 發表在 痞客邦 留言(2) 人氣()