« 新生活応援家電を格安で捕獲してきた~男親の親馬鹿な心境~ | トップページ | 文字をスクロールさせるタグ!MARQUEEを使うw »

2010年3月 2日 (火)

サイドバーにリンク付の画像を設置する!備忘録◆ココログ編

この一週間の間にブログをチョコちょこ弄っていました。
御陰様でリニューアルが完了です。何処を如何弄ったのか!は、これから備忘録を兼ねひとつひとつ報告して行きたいと思います。初回の今日は「サイドバーにリンク付の画像を設置する」です。周知な事?ですが、あくまで備忘録と御理解ください。

ヽ(~~~ )ノ ハテ? と思ったユーザー様は、downwardleft左サイドバーの「PC LINE UP」を参考に。ここには、所有する自作PCの画像とスペックが書いてあります。勿論、画像にはカテゴリへのリンク付です。更にdownwardleft其の下にある「管理人御薦めサイト」も同様な作り方です。尚、downwardright右サイドバーにある「相互リンク様」だけは、若干【隠し味】を加え作ってあります(これに付いては後日説明致します)。



では本題。
設置方法は ココログサポート にお任せしましょうwwwww
注意する点は、flairリストのタイプを「メモ」にする事flairです(あくまで今回の場合)。御理解頂けない場合、(´;ェ;`)ウゥ・・・如何しましょうかネ。

<a href="http://○○○">
<img src="http://□□□" border="0" / ></a>

info01a href= ""の間にリンク先のURL、img src= ""の間に画像のURLinfo01



当ブログの場合、以下の様に編集しました。
- - - - - - - - - -- - - - - - - - - -
・画像は160x120(平均20KB)でUPしました。
・「↓↓↓↓★LINK★↓↓↓↓」 の文字列をカラーコード#ff0033で書いています。
<span style="color: #ff0033;">↓↓↓↓★LINK★↓↓↓↓</span>

・続くコンテンツの文字列は<P>タグで編集です。書き出しの「PC名」のみカラーコードを付け<Br>タグで改行させてあります。
<P><span style="color: #993300;">【初号機】ファイルサーバー</span><Br>
<a href="(リンク先のURL)"> <img src="(画像のURL)" border="0" / ></a>
NEC VALUESTAR PC-VL5505D/Pentium4 2.40BGHzに交換/12cmFAN増設、HDD交換/Windows XP Home SP3




以下同様。
- - - - - - - - - -- - - - - - - - - -



最初は<Br>タグを連発して改行していました bomb
ところが、某掲示板(HTML入門のような感じ)に於いて、「<Br>タグの連発は綺麗なタグではない」と言うレスを見付け <P>タグ を使用しました。本来は<P>~</P>で書くそうですが、flair</P>は省略しても構わないflairそうです。
又、画像に続くスペックの文字列は自動改行に任せてあります(上手く改行出来ない時もある?)。



コレよりもっと綺麗なタグがあるかも知れません coldsweats01coldsweats01coldsweats01
年寄りの冷や水で弄りました crying 故に、あしからず御容赦の程を。



リニューアルの内容はマダマダ続きます。次回を乞う御期待up



                        次回の「ココログでCSS編集」に つづく 
.
.
.

|

« 新生活応援家電を格安で捕獲してきた~男親の親馬鹿な心境~ | トップページ | 文字をスクロールさせるタグ!MARQUEEを使うw »

ココログ/CSS」カテゴリの記事

パソコン・インターネット」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/363856/33596477

この記事へのトラックバック一覧です: サイドバーにリンク付の画像を設置する!備忘録◆ココログ編:

» ALT属性とは [今日は明日のたまごだよ]
相互リンクをさせていただいているブログ「Automatic」でリニューアルが行なわれ、HTMLタグについていくつか解説されているので、わたしも過去の記述をちょっと見直してみた。 まあ、PCでこのブログのデザインを見てもらったら想像に難くはないと思うけど、わたしはHTMLと..... [続きを読む]

受信: 2010年3月 4日 (木) 04時51分

« 新生活応援家電を格安で捕獲してきた~男親の親馬鹿な心境~ | トップページ | 文字をスクロールさせるタグ!MARQUEEを使うw »