すべてのカテゴリ » アンケート

質問

終了

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

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

  • 質問者:匿名
  • 質問日時:2012-01-18 13:30:52
  • 0

まずフリースペースにアイフレの中に入れたい言葉を書きます。
書くときは
<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=○○のところを変えてください。
これでいくつでもできます

この回答の満足度
  
とても参考になり、非常に満足しました。回答ありがとうございました。

並び替え:

ブログを書く⇒デザインの変更⇒レイアウトの変更で、
3カラムのレイアウトにすればいいんじゃないでしょうか。
3カラムのないデザインもありますから、その場合は、
デザイン自体を替えることになります。

  • 回答者:トク笑 (質問から31分後)
  • 0
この回答の満足度
  
回答ありがとうございました。

関連する質問・相談

Sooda!からのお知らせ

一覧を見る