修飾你部落格的版面



很用心的將部落設計得很滿意之後,卻發現有幾處不答嘎的廣告
尤其是喜歡黑色風格的最為明顯,剛好有人詢問我是如何去掉的
想了想,還是記錄下來,老囉!記性有點差呢!

部落裡有三個廣告欄位,一是右上角的新浪LOGO
二是左上角的廣告,三是在留言回應欄上方長形廣告
若是你覺得這些廣告跟你的部落有些突兀,那就用以下方法把它們刪掉吧!
這三個都必需在CSS裡修改,要找時,通常再往下一點點就可以看得到……

1. 右上角的新浪Logo

找到這裡.sinalogo
visibility:hidden; 這句放在padding-right: 10px;
的後面就好了!

.sinalogo { PADDING-RIGHT: 10px; visibility:hidden; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }

若設為隱藏,新浪Logo將會不見唷!
這樣要管理頁面時,會找不到便捷的入口
建議你可以用透明語法,讓Logo變成半透明,仍留在原來的位置
似有似無的,免得要切換管理頁面時,找不到最方便的入口。

把隱藏語法 [visibility: hidden;] 改成:filter: Alpha(Opacity=0);
數字0表示完全透明,數值愈小愈透明唷!

.sinalogo { PADDING-RIGHT: 10px; FILTER: alpha(opacity=10); PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }


2. 左上角的廣告

找到這裡.ad200
visibility:hidden; 這句放上去就好了

.ad200 {
VISIBILITY: hidden
}


3. 回應欄上方的廣告

找到這裡.ad480
visibility:hidden; 這句放上去就好了

.ad480 {
VISIBILITY: hidden
}


   如何將回應框框的上面:姓名,電子郵件,網址,改底色
         並改字體與框框顏色呢??

找到這裡:.input
在修改裡面….

color: #xxxxxx; 文字顏色
background-color:none; 背景顏色透明,或將none改成你喜歡的顏色
border:1px solid #xxxxxx; 框框的顏色




cm788847 發表在 痞客邦 PIXNET 留言(13) 人氣()


留言列表 (13)

發表留言
  • ㄟ波
  • 恩 了解 謝謝^^
  • ㄟ波
  • 情義老師ˊ ˋㄟ波加了,可廣告還在閃&電話那個欄位怎刪^ ^"
  • 楨
  • <p>有無名相簿擋廣告的嗎</p>
  • 您好
  • 我了解了<br />
    就麻煩您有空再教大家去除廣告欄的方法了<br />
    謝謝
  • 您好
  • 您好:<br />
    謝謝介紹<br />
    之前成功了<br />
    <br />
    但這次新浪大移機後<br />
    我一樣使用此語法卻無效<br />
    但看到您的版面一樣成功消掉廣告<br />
    請問是另外使用不同語法嗎<br />
    <br />
    謝謝
  • wowo
  • 謝謝您的寶貴知識,受用無窮<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/teeth_smile.gif" />
  • 四季之首
  • 真是太感謝你了!上次亂玩CSS搞亂版型後就試了好久,到你這看才發現原來 VISIBILITY有分大小寫哦!
  • 艾薇
  • <p>謝謝^^</p><br />
    <p>跟者您的教學我也修改好了~</p><br />
    <p>介紹的很詳細^^</p>
  • 庭~
  • <p>那要加在哪裡呢?</p>
  • 庭~
  • <p>情意</p><br />
    <p>我還是不知道怎麼找</p><br />
    <p>我還是找不到</p><br />
    <p>可以幫幫我嗎謝謝</p>
  • Snow
  • 嗯~ <br />
    大大&nbsp; 謝謝你教會了我們這些語法<br />
    真的很受用呢<img src="/_common/FCKeditor/editor/images/smiley/msn/thumbs_up.gif" alt="" />
  • 淚淚
  • <p>情意:</p><br />
    <p>按照你說的我自己在sinalogo後面加上</p><br />
    <p>.ad200 {<br />
    &nbsp;VISIBILITY: hidden<br />
    }<br />
    .ad480 {<br />
    &nbsp;VISIBILITY: hidden<br />
    }<br />
    真的成功了!!好高興喔^^ 謝謝你</p>
  • 淚淚
  • <p>情意:</p><br />
    <p>我找我的CSS裡面沒有你說的<strong>.ad200、.ad480<br />
    &nbsp;</strong><br />
    這兩個名稱捏>"<</p><br />
    <p>是不是我哪裡會錯意了呢?</p><br />
    <p>要麻煩你幫我看看囉XD</p>