ＣｕｓbｌO

忍者ブログテンプレートカスタマイズ　ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書　忍者用ブログテンプレート作成中

HOME≫スタイル装飾の記事

[2024/11/24] [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)

[1][2]≫Ｎｅｘｔ

[PR]

11/24(Sun) YESR2024

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

記事編集

△ＵＰ

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

03/30(Tue) YESR2010

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

回り込みをさせるとどのようになるか？
テーブルを使わなくても
左右に画像と文字をならべてきれいに配置できる
以下参照

行揃えを左回りこみ指定した場合
画像が左に配置される。文章を書くとこのように表示され
すっきりとまとまりのある配置になる。

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

<img alt="画像オンマウスで表示される文字を記入　上の画像にマウスをあててみるとボーダーと表示されることがわかるく" align="left" src="http://blog.cnobi.jp/v1/blog/user/fe73c97e11bb52dd93d679c582a45d74/1269939461" /> 行揃えを左回りこみ指定した場合<br />

回り込みのデメリット
文章行数より画像が縦に長い場合、回り込ませたくないものまで回り込んでしまう

解除する方法スタイルシート

<p style="clear:right">文章は画像の下側になっているはずです。</p>

right　center leftで文字位置を指定

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

記事編集

△ＵＰ

スクロールバーカラー

03/26(Fri) YESR2010

一括変更
{
scrollbar-base-color:色;
}

細部変更

記事編集

△ＵＰ

上部余白なし

03/19(Fri) YESR2010

ＣＳＳ最上部に１行追加
*{padding: 0px; margin: 0px;}

記事編集

△ＵＰ

画像周りの枠削除

03/15(Mon) YESR2010

ＣＳＳ　/*全体の設定*/　に追加
a img {

border:none;

}

記事編集

△ＵＰ

タイトルにじ色

03/15(Mon) YESR2010

ＨＴＭＬ
ブログタイトルお勧めしません。どうしてもしたい場合　　
トラックバック・コメントも同様
プラグインタイトル　 　を探し
消して以下に書き換え
<script language="JavaScript" type="text/javascript">
myChengeFont= ""
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>