cyber_wing サンプル | |||
カテゴリー:シンプル | ベーステーマ:なし | ヘッダー:■標準(太) | |
登録日:2011/07/10 | 更新日:2011/07/14 | 利用数:19 | |
MacのSafari 5.0.5, Firefox 5.0, Google Chrome 12.0.742.112およびiPhone 4 Safariで表示を確認しています。 Windows環境では確認していません。 「アンテナ」での表示は問題ないですが、「シンプル」「画像」での表示は崩れてしまいます。今後修正していきます(…が、アンテナ表示しか使っていませんので、気が向いたときに修正します。) あと、サイトのスクリーンショット画像は、設定で「大(200x150)」を使ってください。設定するとこのような感じになります。→http://cdn-ak.f.st-hatena.com/images/fotolife/c/cyber_wing/20110710/20110710181737_original.jpg |
<h1><hatena name="title"></h1> <div class="box"> <div class="main">
</div>
/* CSS Document */ body { width: 950px; background-color: #FFFFFF; font-size: 9px; font-family: sans-serif; color: #666666; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px; } a:link { color: #666666; text-decoration: none; font-weight: normal; } a:hover { color:#666666; text-decoration: none; font-weight: normal; } a:active { color: #666666; text-decoration: none; font-weight: normal; } a:visited { color: #666666; text-decoration: none; font-weight: normal; } /* ### 自分のアンテナのタイトル ### */ h1 { font-size: 12px; text-align: left; margin: 20px 0px 10px 20px; padding: 0px; } /* ### カテゴリ ### */ #pager_group { text-align: center; margin: 0px; padding: 0px; } /* ### おとなりアンテナ, おすすめページ ### */ #pager_relate { text-align: center; margin: 0px; padding: 0px; } /* ### 配置場所 ### */ ol[start] { width: 930px; list-style: none; margin: 20px 0px 0px 20px; padding: 0px; } /* ### サイトごとの表示領域 ### */ ol[start] li { display: inline-block; width: 200px; height: auto; font-size: 10px; font-weight: normal; margin: 0px 30px 30px 0px; padding: 0px; } /* ### サイトの更新日時 ### */ ol[start] li span.modified { /*display: block;*/ } /* ### サイトのタイトル ### */ ol[start] li a { display: block; height: 13px; width: 200px; overflow: hidden; float: left; position: relative; top: 165px; } /* ### 含むアンテナ(矢印) ### */ ol[start] li a[href^="/include?"] { display: block; float: left; width: 10px; height: 7px; margin-top: 5px; } /* ### おとなりページ(MAP) ### */ ol[start] li a[href^="/map?"] { display: block; width: 25px; height: 10px; float: left; margin-top: 5px; } /* ### 編集(鉛筆) ### */ ol[start] li a[href^="./editpage?"] { display: block; width: 15px; height: 10px; float: left; margin-top: 5px; } /* ### 更新内容(スクリーンショットも含まれるのでその分imgをマイナス設定必要) ### */ ol[start] li p.diff { float: left; } /* ### スクリーンショット ### */ ol[start] li p a img { margin: 0px; border: 0px; } /* ### スクリーンショット ### */ ol[start] li p.diff a.screenshot { display: block; float: left; margin-bottom: 20px; height: 150px; width: 200px; position: relative; top: -35px; } div.adminmenu { font-size: 90%; margin: 2% 5% 0% 0%; text-align: right } span.adminmenu {} div.footer { color: #cccccc; margin: 5px; font-size: 80%; text-align: center; } form.hatena-searchform { text-align: right; margin-right: 5%; } #simple-header a { font-weight:normal; } #simple-header input.search-word { width:7em; }