自分方位研究所

日々の活動記録

(はてなブログ) 次の記事/前の記事 注釈位置調整

昨日の続きです。「次の記事/前の記事」の注釈が、実際のリンクより離れていたのでリンクに近づけてみました。注釈の記述も若干変更しています。

これから

←←←←←← 次の記事   ///   前の記事→→→→→→

これへ変更。

↓【次の記事】←←←←| |→→→→【前の記事】↓

 

90px分移動しています。

 

htmlの記述。
ブログのダッシュボード(管理ページ)のメニューから、
デザイン > カスタマイズ(スパナマーク) > 記事 > 記事下HTML

<div class="tomorrow-yesterday">
<p>↓【次の記事】←←←←| |→→→→【前の記事】↓</p>
</div>

 

CSSの記述。
ブログのダッシュボード(管理ページ)のメニューから、
デザイン > カスタマイズ(スパナマーク) > デザインCSS

以下の2行を追加しました。
このコマンドで、本来の位置から下方向へ、90px(ピクセル)分移動させています。

position: relative;
top: 90px;

div.tomorrow-yesterday {
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
	top: 90px;
}

決め打ちで90px移動させているだけなので、他の表示要素の位置が変わった場合などには、また調整が必要になると思います。