リンクルデザイン変えてみよう

私に、リンクルブログ改造計画を踏み切らせたのは、この外枠の
ぶっとさを、細くしたい！というところからはじまったと言っても過言ではありません。


Σ(;￣□￣Ａ アセアセ

ということで、２時間目でも見てもらった・・・



このＣＳＳから、　borderというスタイルを探しまくり・・・・
太さをあらわす　border-width：○○;というのを探すも・・・
該当するようなものがみつからない！・・・


そこで色々見てみたところ・・・どうも

.box { 
background-color: black;
 width: 760px;
 padding: 10px; 
}

このアタリがあやしい！ということで早速数値を変更して、見た。


ビンゴ！でした。

 background-color: black;

こちらは、昨日もしましたが、　背景を色で指定する記述です。
そして、今回は、ブラックとカラーネームで書いてありますが、特に
深い意味はないと思います。　背景の色は黒！っていう意味です。

そして
今回の主役は、↓です。
padding: 10px;

パディングとは・・その前に


ＣＳＳでは避けて通れないボックスの概念をお話しましょう！


ＣＳＳでは、要素を（タグだったり、クラスだったり、ＩＤだったり）１時間目２時間目を参考に

ボックスと呼ばれる四角い中に表示させるのです。

水色のところが、文字や画像を表示させる領域です。いわゆる　内容ですね。
そしてその四角い部分を枠線で囲むことができます。

ボーダーから外側の余白を　マージン　marginと呼び、ボーダーから
内容までの内側の余白をパディング　paddingといいます。


そして、今回のぶっとい線を細くしよう！は、実はボーダーの数値を大きく
して太い線にしてたのでなく、　パディングの数値が10pxになっているので
内容からボーダーまでの間に10ピクセルの余白が出来ていたのでした。

ということで

 padding: 10px; 

↑この10を　細い線がいい人は　1pxに変更してみてください。

そして、黒い色が嫌な方は、
background-color: black;

↑のblackのところを、別の色指定にしてくだい。
カラーコードでも、カラーネームでもどちらでも可能ですよ！


ということで、今回は、ぶっとい線を細くしてみよう！そして色を変えて
見よう！でした。

ここまでのカスタマイズは、すでに記述されている内容の
カラーコードをやカラーネームを変更したり、数値を変更したりするだけの
比較的簡単なカスタマイズです。

とにかく　　記述の中に　　カラーコード表示やカラーネーム表示
があったら。　Ｃｏｌｏｒ　って書いてあったら　【色】　関係ですから自分で
色々変えて見てはいかがですか？

もちろん、中にはＣＳＳデザインの設定は記述してあるものの、
実際のブログの中にその要素が現時点ではない！という場合もあるので
変更しても


あれ？どこかわったん？っていう場合もありますよ！v(=∩_∩=) ブイブイ!!


ブログカスタマイズは、自己責任で行ってくださいね。
そして、失敗したら、　ＣＳＳだけ初期化してくださいね。！


次回からは、ちょっとずつオリジナルなデザインを組み込んでいきましょう！

どんどん、楽しくなりますよ！d(*⌒▽⌒*)b ニコニコッ