☆プロフィールとユーザ名を枠で囲もう☆
タイトル画像と背景画像だけじゃいまいちシンプルすぎるかな・・・。 もうちょっと装飾を加えてみよう! ということで、赤のドット線を使うことにしました。 まずは、プロフィール(マイブログ説明)とユーザ名を囲んでみます。 <TD WIDTH=150 VALIGN=TOP> デフォルトHTMLソースのこの部分。 DIV CLASS=PROFILEの中に、 ロゴイメージ<$logoimage type=1$>、マイブログ説明<$description$>、ユーザ名<$nick$>と並んでいます。 この「PROFILE」というクラスに、赤ドット線で囲む指定をします。 書き加える箇所は、CSSソースの DIV.PROFILE { ~ } ~の部分に、BORDER指定を入れます。 DIV.PROFILE { BORDER : 3PX #E9967A DOTTED; PADDING : 5PX 5PX 0PX 5PX; } これで、赤(っぽい色)の3PXのドット線で囲むことができました♪ 線の種類はいろいろ変えられます。 DOTTED・・・・・・丸い点線 DASHED・・・・・・四角い点線 SOLID・・・・・・実線(省略するとこの指定になります) DOUBLE・・・・・・二重線 他、GROOVE、RIDGE、INSET、OUTSETなど。 PADDING : ~で、枠から文章までの余白を指定します。 指定なしだと線と字がくっついて見づらくなるので、ちょっと余白を入れるといいと思います。 ☆応用編☆ 枠で囲むのはプロフィールとユーザ名だけにして、ロゴイメージは単独で表示させたい!って時。 上記のHTMLソースの部分に、新しくプロフィールとユーザ名を入れるクラスを設定します。 <TD WIDTH=150 VALIGN=TOP> 赤字の部分が追加したところ。 で、CSSソースに DIV.BOX { BORDER : ~ } を加えればOKです♪
by kaokaopon
| 2004-08-04 10:59
| SKIN
|
by kaokaopon
カテゴリ
全体BBS 雑記 プレマタ 入院日記 猫 花 観た 読んだ 作った お取り寄せ レシピ SKIN BLOG WEB 日々。 ABOUT 以前の記事
2010年 10月2010年 04月 2009年 08月 2009年 01月 2008年 10月 2008年 07月 2008年 06月 2008年 04月 2008年 03月 2008年 02月 2008年 01月 2007年 12月 2007年 11月 2007年 10月 2007年 09月 2007年 08月 2007年 07月 2007年 06月 2007年 05月 2007年 04月 2007年 03月 2007年 02月 2007年 01月 2006年 12月 2006年 11月 2006年 10月 2006年 09月 2006年 08月 2006年 07月 2006年 06月 2006年 05月 2006年 04月 2006年 03月 2006年 02月 2006年 01月 2005年 12月 2005年 11月 2005年 10月 2005年 09月 2005年 08月 2005年 07月 2005年 06月 2005年 05月 2005年 04月 2005年 03月 2005年 02月 2005年 01月 2004年 12月 2004年 11月 2004年 10月 2004年 09月 2004年 08月 フォロー中のブログ
食卓から愛をこめて* もなこの手づくり石け... だって私はドラマ好き♪ ベジタリアンの厨房 気ままな星遊び 笑門来福 pumilus sapo 母ちゃんちのご飯 ***いつか出会えるあな... 茶タローくぅぅぅん.2 ほんの小さな庭 ***やっと出会えたあな... ゆっくりのんびりいこうじ... ライフログ
タグ
猫(92)
庭計画(77) 旦那(22) 不育(15) シジュウカラ(6) 検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
| ||||||||||||||||||||||||||||||||||||||||||||||||||
ファン申請 |
||