作者a892245 ( )
看板Blog
標題Re: [問題] blogger 標頭文字的位置
時間Wed Jul 16 22:22:02 2008
※ 引述《bejishone (我要好起來!!!!)》之銘言:
: 這是我的blog
: http://bejishone.blogspot.com
: 我今天在改上面header 有一個地方一直改不出來
: 就是我標頭文字紅色那個部分
: 我依照之前有人分享的改header圖片的方式下去改
: 我想把它放到右下角去 可是卻一直沒辦法改
: #header-wrapper {
: margin:0;
: padding: 0;
: background-color: $headerCornersColor;
: text-align: right;
: }
: #header {
: width: 1200px;
: margin: 0 auto;
: background: url('http://img515.imageshack.us/img515/5473/topmaincs6.jpg');
: border: 1px solid $headerBgColor;
: color: $headerTextColor;
: padding-top: 25px;
: padding-bottom:191px;
: font: $headerFont;
: }
這兩個部份只是定義header的範圍與大概的樣式而已
真正可以完全控制網誌標題的是他當中的 h1 .title{}
要把css語法下在這裡對網誌標頭才有效唷
: 這是header的部份
: 原本想要加上
: padding-$endSide
: padding-$startSdie
: 可是blogger卻會出現這個文字
: 網頁外觀中的無效變數聲明:
: 您可以使用變數,但不能定義它。 輸入: endSide
這個東西好像要css樣式表一開頭的Variable definitions裡有才可以使用
但我沒用過這東西orz...直接 padding: 0px 0px 0px 0px;就好了
四個數值分別是上右下左,也就是依順時針方向
: 請問要怎麼改到右下角去
: 還有
: 我要把那串標頭文字加上我blogger本身的連結
: <div id='header-wrapper'>
: <b:section class='header' id='header' maxwidgets='0'
: showaddelement='no'>
: <b:widget id='Header1' locked='true' title='beji's學習部落格 (標頭)'
: type='Header'/>
: </b:section>
: </div>
如果要加上首頁連結,請展開小裝置範本
找到下面這段語法,位在<div id='header-wrapper'>下面不遠處
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
這裡blogger是用了一個判斷句,把語法翻成白話的意思是
如果目前所在的頁面網址等於首頁網址,那就只顯示純文字網誌標題
如果是其他狀況,那就顯示含有首頁連結的網誌標題
也就是說,如果你想要讓網誌標題不管在哪個頁面都是超連結的話
那你可以把這串語法留下黃色的地方就好,其他就註解掉或刪掉
: 是在這裡面加嗎 還是要另外寫連結上去
: 就是這兩個今天在改header的時候遇到的問題
--
http://lingshu1005.blogspot.com/
something about my life
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.173.175.106
※ 編輯: a892245 來自: 218.173.175.106 (07/16 22:24)
推 bejishone:我加上padding 可是我在上跟下輸入值的話 只有圖會動 07/16 22:57
→ bejishone:在最後的地方輸入 就會往右邊跑 可是就是沒辦法往下 07/16 22:58
→ a892245:你把padding加在哪裡= =? 要改h1.title{}才會動到文字 07/16 23:13
推 bejishone:我加在h1.title 裡 現在就是左右 加的話可以動 上下不行 07/17 00:05
→ a892245:我看到你的#header{}裡有個padding-bottom:281px; 07/17 00:13
→ a892245:看看是不是因為她才造成h1動不了@@ 07/17 00:13
→ a892245:那是在下面補空白的意思,所以數字越大離下面越遠 07/17 00:15
推 bejishone:改好了 原來那是補空白阿 改成往上補281px 就在下面了 07/17 00:27
→ bejishone:太感謝了 07/17 00:27