ポータル型ブログサイトを利用していると態々自分でデザインしなくても、 季節感に溢れバラエティに富んだ多くのテンプレートが供給されていますから、 お好みのテンプレートに何時でも変更出来るのは自ブログの運営に於いて、 楽しみである許りならず、利点の一つだと思います。
3代目に当るは2008年5月25日より、 本日2008年7月20日迄、下図のデザインを利用していましたが、 昨日は2008年の7月19日、全国的に梅雨明けに足並みを揃え、 遠州の地も梅雨明けと相成れば、 衣も次第に薄くなる初夏の頃より、 降りそぼる雨下に艶やかなるも可憐なデザインを供してくれた 『紫陽花(3カラム)』テンプレートにもお役御免と退場いただき、 陽射しの強まり、明日は海の日なる時候に、 4代目は海辺の『ボート(3カラム)』テンプレートに道を譲ることと相成りました。
また愈々夏本番にプロフィール画像に用いている当ブログのマスコットキャラクターの、 はなまるにも其れらしき装いに変更させました。
以前のプロフィール画像は「 大シャボン玉 」の転用でしたが、今回3代目は「 ビーチパラソル 」の転用です。
プロフィール内容についてはブログ上でのお付き合いも増え、 向後様々利用をしていただく方の利便等を考え、 粗ニックネームと同じで代わり映えしませんが、 本名を用いた上で名前以外をインデントさせることにしました。
スポンサーリンク
Descriptionの折り返しは今回は不自然ではありませんでしたので、 抑える修正は加えていません。
.blogtitle{
font-size:150%;
font-weight:bold;
padding:20px 400px 0 20px;
text-align:right;
letter-spacing:0;
color:#999;
height:50px;
}
font-size:150%;
padding:padding:20px 20px 0 20px;
height:80px;
font-size:150%;
font-weight:bold;
padding:20px 400px 0 20px;
text-align:right;
letter-spacing:0;
color:#999;
height:50px;
}
padding:padding:20px 20px 0 20px;
height:80px;
修正は必要最低限に留めたい処なのですが、 前回同様、テンプレート其の儘では真ん中の本文部分が 一段下がってしまっている部分を修正したのが下記になります。
.blogbody{
margin:20px 0 5px 0;
padding:8px;
border:1px none #621718;
background:#FFF url(http://admin.hamazo.tv/_img/200705boat/ha05_10mt.jpg) top center no-repeat;
}
margin:0 0 5px 0;
.blogbodys{
margin:5px 0 20px 0;
padding:8px;
border:1px none #A5B487;
background:#FFF;
}
margin:0 0 40px 0;
margin:20px 0 5px 0;
padding:8px;
border:1px none #621718;
background:#FFF url(http://admin.hamazo.tv/_img/200705boat/ha05_10mt.jpg) top center no-repeat;
}
margin:0 0 5px 0;
.blogbodys{
margin:5px 0 20px 0;
padding:8px;
border:1px none #A5B487;
background:#FFF;
}
margin:0 0 40px 0;
前回紫陽花テンプレートに変更した際、 同時にFirefoxやOpera様に修正した CSS 部分を2008年6月30日 ブログ共通 CSS ファイル設定 と同 CSS ファイル内に移行したため上記ファイルの具体的内容は下記になっています。
olのクラスが存在するためリスト初期化はファイル先頭部分に挿入してあります。
/* ---アーティクル内リストマージン初期化--- */
.main ul, .main ol{
margin:0;
padding:0;
}
/* ---主要なリンク--- */
a.inner_main_link{
display:block;
font-size:120%;
color:#007500;
margin:0.5em 0 0.5em 0.8em;
}
a.inner_main_link:hover{
color:#96FD17;
text-decoration:none;
}
/* ---番号付きリスト--- */
ol.inner_num_list{
margin:0.3em 0 0.5em 2.5em;
}
/* ---スクリプト等表示--- */
div.show_code{
margin:0.7em; padding:0.7em; color:white; background-color:black;
}
div.show_code span.mint{
color:#c9fde5;
}
div.show_code span.pinkred{
color:#fd5649;
}
この共通処理の出来る項目を纏めて外部
CSS
ファイルとして定義したものを、
テンプレートのカスタマイズに於いて
.main ul, .main ol{
margin:0;
padding:0;
}
/* ---主要なリンク--- */
a.inner_main_link{
display:block;
font-size:120%;
color:#007500;
margin:0.5em 0 0.5em 0.8em;
}
a.inner_main_link:hover{
color:#96FD17;
text-decoration:none;
}
/* ---番号付きリスト--- */
ol.inner_num_list{
margin:0.3em 0 0.5em 2.5em;
}
/* ---スクリプト等表示--- */
div.show_code{
margin:0.7em; padding:0.7em; color:white; background-color:black;
}
div.show_code span.mint{
color:#c9fde5;
}
div.show_code span.pinkred{
color:#fd5649;
}
- トップページ:
- 個別記事:
- アーカイブ:
七色に輝くブログタイトル2
2008年3月9日より4ヶ月間は一季節と一月の2008年7月10日迄、当ブログを賑々しく飾って来てくれた一連の記事ブログタイトルズームアップに取って代わったは20記事以前の2008年7月11日のアーティクル七色に輝くブログタイトルにてjQueryにアニメーションプラグインを付加し、こ