忍者ブログ

気づきの記録

日常の中の小さな気づき。忘却の中に浮かぶかすかな記憶…。

NEW ENTRY

[PR]

×

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

  • 03/29/20:01

サイドバーのカスタマイズ


やっとこプロフィールでサイドバーにプロフィール欄を追加したことを

書きましたが、どうしても気になることがあったのでタグを書き直してみました。



下記が今現在のプロフィール欄

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="side">

<div align="center"><img src="/blog/template/16/img/side_title_header.gif" align="absmiddle"></div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td class="side_title">profile</td>

</tr>

</table>

<div align="center">

<img src="/blog/template/16/img/side_title_footer.gif" align="absmiddle"></div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>
<div class="side_text">

<b>H.N.</b> / シイバ・ハル

<br>

<b>性別</b> / 女

<br>

<b>職</b> / 鈑金塗装工場の回送員(パートタイマー)

<br>

<b>好き</b> / アロマテラピーインストラクターをめざして勉強中

<br>

<a href=" http://www.higopage.com/ozawa-ken/" target="_blank">

<img src="http://yaplog.jphttp://koharun.izakamakura.com/kakoimg/musasic_s.gif" width="88" height="31" alt="Ozawa-Ken" border=0></a><br>

がんばりました!!!

</div>

</td></tr></table>

</td></tr></table>

<div align="center"><img src="/blog/template/16/img/spacer.gif" align="absmiddle" width="5" height="10"></div>







太字になっているところが付け加えたところ。

何でこんなまどろっこしいソースになっているのか。

それは、私がどうしても元々あるサイドバーの項目と同じように

自分が追加したサイドバーの項目も表示させたかったから。

サイドバーのタイトルの上の部分にちょっと隙間があるんですよね。

この隙間を作りたかった…。

どうやったらできるのかなぁと考えたところ、自分のブログのソースを

見てみることにしました。

(ブログを表示して、右クリックかコマンドの「表示」から「ソースの表示」を

選択しますと見ることができます)

ソースを理解するまで時間がかかってしまいましたが、とにかくこのソースを

コピーして、追加のサイドバーに使ってみることにしました。



プレビューさせて、思い通りに表示できたときの満足感。

できたーーー!

相変わらずの自己満足カスタマイズでした。



この記事の意味が分かりにくい方はsampling.sysさまを参考になさって下さい。

図解もあり分かりやすいソースも書かれています。
PR
URL
FONT COLOR
COMMENT
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
PASS

TRACK BACK

トラックバックURLはこちら