備忘録として

今行っているCSSの修正に関して備忘録も兼ねて書いていきます。

【最初に】
上部にあるタイトル用の画像ですが、これはbodyに対して背景画像として指定することで表示しています。
画像はあらかじめアップロードして登録しておき、CSS上で背景指定を行います。
リピートなし
top centerで配置

画像の上20px程度はスキンのデフォルトで隠れてしまうので、その点を悩み中。

【次は】
このブログの読者になるバーの変更に背景を付けて表示。
CSS的には「readerMainLink」を指定します。
修正できるスキンCSSには入っていないので、新たに追加。
角は丸めてあります。　by css3
こんな感じ↓

.readerMainLink{
background-color:#FFFF99;
text-align:center;
height:18px;
line-height:18px;
border: 1px solid #CC0000; /*角R*/
-moz-border-radius: 5px; /* for Fx */
-webkit-border-radius: 5px; /* for Safari */
}

同時に再度バーの項目タイトルも同様の方法で背景と角R付けておきます。

h4.menu_title{
border: 1px solid #777777; /*角Rの設定用*/
-moz-border-radius: 7px; /* for Fx */
-webkit-border-radius: 7px; /* for Safari */
}

そうそう、意外と大変なのが、ヘッダの位置とかぶってしまうBlogタイトル＆Amebaオリジナルのリンク達（なんて呼ぶんだ？これ？


いやぁ～今はおとなしく収まっていますが、こいつが中々のじゃじゃ馬でした。。。（汗

結果的には "header" "header h1" "header h2" にて各々の場所を設定するだけの話だったのだが、
見つけるのに苦労してしまった（未熟）

さぁ、続いては。。。どこいじろうかなぁ？？