So-net無料ブログ作成
<登場人物>
kyara1.png
横浜べいすた。
最近ブログを始めた。
オリジナリティあふれるブログに憧れる。
kyara2.png
空条Q太郎。
スタンド使い?
星つながりで、ベイスタの面倒をみる。

枠線(ボーダー)を使ってみよう(3) [border基礎]

kyara1.png:「前回の話で、ボーダーに
色々な使い方があるとわかったよ、Q太郎さん」

kyara2.png:「ふっ、まだまだだな」

kyara1.png:「えーっ、まだ何かあるんですか?」

kyara2.png:「観察しろというのは…… 見るんじゃあなくて
観ることだ… 聞くんじゃあなく聴くことだ 
でないと………… これから死ぬことになるぜ……」 

kyara1.png:「そんな大げさなんですか・・・」

kyara2.png:「ベイスタ、お前ボーダーが必ず4辺を囲むと
思い込んでいないか?」

kyara1.png:「えっ、4辺ではなく好きな所にだけ
線を引けるってことですか?
そ、そんな。まさかって感じだがグッと来たぜ!!
で、どうすればいいんでしょう・・・・」

kyara2.png:「4辺に使う時はborder:線の種類 幅 色;だったろ。
限定したい側に使うにはborderの後ろに
-top, -right, -bottom ,-leftを入れるんだ。
下線にしたいならborder-bottom:線の種類 幅 色;だな」

kyara1.png:「なるほど」

kyara2.png:「これによって出来ること・・・・
そうだな記事タイトルを例にとってみてみよう。
枠線(ボーダー)を使ってみよう(3)
この記事のタイトルだな。 .articles-title { margin:0; margin-bottom:15px; padding:3px 12px; background-color: #ff8539; font-size:small; color: #ffffff; border-right:solid 20px green; }と右側に緑色20pxの単線の指定を入れてみるぞ。 するとこうなる。
枠線(ボーダー)を使ってみよう(3)
kyara1.png:「おおぉ、かっこいいー。 そこに痺れる、あこがれる~。 ちょっとしたにも入れてみようっと。 えーと、下はbottomだっけ。 border-bottom:solid 10px green;っと。
枠線(ボーダー)を使ってみよう(3)
ん?ってことはサイドバータイトルなんかにも 使えるってことですよね」 kyara2.png:「ああ、そうだ」 kyara1.png:「もしかして、ブログタイトルや サブタイトルにも使えちゃったりするのかなぁ」 kyara2.png:「可能だ!!!」 kyara1.png:「じゃあ、あんなとこにもこんなとこにも・・・・ ああ、想像するのが楽しすぎるーーーーーーーーー」 kyara2.png:「ヤレヤレダゼ」

nice!(2)  コメント(4)  トラックバック(0) 

nice! 2

コメント 4

millet

お師匠様のブログにて再度勉強し、ブログのカスタマイズに再挑戦させて頂きました。
なかなか難しく、色のセンスがない私なので、出来栄え???でこれからデザインを調整していきたいと思います。

とりあえず、
ブログタイトルのロールオーバー(色変え)
サブタイトルのイタリック化
記事タイトルへの上下ライン挿入
記事本文の二重線囲み
記事タイトル、本文のフォント変更
記事右下へのプロフ貼り付け
を完了しました!

学校行事で一日お休みしたので、朝から1時間ほど勉強しちゃいました~
CSS通りに変わると、とても楽しいですね!
ご指導ありがとうございました(^-^)

by millet (2011-01-26 21:56) 

uryyyyyy

milletさん、こんばんは。

ブログ拝見致しました。
すごい、一気に行きましたね(笑)

記事本文も、より優しい感じになったのではないでしょうか?

えっ?センスがないですって??????
うそぉぉぉぉぉぉ、ブログで紹介なさっている制作物や
今回の変更見てもかなりのモノのような気がしますけどね~

色については、http://desperadoes.biz/color/name.php
みると指定できる色名がでてますよ。
探せば他にあるはずです。

まぁ、さらなるブログ改造を期待しております。
分からないことございましたら、ご遠慮なくどうぞ。
by uryyyyyy (2011-01-26 23:26) 

millet

私のブログのカスタマイズ状況を早速ご確認くださり、ありがとうございました。
26日はお昼くらいまで自由時間があったので、のめりこんでしまいました(汗)
insetとoutsetを使いたかったのですが、色がイメージに合わなくて時間がかかっていたのが主なんですが。。。
そんな事情で、COLOR NAMEが分からなくて困っておりましたので、ご紹介くださったサイト☆すご~く嬉しいです~♪

「記事本文も、より優しい感じになったのではないでしょうか?」とのご感想ありがとうございます♥嬉しいです(^^)

さらなるブログカスタマイズ目指して勉強しま~す♪
「分からないことございましたら、ご遠慮なくどうぞ。」との温かいお言葉、ありがとうございます(^^)感激です♪
by millet (2011-01-28 13:11) 

uryyyyyy

milletさん、こんばんは。

おおぉ、やっぱり色にこだわりがあるってことは
それなりのセンスを擁しているってことじゃないですかぁ~
おいらなんて、いつも色の選択、メチャクチャ適当ですよ。

やっぱりフォントの選択一つでも
ブログから受ける印象って変わりますからね。
milletさんのブログには暖色系合っているとおもいます。
(まぁセンスのないおいらが言うのもなんですけど)

カスタマイズして、もっと素敵なブログにできますよ~
by uryyyyyy (2011-01-28 22:27) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。