注目タグ

おかしいと思ったら

トピック詳細

サイドバー内の文字を変えたい

http://shufunochokin3.blog.fc2.com/
上記サイトを運営しているものです。
サイドバー内の文字が灰色で色を変えたいのですが
どこをいじるのかわかりません。
それと大きさも変えたいです。

わかる方教えてください。お願いします。

2013年09月07日 22:33  by ももこ

コメント一覧 4件中、1~4件表示

  • 管理画面の「テンプレートの設定」リンクの先に飛ぶと
    今借りているテンプレートのHTMLとスタイルシートの編集欄があります。
    四角で囲まれた右にスクロールバーがついている分で、上下2段あります。
    そのうち下の四角がスタイルシートの編集欄で
    下にスクロールしていくと下のような部分があります。

    /*************************** ▼ 左側メニュー(プラグイン1) ▼ */
    .plugin1_outline {
    ~~~~~~中略~~~~~~
    .plugin1_body {
    font-size:11pt; /* 文字サイズ(本体) */
    color:#808080; /* 文字色 (本体) */
    background-color:#ffffff; /* 背景色 (本体) */
    ~~~~~~中略~~~~~~
    }
    /*************************** ▲ 左側メニュー(プラグイン1) ▲ */
    /*************************** ▼ 右側メニュー(プラグイン2) ▼ */
    .plugin2_outline {
    ~~~~~~中略~~~~~~
    .plugin2_body {
    font-size:11pt; /* 文字サイズ(本体) */
    color:#808080; /* 文字色 (本体) */
    background-color:#ffffff; /* 背景色 (本体) */
    ~~~~~~中略~~~~~~
    }
    /*************************** ▲ 右側メニュー(プラグイン2) ▲ */

    赤文字の部分が編集すべき個所だと思います。
    好みの色のカラーコードに変更してみてください。
    どこにあるかわからない場合はCtrl+Fで検索してみましょう。

    2013年09月09日 20:53 by 標野ゆき

  • 「プラグインの設定」から該当するプラグイン(例 おすすめサイト!)の「詳細」をクリックし、「プラグインの改造」の「HTM Lの編集」をクリックし、そこで該当する部分(おそらく全体)をspanタグで囲みます。

    サイドメニューの中身ではなくタイトル部分など(上記例でいうとおすすめサイト!という文字)を変えたい場合はテンプレートを 編集する必要があるかと思いますが先ほど書いた通り複雑になりがちなのでオススメしません。

    2013年09月08日 13:44 by ギル

  • momokoです。コメントありがとうございます。
    すいません、初心者なので具体的にHTMLのどの部分に<span style>を
    入れればいいのかわかりません。サイドバーのことが支持してある部分がどの部分かわからないので教えてください。

    http://shufunochokin3.blog.fc2.com/

    2013年09月08日 12:49 by ももこ

  • プラグインの改造 の HTMLの編集 で行います。(まとめてやるならテンプレートから変える方法もありかと思いますが複雑に なりがちなのでオススメしません)

    文字の色は以下のようなspanタグで囲むと変えられるかと思います。
    color:#XXXXXXで色を指定します。指定する数値はこちら http://www.colordic.org/ 詳 しくは省きますがRGBの16進数(00~FFを3つ)の数値です。
    <span style="color:#000033;">テスト</span&g t;

    文字の大きさは以下のように変えられるかと思います。
    より細かく決めたいならstyle="font-size:12px;"のように指定します。 http ://www.pw-design.jp/recipe/15/recipe15-1.html
    <span style="font-size:xx-large;">テスト</s pan>
    <span style="font-size:x-large;">テスト</sp an>
    <span style="font-size:large;">テスト</span >
    <span style="font-size:medium;">テスト</spa n>
    <span style="font-size:small;">テスト</span >
    <span style="font-size:x-small;">テスト</sp an>
    <span style="font-size:xx-small;">テスト</s pan>

    まとめた指定方法でも出来ますし、別々に指定する方法でも出来ます。
    <span style="font-size:xx-large; color:#000033;&quo t;>テスト</span>
    <span style="font-size:xx-large;"><span style="color:#000033;">テスト</span></spa n>

    2013年09月08日 08:54 by ギル