2012年2月11日のブックマーク (2件)

  • 『CSS メッセージボード3』

    アメーバブログ(Ameba アメーバ)をCSSでカスタマイズしてオリジナルブログにしてみませんか? CSSでどこまでスキンをカスタマイズできるかチャレンジ! 初心者でもオリジナルなスキンで個性的なアメーバブログ(Ameba)に! 今回は 上と下に画像を 配置してメッセージボードを飾る方法です 前回紹介した方法 で上と下にイラストのある1枚の画像を使っても出来ますが それですとメッセージの範囲が画像の中でしか書けません 上と下を別にしてメッセージの行数に関係なくメッセージの上と下に配置されるようにします 上の画像 下の画像 ワンポイント画像 ポカポカ色 さまの画像をお借りして説明しています 再配布禁止ですので当ブログよりのお持ち帰りはご遠慮ください 画像を用意してからCSSの最後に・・・ #message { margin:0; padding:0; border:none; backgro

    babomura
    babomura 2012/02/11
    メッセージボードに画像枠をつける
  • 『オリジナルスキンCSSの編集 記事枠(画像)3』

    アメーバブログ(Ameba アメーバ)をCSSでカスタマイズしてオリジナルブログにしてみませんか? CSSでどこまでスキンをカスタマイズできるかチャレンジ! 初心者でもオリジナルなスキンで個性的なアメーバブログ(Ameba)に! 3枚の画像を使って記事の枠を作ります カンタンには .entry{ background-image: url(上の画像) ; } .entry .contents{ background-image: url(中の画像) ; } .entry .foot{ background-image: url(下の画像); } ---------------------- .entry .entry_head{ background-image: url(上の画像) ; } .entry .contents{ background-image: url(中の画像) ; }

    babomura
    babomura 2012/02/11
    記事枠に画像