スタイルを刷新してみる

  • ある程度守った或いは目指した罫線･要旨
    • 一行記事でも無難に見れる
    • 横にある程度伸縮可能、解像度640xでも一応見れなくは無い対応
    • 文章部分は基本的に白が最も無難で望ましいのではないか

角丸の部分には、 PHPSPOT 開発日誌で紹介されている、アンチエイリアスがかかったCSS角丸を作るWEBツール を利用させてもらいました。コメントのフォーム付き頁の末尾角丸が切れてすっ飛んでしまう解決策が見えず、 refererlist のクラスのセレクタを白いボーダーで囲むという手で安直に解決… はてなのトップメニューの色彩にある程度揃えている。使ってみたい方はコピーして使ってくださいｗ

  • 即知の問題
    • IEの履歴から開くとﾊﾌ､ﾎﾉ・ｰという未知のblogが出現する。
    • 非IEブラウザからだとコメント頁ではやっぱり尻の角丸がすっ飛ぶ
  • そーす
    • ヘッダ部分



<div class="sidebar">

	<hatena name="profile">

	<hatena name="calendar2" template="hatena-module">

	<hatena name="section" template="hatena-module">

	<div class="hatena-module">

		<div class="hatena-moduletitle">リンク集</div>

			<div class="hatena-modulebody">

<ul class="hatena-urllist">

<li><a href="">http://b.hatena.ne.jp/YourHatenaID/"> ブックマーク </a></li>

				</ul>

			</div>

		</div>

</div>

<div class="main">
<div> 

<b class="spiffy"> 

<b class="spiffy1"><b></b></b>

<b class="spiffy2"><b></b></b>

<b class="spiffy3"></b>

<b class="spiffy4"></b>

<b class="spiffy5"></b> 

</b> <div class="spiffy_content">

    • フッタ部分



</div>

<b class="spiffy"> 

<b class="spiffy5"></b>

<b class="spiffy4"></b>

<b class="spiffy3"></b>

<b class="spiffy2"><b></b></b>

<b class="spiffy1"><b></b></b> 

</b> 

</div>



このHTMLソースのスタイル指定タグ範囲