ブログを見やすく★3回目
ブログを見やすくするための試み3回目!
今日は最近使っている見出しみたいなものこれ
見出しもどき
これなんですが説明などする際にこちらがあると
スッキリとするんで使っていますが
なんてことない画像の上に文字を置いているだけなんです
こちらは簡単なHTMLなんでしょうけど
自分は知識がないから色々調べました。
その結果ここにたどり着きました
こちらを参考にしました
http://kisetu.chu.jp/hint/bord.html
自分のところでコードを書こうとしてもうまくできなかったので
参考サイトさんを紹介しました
こちらのコードの途中
img src="○○○.jpg" width="○○○" height="○○○">
赤い部分に画像のURLを入れます
後でフリーのサイトを紹介しますが
そちらなどから用意した画像を
⇒記事を書く
⇒画像を選択
⇒アップロード
⇒アップロードした画像をクリック
⇒画像を右クリックで画像URLをコピー
それを入れます。
その後のwidth="○○○"ここには横幅です
自分のブログではwidth="450px"としています
450が幅の数値でpxが単位です
height="○○○"は縦幅で自分は
height="33px"にしています
お使いのテンプレートによって記事幅が違ったりしますので
数値を変えて調節してみてください
div style="position:absolute; top:○○px; left:○○px; width: ○○px;">
こちらは文字の位置です
自分の場合はこうしています画像の大きさなどで調整して下さい
top=5px left=20px width=-20px
ちょっと最初は調節が必要ですが
できてしまえばメモ帳などにコピーしておけば
その後は楽にできますので皆さんも使ってみてはいかがでしょうか?
最後にフリーの画像素材サイトです
クリックでサイトに飛ぶことができます
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。もしブログの内容を気に入って頂けましたらRSSリーダーの登録、読者登録よろしくお願いします。
Twitterもやってますので、フォローお願いします。@mastersanpo