; CSS: Seesaaデザインの変更に挑戦
タグ / CSS

記事
メインブログのためのCSS調整【第2回】「楓 想い出(左サイドバー)」にアドセンスのビッグバナーをタイトル下に設置する】 [2014/02/25]

 今日は早速ですがGoogleアドセンスのビッグバナーをタイトル下に設置してみました。「アドセンスをやっている方のヒントになればいいな」と思って書いていきます。

 通常は何も考えずに<デザイン>→<コンテンツ>で自由形式のコンテンツを設置しても、タイトルのイラストに重なってしまって見栄えがよくありません。

 どこを弄ったかだけメモしていきますので、皆様で自分の環境に合うように改変してください。

 調整中にタイトルの位置がずれましたので、合せるために調整しました。

h1 { margin:0px; padding-top:150px; padding-bottom:0px; padding-left:30px; font-weight:bolder; font-size:24px; font-family:Verdana; }

 タイトルの白が見にくかったので「どうせ見にくいなら!」と、背景のイメージに合わせて薄いピンクにしてしまいました。

h1 a{ color:#ffcccc; text-decoration: no..
続きを読む
メインブログのためのCSS調整【第1弾】【文字の大きさと間隔】 [2014/02/24]

 HTMLやCSSの素人である私『要(かなめ)』が独学でSeeSaaブログのデザインを自分好みに調整していきます。皆様よろしくお願いします。


 通常のままですと、この【楓デザイン】は文字が小さく文字間が詰まっています。デザインとしては格好良いのですが、私には少々読みにくいので文字を大きめにして、文字間も広くとってみます。

 今回、オリジナルのCSSから変更したのは、『.title』と『.text P』の部分です。色を赤色に変えている所を変更したり付け加えています。


.title{ margin-top:0px; margin-bottom:0px; font-weight:bold; font-size: 17px; letter-spacing: 0.5pt; line-height:150%;}

 ブログの記事タイトルを「17px」に大きくしました。それに伴って文字間を「0.5pt」に、行間を「150%」に広げてあります。


.text P{ font-size: 14px; letter-spacing: ..
続きを読む

×

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