ども、Oh！kei っす(^^ｖ 今日はさくっと
前回の記事↓
タイトルの消し方(Seesaaブログ)の続きです。
メイン設定した【カテゴリ】文字列の揃え方(Seesaaブログ)
【変更前】 【変更後】
上のように、文字列の並びと背景色を変えました。
よしらいきさんに頂いたコメントを参考にやってみました＾＾
(よしらいきさん、感謝です！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;"＞
と書き換えてみました。その結果、ＴＯＰページのようになりました(^^v
※上記の＜＞は本来半角表示ですが、ここに表示するため、
全角で表記してあります。
なお、padding以降の数値は余白の設定で、順に上、右、下、
左の位置を表しているらしいっす。レビューで確認しながら、
数値を色々変えてこれに落ち着きました(^^;
内容は同じですが、確かにすっきりしました♪
とりあえず、実践報告まで♪
あなたの今日も沢山実りありますように(^^/
*************************************************************
【お勧めポータルサイト】
■稼ぐためのアフィリエイト情報局(おすし編集長)
■お小遣い稼ぎのポータルサイト(かめちき編集長)
■グーグルアドセンス(Google AdSense)で楽しく稼ぐ！
(Oh！kei編集長)
*************************************************************
有益な情報満載のランキングはこちら
<
