注目タグ

質問・疑問

トピック詳細

テンプレートに使用されている書体の変更はできますか?

 
初めてテンプレートのカスタマイズに挑戦しているんですが、
知識がないこともあり、四苦八苦しています。


ブログURL:http://ambellircapelli.blog104.fc2. com/

基本的には各カテゴリに複数のページが入ることはないんですが、
『SALON NEWS』と『Ambellir'S blog』の2つは、
複数の記事が混在するページになります。

そこで、記事下部の『NEXT PAGE』や『HOME』といったところの書体が
今のままではわかりにくいのでは?と考えました。


例えば、上部の羽根ペンのように、
カーソルを合わせると文字が表示されるようにできたら、
それでもいいのかな?とも思っているんですが、
どちらにしても自分では操作できずにいます。


また、広告が入ってしまった場合、
『NEXT PAGE』などの表示が広告の下にきてしまうため、
さらにわかりにくくなってしまうんですが、
広告の上(記事本文の下あたり)にくるようにすることはできるんでしょうか?




どなたかご存知の方がいましたら、アドバイスをお願いします。

2011年09月29日 17:50  by 

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

  • >>例えば、上部の羽根ペンのように、
    >>カーソルを合わせると文字が表示されるようにできたら、

    リンク文字自体を読みやすく変更できれば、こちらは特には必要なさそうですが
    せっかく尋ねてこられたので、やり方に触れておきますね。


    <a href="./" onfocus="this.blur();" class="nonborder">文字または画像</a>
    このようなリンクタグに

    <a href="./" onfocus="this.blur();" class="nonborder" title="ホームへ戻る&quo t;>文字または画像</a>

    赤文字のような文字列を書き加えれば(tの前の半角空白をお忘れなく)
    リンク部分にマウスカーソルをのせたときにツールチップが表示されるようになります。
    (ブラウザによっては表示されない場合もあるかも)

    <aで始まるタグだけでなく
    <span>とか<p>とかいろんなタグのカッコ内に入れて使えるらしいです。



    それと
    <<<これらはフォントではなく画像です。

    ですから、シメノがお示ししたのは
    フォントの種類を変更するカスタマイズではなく、画像をフォントに変えるカスタマイズです。

    実際にフォントを変更する場合には
    スタイルシート内から font-family:×××××,×××××,×××××;
    こういう記述を探し出して変更することになりますので、ご注意ください。

    2011年09月30日 16:23 by 標野ゆき

  • >>yosoilueさん

     ありがとうございます。

     広告を表示させない方法があったんですね。
     それすら知りませんでした(^_^;)

     早速やってみます!

    2011年09月30日 12:16 by

  • > 広告の上(記事本文の下あたり)にくるようにすることはできるんでしょうか?

    記事の下に表示される広告部分は移動することはできませんが、
    環境設定>ブログの設定>画像高速表示の設定 にて利用しないにすれば広告を表示させないようにすることはできます。

    ただし、設定を変更してから1週間後に自動的に設定が変わるまでは広告が表示され続けます。

    2011年09月29日 23:18 by ロギラキ

  • 丁寧に教えて頂いてありがとございます。

    同じような箇所を見つけられたので、
    自分の思う形になるよう、教えて頂いたやり方で試してみます!

    2011年09月29日 21:29 by

  • 読みづらいページナビを変更したいと言うことでしたら

    テンプレートのhtmlから
    <div class ="kizinav">
     <a href="./" onfocus="this.blur(); " class="nonborder"><img src= "http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/mymemory home.jpg" /></a> 
    </div>
    ~~~~~~~~~中略~~~~~~~~~
    <div class="shitanabi">
    <div class="new">
    <a href="http://ambellircapelli.blog104.fc2.com/pag e-1.html" onfocus="this.blur();" class=" nonborder"><img src="http://blog-i mgs-30.fc2.com/m/y/s/mysticdiary/mymemorynewer.jpg" /&g t;</a>
    </div>
    <div class="old">
    <a href="http://ambellircapelli.blog104.fc2.com/pag e-3.html" onfocus="this.blur();" class=" nonborder"><img src="http://blog-i mgs-30.fc2.com/m/y/s/mysticdiary/mymemoryolder.jpg" /&g t;</a>
    </div>
    </div>

    このような箇所を探し出して
    赤文字の部分をまるごと削って、代わりにHOME、NEXTPAGE、PREVPAGEといった文言を挿入すればよいのではな いかと思います。

    上の引用部分は
    ブログページのHTMLソースを抜粋したものなので
    実際のテンプレートHTMLの記述とはリンク先の表記が違いますが
    他の部分は同じです。

    2011年09月29日 20:29 by 標野ゆき