ico01 サンプル | |||
カテゴリー:シンプル | ベーステーマ:なし | ヘッダー:■白(太) | |
登録日:2006/11/12 | 更新日:2006/11/12 | 利用数:337 | |
ヘッダのメニュー、 「<li><a href="http://d.hatena.ne.jp/ユーザー名/">#diary</a></li> <li><a href="http://d.hatena.ne.jp/ユーザー名/about">#profile</a></li> <li><a href="http://b.hatena.ne.jp/ユーザー名/">#bookmark</a></li> <li><a href="http://f.hatena.ne.jp/ユーザー名/">#foto</a></li> 」 は、書きかえてお使い下さい。メニューの項目は、 「<li><a href="リンクしたいURL">項目名</a></li>」 を追加することで増やせます。 |
<h1><hatena name="title"></h1> <div class="main"> <ul class="menu"> <li><a href="http://d.hatena.ne.jp/ユーザー名/">#diary</a></li> <li><a href="http://d.hatena.ne.jp/ユーザー名/about">#profile</a></li> <li><a href="http://b.hatena.ne.jp/ユーザー名/">#bookmark</a></li> <li><a href="http://f.hatena.ne.jp/ユーザー名/">#foto</a></li> </ul>
</div> <div class="sidebar"> <hatena name="rss" url="http://www.hatena.ne.jp/info/diary?mode=rss" moduletitle="はてなスタッフ日記" template="hatena-module" titlelength="50" listlimit="10" dateformat="%m/%d %H:%i" desclength="100"> </div>
a:link{ color:#515151; text-decoration:underline; } a:visited{ color:#c0c0c0; text-decoration:underline; } a:active{ text-decoration:underline; } a:hover{ text-decoration:underline; } /* 全体の位置決め */ html{ margin:0; padding:0; font-size:11.5pt; } body{ margin: 0; padding:0 0 0 5%; font-family:Verdana, Arial, sans-serif; font-size:90%; color:#515151; background-color:#F5F5F5; } div.hatena-body{ margin: 0; padding:0; background-color:#FFFFFF; width: 580px; border:#ECECEC solid 1px; } div.sidebar{ position: absolute; top: 65px; left: 670px; width: 20%; _width: 30%; margin: 0; padding: 0; text-align:left; color:#4E5950; font-size:100%; } div.main{ margin: 0; padding:0 1em; background-color:#FFFFFF; } /* ヘッダ */ table{ width: 580px; _width: 469px; border-right:#ECECEC solid 1px; border-left:#ECECEC solid 1px; } table input{ color:#515151; background-color:#F5F5F5; } table table{ border:none; } table table td{ } /* h1 & menu */ h1{ margin:0; padding:40 0; width: 580px; background-color:#F5F5F5; border-bottom:#ECECEC solid 1px; font-weight:bold; font-size:150%; text-align:center; letter-spacing:8px; color:#4E5950; } h1 a:link, h1 a:visited, h1 a:active, h1 a:hover{ color:#4E5950; text-decoration:none; } h1 a img{ display:none; } ul.menu{ position:relative; top:-1px; margin:0 auto; padding:0; width:90%; list-style-type:none; background-color:#F5F5F5; border-right:#ECECEC solid 1px; border-left:#ECECEC solid 1px; border-bottom:#ECECEC solid 1px; font-size:95%; line-height:2em; text-align:left; } ul.menu li{ margin:0; padding:0 0 0 5; display:inline; font-weight:bold; } ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active{ padding:5; color:#4E5950; text-decoration:none; } ul.menu li a:hover{ padding:5; color:#FFFFFF; text-decoration:none; background-color:#4E5950; } /* main */ #pager_group, #pager_relate, #pager_top, #pager_bottom, p.pager{ text-align:right; font-size:90%; } ol{ margin:1em auto; _margin:1em 20; padding:0; list-style-type:none; text-align:left; } ol li{ padding:0.1em 0 0 0; } ol li span.modified{ font-family:'Courier New',Courier,monospace; font-size:105%; color:#4E5950; } ol li a{ padding:0 0 0 0.5em; } p.diff{ margin:0.3em 0 2em 0; padding:0.7em; background-color:#F4F4F4; font-size:98%; line-height:1.5em; } div.footer{ padding:0.5em 0 ; text-align:center; color:#c0c0c0; font-size:90%; } /* sidebar */ div.hatena-module{ margin:0 0 1.5em 0; } div.hatena-moduletitle, p.recentitem{ margin:0 0 5px 0; color:#4E5950; border-bottom: 1px solid #4E5950; font-weight:bolder; font-family:'MS Pゴシック',Osaka,sans-serif; font-size:120%; } div.hatena-moduletitle a, p.recentitem a{ text-decoration:none; color:#4E5950; } div.hatena-modulebody ul{ margin:0; padding:0; list-style-type:none; } div.hatena-modulebody ul li{ padding:5 0 5 2; font-size:90%; line-height:1.5em; font-family:'Courier New',Courier,monospace; } div.hatena-modulebody ul li a{ font-family:Verdana, Arial, sans-serif; } dl.hatena-rss{ margin:0.5em 0; padding:0; } dl.hatena-rss dt{ font-family:'Courier New',Courier,monospace; margin:0.2em 0; padding:0; } dl.hatena-rss dt a{ font-family:Verdana, Arial, sans-serif; font-size:95%; } dl.hatena-rss dd{ margin:0.1em 0 1.5em 0; padding:0; font-size:90%; line-height:1.5em; word-break:break-all; }