New!!Css!!Lecture!! -4ページ目

New!!Css!!Lecture!!

ブログの説明を入力します。

まず、フリースペースにこの↓タグをコピペ。


<☆div id="★"☆>◆<☆/div☆>

☆はけしてから使ってください
★にはアイフレの名前を書いてください。aifure01など
◆にはアイフレの中に入れる文字を入れてください。

例:
<☆div id="★"☆>プロフ
名前:○◎
年齢:123歳♪<☆/div☆>

です。

アイフレの中の文字を中央寄せにしたい場合は
こっち↓をコピペ。


<☆div id="★" align="center">◆<☆/div☆>


次に、CSS欄の最後に↓のタグをコピペ。

アイフレ&横メニューつき素材屋風改造の記事のタグを
全部貼り済みな方は

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}

この部分を絶対に消してください!



.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#★{
display:block;
width:●px;/*アイフレの横幅*/
height:●px;/*アイフレの縦幅*/
overflow:auto;
background-color:#■;/*アイフレの背景色*/
border:●px ▲ #■;/*アイフレの枠の太さ 種類 色*/
position:absolute;
top:●px;/*アイフレの上からの位置*/
left:●px;/*アイフレの左からの位置*/
}


aifure01はさっきのフリースペースに貼ったタグの★と
同じものを書くこと。じゃないと反応しませんよ。

アイフレを何個も置きたい方は、
aifure01の部分を違うIDにして
それぞれ違うタグを作ればできます。

1個目のアイフレタグは id="aifure01"で
2個目のアイフレタグは id="aifure02"みたいに。

アイフレ2個目以降は

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
これつけなくていいです

もらうときはコメ!

nixさんからの提供。