最新訊息

314 學習手札  浴火重生
網站內的資源  緣至各方達人
相互分享教學 請隨意取用分享
莫忘傳承情意 讓這份情意傳下去
此塊園地 僅是學習筆記
提供素材內容  或許有缺失
不盡理想地方 敬請見諒
我非高手達人 願虛心學習 不斷修正改進
若有尖酸刻薄或無理要求 都非座上客
僅求心境桃花源 願做鴕鳥呆瓜
莫擾我清幽 疏忽怠慢之處 敬請原諒

廣告贊助

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) 人氣()


留言列表 (2)

發表留言
  • din0032001
  • 嗯!你的LOG我喜歡
  • 悄悄話

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼