Sooda!
 閲覧数:90
アメブロで左とかに枠をつくりたいんですがやり方おしえてください><
http://ameblo.jp/arashinokonsa-to/

こんな感じなのをつくりたいです!

質問者:匿名
質問日時:2012-01-18 13:30:52
カテゴリ:アンケート

ベスト回答
まずフリースペースにアイフレの中に入れたい言葉を書きます。
書くときは
<div id="aifure">ここに文字を書く</div>
↑のようにしてください

次にCSSの一番最後に

/*アイフレ*/
#frame{
position:relative;/*frameの右上(左上)を基準に*/
}
#aifure{
position:absolute;
top:50px;/*上から A*/
right:450px;/*右から B ※注*/
width:150px;/*枠の横 C*/
height:150px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:10px;/*中のスキマ E*/
border:1px solid #ff00ff;/*枠の太さ 種類 色*/
background-color:#ccccff;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
}

を貼ってください。
大きさなどはお好みで変えてください!

背景を半透明にしたくない場合は

filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/

この部分をけしてください

これでアイフレが付きます
2つ以上付ける場合は、
#aifure{

#aifure1{

#aifure2{
としてフリースペースに書く方を

<div id="aifure1">ここにもじ</div>

とID=○○のところを変えてください。
これでいくつでもできます

回答者: 苺 ミ ノL ?。
回答日時:2012-01-23 07:58:08

この回答の満足度 ★★★★★

↓↓その他の回答 1〜1件/1件中
ブログを書く⇒デザインの変更⇒レイアウトの変更で、3...詳細

回答者:トク笑
回答日時:2012-01-18 14:01:05

この回答の満足度 ★☆☆☆☆
 
この質問を友達に教える
→ヘルプ
ほしい情報が見つからないときは
新しい質問をする

↑このページのトップへ
TOP マイページ ヘルプ