自分用So-netブログCSSいじりmemo①

最近やっとソネブロにも慣れてきた…ような気がします。

ちょいとここらで、自分がいじった部分に関してまとめておこうと思いつきました。
複数の解説サイトをまたいでいじっているので、一か所直そうとするとまた複数のサイトを見て回らないといけなくなってしまうからです。
時間の無駄だし、自分が一番好きな数値でいじったもので見直せるほうが、後々便利ですし。

そこでちょっと注意書きをば…。


※「CSSいじりmemo」がタイトルについた記事を見る際の注意
①あくまで”私”が見やすいように書いていきます。日本語おかしくても気にしないです。気にしたら負けです。
②万が一、記事内の内容を参考にしてブログレイアウトが大変なことになってしまっても、私にはどうしようもないです。自己責任でお願いします。
③初心者が手探りで書いているメモ的なものなので、質問等にはお答えしかねます。(´・ω・`)ﾜｶﾝﾅｲもの。
④memoなのでちょこちょこ加筆・修正されることがあります。
⑤基本的にスキン一覧からベーシックカテゴリーの「白」スキンをいじいじしたいと思います。

以上のことを踏まえた上でCSSいじりmemoシリーズ（予定）はご覧ください。



★/*-----Common-----*/の部分について★

/*-----Common-----*/ここはブログ全体の基本設定

下４つの項目はリンクが貼ってある文字の状況による色の違いの設定。

a:link { text-decoration:none; color:#777777; }⇒まだ見ていない
a:visited { text-decoration:none; color:#777777; }⇒すでに見た
a:active { text-decoration:none; color:#777777; }⇒オンマウス
a:hover { text-decoration:underline; color:#70a000; }⇒マウスで選択された時の色

ここのbodyとはブログの本体のことをさすので、記事とかが乗っているさらに下の部分の設定を示す。

body {
background: #ffffff;（スキン「白」は背景がまっちろなので＃ffffffとなる。）
}

blockquote {
margin: 12px 0;マージンはボックスの中のボックスとの隙間を示している。数値は上下左右の順。今回のように二つしかない時は「上と下を12px、左右は0pxの感覚にしよう」という意味。

padding: 6px;パディングはテキストと、その周りのボックスとの隙間を示している。数値の並びはマージンと同じ。

border: 1px solid #dddddd;
}

#container {
いわるゆコンテナ。ブログの中身に関する基本設定。上記のbodyの上にのる部分。ヘッダー＋タイトルバナー＋サイドバー＋本文が管轄。

※このあたりにbackground:#ffffff;とかいれると「サイドバー＋記事部分」の背景色をかえることができる。
width :770px;「サイドバー＋記事のところ」までの横幅。
margin:0 auto;
line-height:1.4;　■改行したときの文字同士の間隔。
text-align:left;左寄せで文章を書くよ！という意味。
color:#444444;　■ブログ内の標準文字色
}





こんな感じで「白」のＣＳＳコピペしてちまちまmemo書き…。
気が向いたときにじりじり増やしていくことにします。うーん、長くなる予感ｗ
じゃあこの記事はこの辺で…。(´▽｀) ﾉｼ

タグ：カスタマイズ