忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOMEスタイル装飾の記事
[2016/09/28] [PR] (No.)
[2010/03/30] 画像テキスト回り込みと解除 (No.59)
[2010/03/26] スクロールバーカラー (No.49)
[2010/03/19] 上部余白なし (No.31)
[2010/03/15] 画像周りの枠削除 (No.28)
[2010/03/15] タイトルにじ色 (No.27)

[PR]

09/28(Wed)  YESR2016

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

画像テキスト回り込みと解除

03/30(Tue)  YESR2010

回り込みとは:正式には 行揃えと呼ばれている。

回り込みをさせるとどのようになるか?
テーブルを使わなくても
左右に画像と文字をならべてきれいに配置できる
以下参照
 
ボーダーく 行揃えを左回りこみ指定した場合
画像が左に配置される。文章を書くとこのように表示され
すっきりとまとまりのある配置になる。

タグはHTMLで制御する。記事の場合 簡素版のエディタ で変更する

<img alt="画像オンマウスで表示される文字を記入 上の画像にマウスをあててみるとボーダーと表示されることがわかるく" align="left" src="http://file.cusblo.atgj.net/ba-b.gif" />&nbsp;行揃えを左回りこみ指定した場合<br />
回り込みのデメリット
文章行数より画像が縦に長い場合、回り込ませたくないものまで回り込んでしまう

解除する方法スタイルシート
<p style="clear:right">文章は画像の下側になっているはずです。</p>
right center leftで文字位置を指定

もしくは
回り込ませた文章の最後か解除したい文章の先頭に<br clear="all">
 
 
 

拍手

PR

上部余白なし

03/19(Fri)  YESR2010

CSS最上部に1行追加
 *{padding: 0px; margin: 0px;}

拍手

画像周りの枠削除

03/15(Mon)  YESR2010

CSS /*全体の設定*/ に追加
 a img {
border:none;
}

拍手

タイトルにじ色

03/15(Mon)  YESR2010

HTML
ブログタイトル
お勧めしません。どうしてもしたい場合 <!--$g_title--> 
トラックバック・コメントも同様
プラグインタイトル <!--$plugin_title-->  を探し
消して以下に書き換え
<script language="JavaScript" type="text/javascript">
myChengeFont= "<!--$plugin_title-->
myColor = new Array("#ff9999", "#ffcc99" , "#ffff99" , "#ccff99" , "#99ff99" , "#99ccff" , "#cc99ff");
for (i=0; i < myChengeFont.length; i++) {
    myStyle = myChengeFont.charAt(i);
    myNum = i % myColor.length ;
    document.write(myStyle.fontcolor(myColor[myNum]));
    }
</script>

拍手

HOME »次のページ

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事