注目タグ

質問・疑問

トピック詳細

バトンの答えに色をつけたりしたい

バトンに答えた際、
1、好きな色は?
みたいな感じに色がつけられたり、
質問と答えが線で囲まれたりしている記事をよく見ます

そういうのの方が見やすいと思うのでそうしたいと思ったのですが、どうやればそうなるのでしょうか?
今の私のだと
Q、好きな色は?
A、赤

みたいに、つめて表示されているので…。

何か方法があるのでしょうか?あれば教えていただけると幸いです。

2011年05月29日 12:39  by 

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

  • 秀吉.comさん、標野ゆきさん、丁寧に教えてくださりありがとうございました!!

    CSSとか全く出来ない初心者だったので…。丁寧に書いてくださりとても助かりました!

    では、本当にありがとうございました!!!お世話になりました

    2011年05月30日 20:44 by

  • 囲み罫をご所望のようなので
    秀吉.com さんの配色のままで、水色の罫をまくタイプのCSSを紹介しますね。
    質問者さんが借りておられるテンプレートに多用されている罫と同じです。

    /* バトンタイトル */
    .baton_title{
    margin:5px 0;
    }

    /* タイトル以外の全体 */
    .blog_baton{
    border:1px dashed #20b2aa;
    border-top:0px;
    }

    /* 質問部分 */
    .baton_q{
    color:#8a5a47;
    font-weight:bold;
    padding:8px 10px 0px 10px;
    border-top:1px dashed #20b2aa;
    }

    /* 質問の番号 */
    .q_number{
    padding-left:5px;
    padding-right:3px;
    color:#ac204e;
    }

    /* 回答部分 */
    .baton_a{
    color:#555555;
    padding:0px 10px 8px 10px;
    }

    /* 回答の番号 */
    .a_number{
    color:#659cbf;
    font-weight:bold;
    padding-left:5px;
    padding-right:3px;
    }

    2011年05月30日 00:29 by 標野ゆき

  • 管理画面→テンプレートの設定から「スタイルシートの編集」
    ってのがありますよね?

    そこに変な文字が沢山ありますが、一番下に以下の文章をそのままコピーして貼り付けて更新ボタンを押してください。それで色が 付くようになると思います。

    /* ここからコピーして下さい */
    /* バトンのタイトル部分 */
    .baton_title{
    text-align : left ;
    font-weight : bold ;
    padding: 3px 0px 3px 0px ;
    margin : 30px 0px 30px 0px;
    }
    /* ここまでバトンのタイトル部分 */

    /* バトンのタイトル以外の全体 */
    .blog_baton{}

    /* 質問部分 */
    .baton_q{
    color: #8a5a47;
    font-weight : bold ;
    padding: 1px 0px 2px 3px ;
    }

    /* 質問の番号を指定 */
    .q_number{
    font-weight : bold ;
    color: #ac204e;
    margin : 0px 10px 0px 0px;
    }

    /* 回答の部分 */
    .baton_a{
    margin : 10px 0px 20px 35px;
    }

    /* 回答の番号を指定 */
    .a_number{
    font-weight : bold ;
    color: #659cbf;
    margin : 0px 10px 0px 0px;
    }
    /* ここまでコピーして下さい */


    後はcolor: #******;ってありますが、この部分は色を替える部分です。好きな色にする場合には

    http://www.hi-ho.ne.jp/douton/htmlcolor.html

    ここのサイト。または「色 HTML」と検索して変更して下さい。

    2011年05月29日 13:48 by