NEW ENTRY
[PR]
サイドバーのカスタマイズ
やっとこプロフィールでサイドバーにプロフィール欄を追加したことを
書きましたが、どうしても気になることがあったのでタグを書き直してみました。
下記が今現在のプロフィール欄
<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はこちら