何故か同じフォントサイズへの指定があちこちでしてあったので
 bodyに一括でぶち込んでそれぞれを削除。
 ちょっとスッキリ。

 さて、さっきから何をしようとしていたかというと
 タイトル画像のお花にブログタイトルが重なっていたので
 白い部分に持ってきたかっただけなのです。
 ようやく手を付け……ようと思ったけど何じゃこりゃー!
#banner{
margin:0px;
padding-left:30px;
padding-right:30px;
text-align:left;
height:150px;
background-image:url(http://mimawaka.up.seesaa.net/image/diary.jpg);
background-repeat:no-repeat;
background-position:top right;
}

 よっぽど前回急いでいたと思われます。
 どう考えても私好みの記述でない……
 タイトル文字の位置を動かしつつ好みに変えていきます。
 要するに文字を減らす。でないと頭が混乱します。
#banner{
padding : 0 30px;
text-align : right;
height:180px;
background : url(http://mimawaka.up.seesaa.net/image/diary.jpg) no-repeat;
}

 ちょっと落ち着かないのでブログ名とブログ説明を入れ替えます。
 こいつは「デザイン」⇒「コンテンツ」のブログ上部の部分の
 ブロックをドラッグして移動するだけです。楽ちん!

 しかしこれはどうよと思ったのがこれ。
h1 {
margin:0px;
padding-top:20px 0 10px 0;
font-size:24px;
}
h1 a{
color:#9d8e87;
text-decoration: none;
font-weight:normal;
}

 いや、普通のブログならいいのです。
 しかし私のサイトは検索避けをかけているアングラサイトです。
 ……うん、確かにアングラだ(--;
 そんなサイトの日記にHタグとかロボットに媚売るタグは使えません。
 DIVとクラス指定で代用しつつ記述もスッキリさせます。
.btitle{
font-size:30px;
padding:0 18px 10px 0;
}
.btitle a{
text-decoration: none;
}

 しかし何ですかねぇ。どうしてブログの公式テンプレってのは
 こう無駄な記述が多いのでしょうねぇ。
 スタイルシートの指定を置き換えたのでHTMLも変更。
 これはやはり「コンテンツ」のブログタイトルの中にあるHTMLです。
<h1><a href="<% blog.page_url %>" accesskey="1"><% blog.title %></a></h1>

 これを以下の通りに書き換え。
<div class="btitle"><a href="<% blog.page_url %>" accesskey="1"><% blog.title %></a></div>

 ブログ説明も調整します。
 このブログはブログ説明を日本語で書いてありましたが
 あっちのブログはロボット混乱作戦のために
 フランス語を羅列しています(笑)
 とりあえずこっちでもアルファベットを並べてテストしています。
.description {
font-weight:normal;
padding:0px;
color:#9d8e87;
}

 このCSS記述を
.description {
padding:0px;
}

 ↑本当に0pxでいいならもちろんサクッと削ります。
 とりあえず0pxにしてプレビューを見ながら調整するつもりで。

 ……が!
 なぜか10pxにしても50pxにしてもパディングが反映されない!!
 何故?何故?綴り間違ってます私??
 としばらく考え、HTMLを見てマジ切れしそうになりました。
<span class="description"><% content.blog_desc.text | nl2br | __or__ | blog.description | nl2br %></span>

 何でこんなところにspan使っとんねん!!
 そりゃあパディングもマージンも無視されますわいな。
 divに書き換え!!
<div class="description"><% content.blog_desc.text | nl2br | __or__ | blog.description | nl2br %></div>

 という感じでいい加減に熱くなりながらこんな感じになりました。
/* -----------head------------ */

.btitle{
font-size:30px;
padding:0 18px 10px 0;
}
.btitle a{
text-decoration: none;
}

.description {
padding:40px 20px 10px 0;
}

 ブログカスタマイズ
 背景はまだ変な色w
 でももう眠いから寝ます。お休みなさい…

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。