こんにちは、ほくほくです。
2週間前になりますが、このブログのデザインを変更しました。(関連記事)
実はほくほくは、ブログのデザインを自分の気に入ったものにするため、今年に入ってからスタイルシート(CSS)の勉強をコツコツ(コソコソかな?)していました。
なので、今回のデザイン変更は、テンプレートを基にしつつも、CSSを使用して自分なりに気に入った形に仕上げています。
Seesaaブログのテンプレートはこんな感じですが・・・
それを、CSSを変更して下図のような今のデザインに変えています。
(注)単に画像を拡大しているわけではありませんよ(笑)
具体的には、ブログページ全体の幅を広げ、それに合わせてコンテンツの幅を変更し、さらに枠線をつけたりしています。
ほくほくは、前々からいろいろなブログパーツを貼り付けたかったのですが、片側のみのサイドバーだとどうしてもトップページが縦長になってしまいます。
かといって、両サイドバーにすると、今度はそれぞれの横幅が狭くなってしまい、窮屈になるし記事本体も読みにくくなる感じがしていました。
そこで今回、CSSを編集して、両サイドバー形式にしつつも幅を広げ、自分なりに気に入ったデザインにしてみたわけです。
このようにデザインを変更してみた結果、やりかたを教えて欲しいというリクエストがあったこともあり、CSSの編集方法をブログ上で公開しようと思い立ちました。
これから何回かに分けて、Seesaaブログのテンプレートをこのブログのデザインに変える方法を掲載して行こうと思います。
Seesaaブログでの編集方法をベースとしますが、HTMLとCSSでできているのはどのブログも共通なので、デザインを自分で編集できない一部のブログ以外は参考になるかと思います。
投資日記の合間をぬってぼちぼち書いていきますので、どうぞお楽しみに。
<CSS編集関連記事>
◆CSSでブログのデザインを変えてみよう!
◆@CSS編集の基本
◆Aページ全体の幅を広げる
◆B右サイドバーの幅を広げる
◆C左サイドバーとメインの幅を広げる
◆D背景画像を変更する
◆E記事コンテンツに枠線をつける
◆Fサイドコンテンツに枠線をつける
<参考書>
◆スタイルシート辞典
◆HTMLタグ+スタイルシート辞典ちび
◆投資資金の稼ぎ方
タグ:ブログ
同カテゴリとして相互リンクしたいのですがよろしいでしょうか。良いお返事お待ちしています。
http://ecostock.seesaa.net/
毎度おおきに。
キウイ円やけど、利食いの幅が狭なってきてまんな?気ーつけなはれ。
ちゅーか、為替は為替でポートフォリオ組んだほうが、ええと思うんやけど、どーでっしゃろ?
けいさん、初めまして。
何か参考になることがあればよかったです。
相互リンクについては、ブログリンクのページに掲載させて頂きました。
相互リンクについては近々見直す予定がありますので、またその際にご連絡致します。
o(^0^)o――――――――――――――――
ナイスデス村西さん、こんにちは。
ああ、耳が痛いです。
為替は為替でポートフォリオを組む話については、ほくほくの現在の資産規模ではあんまり意味がないと思っています。ポートフォリオを組んで通貨間で平準化が取れる前に、一気に飛んじゃいそう。
そのうち検討しますね。