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

自作TWITTER


  • 1時間ごとに管理人がつぶやきますが何か?


    .


    .

    にほんブログ村 PC家電ブログ 自作PCへ

    ↑↑↑
    他の自作PC情報はコチラ

PC LINE UP


  • <SSD投下!>


    <スマートフォン>


    <初のAMDで自作PC>



    【CPU】Phenom II X6 1090T Black Edition BOX
    【M/B】GA-880GA-UD3H Rev.2.0
    【RAM】CFD ELIXIR W3U1600HQ_12GB
    【SSD01】Crucial m4 CT064M4SSD2
    【SSD02】Intel 330 SSDSC2CT060A3K5
    【VGA】SAPPHIRE HD5830 1G
    【Case】TEMPEST
    【PSU】Seasonic SS-600HM
    【OS】Windows 7 Home 64bit


    <初のSandy Bridge>

    【CPU】Core i3 2130
    【M/B】MSI Z68A-GD55
    【VGA】
    【Case】ANTEC DF-10
    【PSU】Seasonic SS550HT
    【OS】Windows 7 Home 32bit

    <LGA775艦隊>

    【壱号機】


    【CPU】Pentium Dual-Core E6500 @3.7GHz
    【M/B】G31M-ES2L REV1.0
    【VGA】GF9800GT OC版(GV-N98TOC-512H)+雪原(SCVSG-1000)
    【Case】SCY-628-BK改 AB仕様
    【PSU】GIGABYTE PoweRock 500W (GE-N500A-C2)
    【OS】Windows XP Home SP3

    【四号機】

    【CPU】Core 2 Quad Q8400 @3.2GHz
    【CPU_Cooler】CoolIT Systems ECO-R120
    【M/B】G31M-ES2L REV2.0
    【RAM】CFD W2U800CQ-2GL5 4GB
    【RAM_Cooler】ZALMAN ZM-RC1000-BL
    【VGA】MSI R5770 Hawk (HD 5770)
    【Case】SCY-0311FE-BK
    【PSU】Seasonic GBronze S12II 520W
    【OS】Windows 7 Home 32bit

    <鯖(サーバー)>

    NEC VALUESTAR PC-VL5505D

    NEC VALUESTAR PC-VL5505D
    【CPU】Pentium4 2.40BGHz交換
    12cmFAN増設HDD交換
    【OS】Windows XP Home SP3

    メインサーバー
    XPで作ったLAN内サーバー

    【CPU】Intel Atom D510
    【M/B】GIGABYTE/GA-D510UD
    【RAM】CORSAIR TWIN2X2048-6400 2GB
    【Case】Windy MC3 XHB
    【PSU】ENERMAX ECO80+ II EES400AWT II
    【OS】Windows XP Home SP3

    子供の記録用サーバー
    XPの第2LAN内サーバー

    【CPU】Core 2 Quad Q9450
    【Cool】 CNPS9700NT
    【M/B】ASUS P5G41T-MLX
    【RAM】UMAX Cetus DCDDR3-4GB-1333
    【Case】ANTEC ONEHUNDRED AB
    【PSU】
    【OS】Windows XP Home SP3

    <ネットブック>

    【六号機】Aspire one D260

    【CPU】Intel Atom N455 1.66GHz
    【RAM】DDR3 2GBに増設
    【OS】Windows 7 Starter