メイン設定した【カテゴリ】文字列の揃え方(Seesaaブログ)

2007年02月19日

メイン設定した【カテゴリ】文字列の揃え方(Seesaaブログ)



スポンサード リンク


ども、Oh!kei っす(^^v 今日はさくっと

前回の記事↓
タイトルの消し方(Seesaaブログ)の続きです。



メイン設定した【カテゴリ】文字列の揃え方(Seesaaブログ)



お気楽TOP画像1   お気楽TOP画像2
      【変更前】               【変更後】



上のように、文字列の並びと背景色を変えました。



よしらいきさんに頂いたコメントを参考にやってみました^^
(よしらいきさん、感謝です!m(_ _)m)



以下その方法です。


よしらいきさんのコメント一部引用させて頂きます。

カテゴリ一覧が中央にあつまっていますね。僕もはじめそう
なりました。
<div class="side">

<div style="text-align:left; padding: 10px 0px 0px 110px; background-color:#fffaf0;">
にかえました。
(<を<にかえています。)
colorは、好みで変更して、指定しないときはいれなくていい
とおもいます。
paddingのpxを変えていくと、表示位置がかわります。


引用ここまで。



これを参考に、早速

管理画面:コンテンツ→カテゴリ→htmlの編集 へ行き



<div class="side">
<% content.header -%>
<% loop:list_category -%>
<a href="<% category.page_url %>"><% category.name | tag_break %></a>(<% category.article_count | __or__ | echo("0") %>)<br />
<% /loop -%>
<% content.footer -%>
</div>


朱書きの部分を


<div style="text-align:left; padding: 0px 20px 30px 30px; background-color:#f4fafd;">

と書き換えてみました。その結果、TOPページのようになりました(^^v


※上記の<>は本来半角表示ですが、ここに表示するため、
 全角で表記してあります。




なお、padding以降の数値は余白の設定で、順に上、右、下、
左の位置を表しているらしいっす。レビューで確認しながら、
数値を色々変えてこれに落ち着きました(^^;




内容は同じですが、確かにすっきりしました♪



とりあえず、実践報告まで♪



あなたの今日も沢山実りありますように(^^/



*************************************************************
【お勧めポータルサイト】

■稼ぐためのアフィリエイト情報局(おすし編集長)
■お小遣い稼ぎのポータルサイト(かめちき編集長)
■グーグルアドセンス(Google AdSense)で楽しく稼ぐ!
(Oh!kei編集長)

*************************************************************


有益な情報満載のランキングはこちら
人気ブログバナー青.gif ????2.gif ランキング広告.jpg<

Yahoo!ブックマークに登録 Yahoo!ブックマークに登録
「お気楽に真剣に--目指すは自立主婦!」のトップへ戻る


posted by Oh!kei at 23:58 | Comment(0) | TrackBack(0) | Seesaaブログ カスタマイズ
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック
人気ブログバナー青.gif FC2バナー.gif ブログランキング・にほんブログ村へ
ランキング広告.jpg 人気ブログランキング

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。