縮小してありますが…
記事領域いっぱいに広がっているし…
文字だけで味気ないしで…
…変えましょッ
いつも通り…「HTMLの編集」から…
default の記述は…
Comments セクションで…
#blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; }…ってなってますが…
以下の記述に変更します…
#blog-pager-newer-link { background: url(画像URL) no-repeat; border:0; float: $startSide; width:150px; } .home-link { background: url(画像URL) no-repeat center; padding:8px 55px; border:0; } #blog-pager-older-link { background: url(画像URL) no-repeat; border:0; float: $endSide; width:150px; } #blog-pager { text-align:center; width:470px; line-height:30px; font-weight:bold; font-size:13px; } #blog-pager a { color:#CC0000; text-decoration:none; } #blog-pager a:hover { color:#8AC75A; }default の三か所だけに記述しても…
一応表示されるんですが…
最古の投稿と最新の投稿を表示した時に…
…つまり…Pager が2個しか表示されない時に…
「ホーム」の表示位置がセンターから移動するので…
ズレたり、はみだしたりします…
なので…上記の記述にしました…
まぁ…テンプレートによって違いますが…
苦肉の策です…
オイラは画像は3個とも同一で…
150x30 にしましたが…
ファビコン画像を3個用意して…
文字横に padding で表示させても面白いかも…ですね…
ページャーの横幅や文字色はお好みで…
現在は以下の方法で表示しています…
【CSS/HTML】ページャーの文字表記の変更と画像を使ったカスタマイズの方法
0 Comments :
View Comments :: Click!!
0 Comments :
Post a Comment :: Click!!
コメントを投稿