スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[smpl_rc960][How to] テキストの回り込みを解除する方法 その2

smpl_rc960 テンプレートで画像を表示すると、後続のテキストが右側に回り込みます。
回り込み解除のためには p 要素に style 属性を付与します (詳しくはこちら)。
しかしながら、画像を多用するブログの場合にその都度 style 属性を付与する必要があります。
そこで今回は、基本的にテキストが回り込まないようにする方法をご紹介します。

Looking for ...

© Wild Dogger

ミーアキャットかわいいですね。わかりやすいように小さめの画像を表示します。

今回はテンプレートの css を直接編集します。
ブログ管理画面の左サイドバーからテンプレートの設定をクリックすると、
HTML 編集とスタイルシート編集という2つの大きなテキストボックスが表示されます。
スタイルシート編集の内容から以下の記述を探し出し、float: left; を削除します。

div.entry_body img {
	margin: 7px 25px 10px 0;
	padding: 5px;
	max-width: 590px;
	border: solid 1px #636363;
	float: left;
}

* html div.entry_body img {
	margin: 6px 25px 10px 0;
	padding: 5px;
	max-width: 590px;
	border: solid 1px #636363;
	float: left;
}

削除後、更新ボタンをクリックして修正を反映します。以上で完了です。
今回はコメントにてリクエストをいただきました!
ご質問やバグ報告お待ちしておりま~す!

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

-

管理人の承認後に表示されます

コメントの投稿

非公開コメント

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

カテゴリを最上部に表示したい

Html初心者なのですが、カテゴリーの表示を右上に最上部に表示するようにカスタマイズしたいのですが、可能ですか?

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

No title

float: left; を削除しても、プレビューには反映されるのですがブログの確認からだと文字が画像に回り込んだままで反映されていません。
どうすればいいのでしょうか

Re: No title

>Kさん
管理画面上部にある [ブログの確認] リンクは、テンプレートの更新を行わないと反映されません。
float: left; 削除後に、更新ボタンを押してから [ブログの確認] をしてみてどうでしょうか?

No title

言葉足らずですみません!
昨日は更新してからブログの確認押しても繁栄されませんでしたが、本日でようやく反映されました!

御迷惑お掛けしました。
御丁寧にお返事頂き本当に有難う御座います!
プロフィール

webcata

Author:webcata
FC2 ブログ用テンプレート作ってます。
ご質問などあればできる限りお答えします。
コメントにてご質問お願いします。

検索フォーム
カレンダー
08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
カテゴリ
月別アーカイブ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。