目次にジャンプするアイコンを設置しました

Social_Media_DimSum --Social Media Small Plate Style
Bloggerのカスタマイズ記録です。

photo credit: The Daring Librarian via photopin cc






#back-top3 {
position: fixed;
top: 2px;
right: 40px;
background: #1F1F1F;
z-index: 1200;
font-size:15px;
height: 20px;
width: 25px;
margin: 5px;
padding: 5px;
text-align: center;
}

#back-top3 a {
display: block;
color: #ffffff;
text-decoration: none;
}

#back-top3 a:hover {
text-shadow:0 0 3px #FF0066;
color: #FF0066;
}



<div id='back-top3'>
<a href='#mokuji'><span class='entypo-minus'/></a>
</div>



その他、やはり、Nexus7で表示すると、幅が狭いため、色々とレイアウトの不都合が確認されました。具体的には、移動アイコンが検索フォームに重なってしまうというものです。したがって、以下を変更。

#namanyay-search-box {
padding:5px;
margin:10px;
width:200px;
}


#namanyay-search-box {
padding:5px;
margin:10px 40px 10px 10px;
width:200px;
}



更に、アイコンの位置も変更しました。具体的には、検索アイコン(虫眼鏡のやつ)を右から左に。(CSSで位置設定してもよかったのですが、面倒でした...

<span class='entypo-search'/> <form action='/search'....



これで、目次がある長文記事は、目次へのジャンプがアイコンクリックで行えます。