注目タグ

質問・疑問

トピック詳細

テンプレートXO_maika0909内の画像に枠を付ける方法を教えて?

テンプレートXO_maika0909を適用中ですが、ブログ掲載の画像に枠を付けたいのですが、マニュアル(画像に枠を付ける )を拝見しましたが、当テンプレートには該当箇所が見つかりません。(全文が英文なのもありますが・・?)、何か、方法がありま したらお教えいただけませんでしょうか?枠がついている友人に訪ねても画像を登録したら自動で枠が付いていて、何も特別していな いようです。公式テンプレートと共有テンプレートでは違いがあるのでしょうか?
よろしくお願いします。

2015年05月08日 15:07  by 

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

  • 標野ゆき様
    知らないことばかりで、失礼の段お詫び申しあげます。
    今後気をつけたいと思いますので、今後もよろしくお願いいたします。

    2015年05月16日 17:39 by

  • テンプレートのHTMLの以下の位置に太字の文字列を追加してみてください。
    <td class="side_left"></td><td cla ss="main_txt"height:50px;background:url(http://blo g29.fc2.com/m/mimitemplate/file/xo_mainfooter0909.jpg) no-re peat;><%topentry_body>
    <br>写真をクリックすると少し大きな画像でご覧いただけます。<br>
    <br><!--more_link-->


    また
    引用されているブログランキングのタグはあちこちおかしなことになっています。

    aとhrefの間には半角空白が必要ですし
    targetの前にあったはずの空白もなくなっているようです。
    正しいランキングタグを改めて借りてきて貼り直されることをお勧めします。

    借り物のタグがおかしくなったときに
    新しいきちんとしたタグに借り換えるのは基本中の基本で、質問する前に試してしかるべきところです。自分にできることを全部試 してから質問してください。


    ちなみにこの種のQ&Aコミュニティでは
    新しい質問をする際には新しいトピックを作るのが本来のやり方なのですが
    同一テンプレートでの質問なので、このまま承っています。

    別の件で質問されるときには
    こうした基本原則を守ってトピ立てされた方がいいかもしれません。

    2015年05月15日 23:17 by 標野ゆき

  • 標野ゆき様
    私のような初心者にも、的確で分かりやすいアドバイス有難うございます。
    甘え序でに、また教えていただけませんでしょうか?
    ①ブログの中に「写真をクリックすると少し大きな画像でご覧いただけます。」という文字 を、新しい日記を書くたびに常に表示 されるようにしたいのですが?表示する場所は、プ ロフィール欄か本文の拍手マークの上がいいと考えています。

    ②FC2のブログランキングマークを日記を更新する度に、
    <ahref="http://blogranking.fc2.com/in.php?id=914633 "target="_blank"><img src="http:// blogranking.fc2.com/ranking_banner/c_02.gif" style=&quo t;border:0px;"></a>をコピーして貼り付けていました。最初の頃はこのマークを クリックすると、ランキングが表示されていたのですが、今はクリックしても無反応です。このマークも常にに表示させる方法を教え てください。

    *以上、2点よろしくお願いいたします。

    2015年05月15日 15:02 by

  • 標野ゆき様
    今回もお世話になり助かりました。
    ご回答ありがとうございました。

    2015年05月13日 09:12 by

  • 以下はxo_maika0909のスタイルシートからの抜粋です。

    /* ブログのタイトルの設定 */
    .site_title{
    font-size : 23px ;
    text-align : center;
    padding : 70px 0px 0px 0px;
    font-family : "\FF2D\FF33\20\FF30\30B4 \30B7\30C3\30AF" ;
    color : #3366CC;
    line-height : 170% ;
    }
    .site_title a:link { color: #3366FF; text-decorati on: none;}
    .site_title a:active { color: #3366FF; text-decora tion: none}
    .site_title a:visited { color: #0066CC; text-decor ation: none}
    .site_title a:hover { color: #3366CC; text-decorat ion: none;}

    太字にした部分を
    ご所望の色のカラーコードに書き換えれば変更できます。
    黄色もいろいろな黄色がありますので、どれが合うか探してみてください。

    自分がよく参考にする色見本サイトさんはこちらです▽
    http://www.colordic.org/s/

    aリンクの文字色について
    http://www.tagindex.com/stylesheet/link/color.html

    2015年05月12日 08:29 by 標野ゆき

  • 度々で済みませんが、ブログ名(草花啼鳥)の色を黄色に変えたいと思いますが、
    この方法についても、アドバイスお願いできないでしょうか?
    よろしくお願いします。

    2015年05月11日 22:24 by

  • 標野ゆき様
    適切なご回答ありがとうございました。
    素敵に枠が入りました。

    2015年05月10日 18:28 by

  • 同じテンプレートを借りてきて、自ブログで実験してみたところ
    スタイルシートに記述を追加することで、記事内の画像に囲み罫を表示できました。

    下のような記述を追加すると
    .main_txt img { border: 2px #ffffff solid;}


    こんなカンジに。

    カッコの中の記述は
    太さ・色・形状の指定になっています。
    「ボーダー スタイルシート」などの用語でウェブ検索しても
    記述例が多数ヒットしますので、お好みの罫を探してみてください。

    スタイルシートによっては
    記述位置によって不具合が出ることもあるので

    この記述を追加するときは
    /* エントリ欄ーの設定 */ の中の
    .main_txt a:link { color:#3366FF; text-decoration: none;}
    の直前アタリがおすすめです。

    場所がわからないときは
    ページ内検索(Ctrl+F)で探してみてください。

    ***

    テンプレートには作り手の好みでいろんな趣向が凝らされていますから
    お友達の場合のように投稿した画像の周りに飾り罫が表示されるものもあります。

    プラグイン並みのページナビゲーションが表示されるものや
    デフォルトでカレンダーが表示されるもの、時計表示がついているものなど
    公式・共有問わずテンプレートによって違いがあるのはふつうです。

    2015年05月09日 12:18 by 標野ゆき