プロフィール

スタイルを刷新してみる

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

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

  • 即知の問題
    • 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ソースのスタイル指定タグ範囲