注目タグ

FC2BLOGテンプレート 改造コミュニティ

トピック詳細

公式テンプレートの改造

公式テンプレートの改造などでわからないことがありましたら
何でも書き込みOKです!
下の方に必要最低限な情報を記入できる
テンプレートを用意しましたのでご活用ください。

1.テンプレート名

2.何がしたいか

3.その他(必要に応じて)

2010年11月24日 18:00  by しず

コメント一覧 43件中、11~20件表示

  • あぁー…
    一応色変わります。
    カーソル重ねたとき青色に;
    それ以外のときは元のままですorz

    2010年12月20日 20:59 by

  • >滉さん

    hoverのほうだけは設定できているみたいですね。
    #header h1 aのところにc

    olor:#0055E7 !important;

    を貼り付けるか、
    下のソースをそのまま貼り付けるかのどちらかをすれば
    色の変更ができると思います。

    #header h1 a:link{
    color:#0055E7 !important;
    }

    2010年12月19日 11:32 by しず

  • おお、タイトルが大きくなりましたっ
    けど色がそのままというorz
    どーしましょうか;

    2010年12月19日 11:21 by

  • おかげさまでできました;;
    ありがとうございます。m(_ _)m

    #containerがエントリー幅だと思ってました(^^;)

    こんな初歩的なことも分からない自分がくやしいですorz

    2010年12月19日 02:15 by ちょーでん

  • >ちょーでんさん

    まず記事の幅(エントリー幅)を広くします。
    そうするとちょーでんさんがおっしゃるとおり
    プラグインが下に落ちてしまいます。
    それを防ぐために、#containerの横幅を
    広げてあげてください。
    だいたいエントリー幅で広げた分だけ
    横幅の数値を増やしてい上げれば大丈夫だと思います。

    あとは必要に応じて、
    #header と #footerの横幅や画像などを
    変更すればカスタマイズ完了になるかと思います。

    2010年12月18日 22:45 by しず

  • 初カキコですー。
    これからもよろしくです。

    早速質問ですが、

    僕はflying_nightというテンプレートを使っているんですが、
    エントリー幅?記事を書く部分を3カラムの状態で広くしたいんです。
    一応自分でも試行錯誤したんですが、どうしてもプラグインが記事の下に行ってしまい・・・

    どうすればいいんでしょうか?

    2010年12月18日 19:47 by ちょーでん

  • >滉さん

    cssの所に下の
    ソースを空白に貼ればOKです。

    #header h1 a{
    font-size:130%;
    }

    #header h1 a:link{
    color:#0055E7;
    }

    #header h1 a:hover{
    color:#0055E7;
    }

    2010年12月18日 13:19 by しず

  • どーもですっ
    今頑張っていぢくりまわしてます(笑
    今日中に試験運転出来たら良いなぁー、といったところですね。

    あ。ブログ名のところなんですが
    色と大きさを変えるのはどこですかね??
    Ctrl+Fでtitleと検索したのですが多くて;
    具体的には#0055E7でもう2回り程大きくしたいですね。
    可能でしょうか??

    2010年12月18日 13:00 by

  • >滉さん

    今回は付け足しによる拡張なので
    回答を2つに分けて書きこんでおきました。
    下の書き込みから順番に見てくださいませ。

    2010年12月18日 01:32 by しず

  • あとはCSSの編集ですけど、
    空白に下のコードをコピーしてそのまま貼り付けてあげてください。
    そうすれば拡張できるかと思います。

    .free_space{
    /*フリースペースの幅設定*/
    width:100%;/*横幅 1100pxか100%が好ましい*/
    height:200px;/*縦幅 自由に変更OK*/

    /*背景の設定*/
    background-color:#;/*背景の色 初期設定はバグを利用して無色に*/
    background-image:url("http://画像URL");/*背景の画像*/

    /*フリースペース内側の余白*/
    padding-top:0px;/*上*/
    padding-bottom:0px;/*下*/
    padding-left:0px;/*左*/
    padding-right:0px;/*右*/

    /*フリースペース外側の余白*/
    margin-top:0px;/*上*/
    margin-bottom:0px;/*下*/
    margin-left:0px;/*左*/
    margin-right:0px;/*右*/

    /*スクロールバー*/
    overflow-x:hidden;/*横スクロールバー 隠す*/
    overflow-y:auto;/*縦スクロールバ 幅が足りない場合自動表示*/
    }

    大まかな設定はこれで出来るかと思いますけど、
    実用レベルまではいかないかと思います。
    特にカスタマイズすべき点は
    背景の設定と余白の設定ではないかと思います。
    背景は画像を用意すれば解決です。
    余白の設定は外側と内側があってややこしいですけど、
    まずは外側から試してその後に内側の余白設定に
    チャレンジしてみるといいかもです。

    cssは決まった形の文章が少しあるだけなので
    括弧内の項目の変更だけなら簡単にできるかと思います。
    http://www.tohoho-web.com/css/
    ↑のサイトはうちも良く愛用していたサイトなので
    オススメできます。
    わからない事があればいつでも聴いていいので
    参考にしながら頑張ってください。

    2010年12月18日 01:30 by しず

<< < 1 2 3 4 5 > >>