経済指標flg_JPN.jpg 日本flg_US.jpg 米国flg_EU.jpg EUflg_UK.jpg 英国flg_AUS.jpg 豪州flg_NZ.jpg NZ
雇用統計1/31(火)2/3(金)1/31(火)2/16(木)2/1(水)
政策金利2/1(水)2/2(木)2/7(火)2/9(木)
GDP2/13(月)2/28(火)2/14(火)
前月以前の経済指標スケジュールはこちら

2008年04月13日

CSSでブログのデザインを変えてみよう!

header_10

こんにちは、ほくほくです。

2週間前になりますが、このブログのデザインを変更しました。(関連記事

実はほくほくは、ブログのデザインを自分の気に入ったものにするため、今年に入ってからスタイルシート(CSS)の勉強をコツコツ(コソコソかな?)していました。
なので、今回のデザイン変更は、テンプレートを基にしつつも、CSSを使用して自分なりに気に入った形に仕上げています。

Seesaaブログのテンプレートはこんな感じですが・・・

design_20080412_01.JPG


それを、CSSを変更して下図のような今のデザインに変えています。

design_20080412_02.JPG

(注)単に画像を拡大しているわけではありませんよ(笑)


ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)
にほんブログ村 為替ブログへ ランキングクリック&応援、よろしくお願いしますexclamation にほんブログ村 為替ブログ FX システムトレード派へ
ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)

具体的には、ブログページ全体の幅を広げ、それに合わせてコンテンツの幅を変更し、さらに枠線をつけたりしています。

ほくほくは、前々からいろいろなブログパーツを貼り付けたかったのですが、片側のみのサイドバーだとどうしてもトップページが縦長になってしまいます。
かといって、両サイドバーにすると、今度はそれぞれの横幅が狭くなってしまい、窮屈になるし記事本体も読みにくくなる感じがしていました。

そこで今回、CSSを編集して、両サイドバー形式にしつつも幅を広げ、自分なりに気に入ったデザインにしてみたわけです。

このようにデザインを変更してみた結果、やりかたを教えて欲しいというリクエストがあったこともあり、CSSの編集方法をブログ上で公開しようと思い立ちました。

これから何回かに分けて、Seesaaブログのテンプレートをこのブログのデザインに変える方法を掲載して行こうと思います。
Seesaaブログでの編集方法をベースとしますが、HTMLとCSSでできているのはどのブログも共通なので、デザインを自分で編集できない一部のブログ以外は参考になるかと思います。

投資日記の合間をぬってぼちぼち書いていきますので、どうぞお楽しみに。

<CSS編集関連記事>
  ◆CSSでブログのデザインを変えてみよう!
  ◆@CSS編集の基本
  ◆Aページ全体の幅を広げる
  ◆B右サイドバーの幅を広げる
  ◆C左サイドバーとメインの幅を広げる
  ◆D背景画像を変更する
  ◆E記事コンテンツに枠線をつける
  ◆Fサイドコンテンツに枠線をつける

<参考書>
  ◆スタイルシート辞典
  ◆HTMLタグ+スタイルシート辞典ちび

▼▼▼ 年利20%以上の簡単FXシステムトレード『o(^0^)o ほくほくFX』 ▼▼▼
1日わずか15分!半年で運用利回り17.8%の簡単システムトレード
  ◆投資資金の稼ぎ方
タグ:ブログ
posted by o(^0^)o ほくほく at 12:00 | Comment(3) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
はじめまして。いろいろ参考にさせていただきました♪
同カテゴリとして相互リンクしたいのですがよろしいでしょうか。良いお返事お待ちしています。

http://ecostock.seesaa.net/
Posted by けい at 2008年04月13日 17:06

毎度おおきに。

キウイ円やけど、利食いの幅が狭なってきてまんな?気ーつけなはれ。

ちゅーか、為替は為替でポートフォリオ組んだほうが、ええと思うんやけど、どーでっしゃろ?
Posted by ナイスデス村西 at 2008年04月14日 18:28
o(^0^)o――――――――――――――――
けいさん、初めまして。
何か参考になることがあればよかったです。
相互リンクについては、ブログリンクのページに掲載させて頂きました。
相互リンクについては近々見直す予定がありますので、またその際にご連絡致します。

o(^0^)o――――――――――――――――
ナイスデス村西さん、こんにちは。
ああ、耳が痛いです。
為替は為替でポートフォリオを組む話については、ほくほくの現在の資産規模ではあんまり意味がないと思っています。ポートフォリオを組んで通貨間で平準化が取れる前に、一気に飛んじゃいそう。
そのうち検討しますね。
Posted by ★ ほくほく o(^0^)o at 2008年04月14日 23:28
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。