Skip to content

Instantly share code, notes, and snippets.

View ナビゲーション.CSS
#top-editarea {
width: 100%;
text-shadow: inherit;
}
#global ul{
list-style: none;
width: 100%;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
View ナビゲーションメニュー
<nav id="global">
<ul>
<li><a href="/archive">記事一覧</a></li>
<li><a href="http://meochika-value.hatenablog.com/entry/2013/03/29/122431">このブログ</a></li>
<li><a href="http://meochika-value.hatenablog.com/archive/category/%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88">ガジェット</a></li>
<li><a href="http://meochika-value.hatenablog.com/archive/category/PC%20Parts">PCパーツ</a></li>
<li><a href="http://meochika-value.hatenablog.com/archive/category/%E3%83%88%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B7%E3%83%A5%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0">トラブルシューティング</a></li>
<li><a href="http://meochika-value.hatenablog.com/archive/category/%E3%81%A4%E3%81%B6%E3%82%84%E3%81%8D">つぶやき</a></li>
</ul>
</nav>
View h3.fukidashi#01.html
<h3 class="sample2">
今回参考にしたフィギュア&書籍
</h3>
View h3.fukidashi#01.css
/* fukidashi#01 */
.fukidashi1 {
position: relative;
color: #ffffff;
background: #00a7db;
font-size: 16pt ;
border: 3px solid #e73562;
margin: 10px 10px 23px 10px;
padding: 10px 5px 10px 10px;
border-radius: 3px;
View readmore.css
/* 続きを読むボタン */
a.entry-see-more{
/* 画像サイズ */
width:135px;
height:40px;
text-indent:-999px;
display:block;
/* 画像URL */
View hatena.h3.css
h3{
border-left:7px solid #ccc;
border-bottom:1px solid #ccc;
padding:.2em .4em
}
View readmore_botton.css
/* 続きを読むボタン */
a.entry-see-more{
width:135px;
height:40px;
text-indent:-999px;
display:block;
background:transparent url("画像URL") no-repeat left top;
}
a.entry-see-more:hover {background-position:0px -40px;}
View hatena.code.html
<!-- 参考アドレス:http://chiroru.hatenablog.com/entry/2013/10/25/213517 -->
<!-- HTML : new_entries -->
<div class="hatena-module-title">
<a href="/archive">Recent entries</a>
</div>
<!-- 新しい記事を表示する -->
<div id="new_entries_feed" align="center">Now Loading...</div>