最新訊息

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 美 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

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

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

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

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

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

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼