注目タグ

テンプレート・プラグイン

トピック詳細

自分の画像を使いたい

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=10218
ma 2006-05-15 16:56:17
件名 :自分の画像を使いたい

※質問の際は、必ず以下を明記して下さい。
OS:WinXP
ブラウザ環境: Internet Explorer
使用テンプレート名: kotori
共有/公式
このテンプレートの上部の部分のイラストを自分の画像に置き換える事は出来ますか?その場合、どこを訂正するといいですか?

2006年05月15日 16:56  by FC2スタッフ

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

  • 旧フォーラムの記事です
    sugar 2006-05-16 00:52:12
    件名 :少し修正しました 先ほどと同じやり方→少し勝手が違う

    body{
    text-align: center;
    background-color: #ffffcc;
    background-image: url(<a class="postlink" href ="http://park21.wakwak.com/~makaroom/shiro-y.gif"& gt;http://park21.wakwak.com/~makaroom/shiro-y.gif</a>) ;
    background-attachment: fixed;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: sans-serif,"\FF2D\FF33\20\FF30\30B4\30B7\ 30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3", Osaka;
    }




    #layout {
    width: 780px;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border-right: solid 1px #99cc33;
    border-left: solid 1px #99cc33;
    }


    #header {
    width : 780px;
    height : 200px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
    background-color: #ffffff;
    background-image: url(<a class="postlink" href ="http://park21.wakwak.com/~makaroom/top">http: //park21.wakwak.com/~makaroom/top</a>);
    }





    #menu {
    float : left;
    width : 190px;
    margin: 20px 0px 0px 10px;
    padding: 0px;
    background-color: #ffffff;
    color: #d7a1bc;
    text-align: left;
    }

    #menu p{
    margin: 0.3em;
    color: #663300;
    font-size: 12px;
    }

    #main {
    float : right;
    width : 560px;
    margin: 20px 0px 0px 10px;
    padding: 0px;
    background-color: #ffffff;
    text-align: left;
    color: gray;
    }




    #footer {
    clear : both;
    width: 780px;
    color: gray;
    border-top: dotted 1px #99cc33;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 11px;
    }




    /*タイトル部分
    ----------------------------------------------------------- -*/


    /*サイトタイトル*/


    .site_title {
    font-size: 18px;
    font-weight: bolder;
    color: #701c0d;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 250px;
    margin: 0px;
    }


    .site_title a{
    color: #FFFFFF;
    text-decoration:none;
    }


    .site_title a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    /*サイト説明文*/

    .site_intro {
    margin-top: 140px;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 250px;
    }




    /*文字設定
    ----------------------------------------------------------- -*/

    .menutitle {
    font-size: 12px;
    color: #663300;
    background-color: #ffffff;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0.2em;
    border-color: #99cc33;
    border-style: solid;
    border-width: 1px;
    }


    /* 自己紹介部分の画像
    --------------------------------------------------*/
    .pay {
    text-align: center;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    }





    /* リスト設定(サイドメニュー)
    ----------------------------------------------------------- -*/

    ul {
    text-align:left;
    margin: 0px;
    padding-left: 10px;
    list-style-type: none;
    text-decoration: none;
    }


    li {
    text-align: left;
    font-size: 11px;
    color: #b38066;
    line-height: 150%;
    padding: 0px 0px 10px 20px;
    text-decoration: none;
    background: url(<a class="postlink" href=" ;http://blog1.fc2.com/template/greenboy/image/icon1.gif" ;>http://blog1.fc2.com/template/greenboy/image/icon1.gif& lt;/a>) no-repeat;
    }


    li a {
    text-decoration: none;
    color: #663300;
    }


    li a:hover {
       color: #9999cc;
    text-decoration: underline;
    }






    /* カレンダー
    --------------------------------------------------*/

    table.calender {
    font-size: 11px;
    width: 182px;
    border-collapse: collapse;
    padding: 0px 0px 10px 20px;
    color: #b38066;
    }
    .calender caption {
    font-size: 11px;
    border-bottom : 1px solid #99cc33;
    }




    .calender caption a:link, .calender caption a:visited {
    text-decoration: none;
    color: #809933;
    }

    .calender caption a:hover {
    color: #9999cc;
    text-decoration: underline;
    }


    .calender th {
    font-size: 10px;
    font-weight: normal;
    padding: 0.2em 0;
    text-align: center;
    }
    .calender td {
    width: 26px;
    text-align: center;
    padding: 0.2em 0;
    background: url(<a class="postlink" href=" ;http://blog1.fc2.com/template/greenboy/image/dot.gif"& gt;http://blog1.fc2.com/template/greenboy/image/dot.gif</ a>) repeat-x bottom left;
    }
    .calender td a {
    display: block;
    font-weight: bold;
    }
    th#sun {
    color: #CC3D3D;
    }
    th#sat {
    color: #2996CC
    }
    .calender td a:link, .calender td a:visited {
    text-decoration: none;
    color: #809933;
    }
    .calender td a:hover {
    color: #9999cc;
    text-decoration: underline;
    }



    /*エントリー
    --------------------------------------------------*/


    /*エントリーテーブル(1ブロック)*/

    .entry_table{
    width: 545px;
    margin: 0px 0px 50px 0px;
    color: #b38066;
    }

    /*エントリー:ナビゲーション*/

    .entry_navi{
    font-size: 12px;
    text-align:center;
    }

    .entry_navi a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .entry_navi a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    /*エントリー:見出し*/

    .entry_title{
    font-size: 13px;
    color: #663300;
    margin: 10px 0px 0px 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 40px;
    border-bottom: 1px dotted gray;
    text-align: right;
    background: url(<a class="postlink" href=" ;http://blog1.fc2.com/template/greenboy/image/title_back.gif ">http://blog1.fc2.com/template/greenboy/ ... e_back .gif</a>) no-repeat;
    background-position: right;
    }


    /*エントリー:テキスト*/

    .entry_text {
    font-size: 12px;
    color: #663300;
    margin: 30px 20px 30px 30px;
    line-height : 150%;
    }

    .entry_text a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .entry_text a:hover {
    color: #9999cc;
    text-decoration : underline;

    }



    /*エントリー:ステータス(日付等)*/

    .entry_day {
    font-size: 11px;
    color: #b38066;
    text-align: right;
    }



    .entry_state {
    font-size: 11px;
    color: gray;
    text-align: right;
    margin: 20px 20px 10px 0px;
    }


    .entry_state a {
    font-size: 11px;
    color: #809933;
    text-decoration:none;
    }


    .entry_state a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    .comment_state {
    font-size: 12px;
    color: #663300;
    text-align: right;
    margin: 20px 20px 10px 0px;
    }

    .comment_state a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .comment_state a:hover {
    color: #9999cc;
    text-decoration : underline;
    }



    /*テキスト内の画像*/

    .entry_text img {
    padding: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px #666;
    }






    /*検索
    ---------------------------------------------------------*/
    #sarch { text-align: center;
    margin-top : 15px;
    padding: 0px 0px 10px 15px;
    background: url(<a class="postlink" href=" ;http://blog1.fc2.com/template/greenboy/image/sarch.gif" ;>http://blog1.fc2.com/template/greenboy/image/sarch.gif& lt;/a>) no-repeat; }





    /*フッター
    ---------------------------------------------------------*/



    #footer a {
    color: #809933;
    text-decoration:none;
    }

    #footer a:hover {
    color:#9999cc;
    }

    textarea,input,select {
    font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3",& quot;Osaka","Verdana","Helvetica",& quot;Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30A F",sans-serif;
    }

    img.emoji{
    vertical-align:middle;
    border:0;
    }


    先ほどと同じように文字の大きさの設定を探します。
    文字の大きさはfont-size。
    font-size: 14px;
    font-size: 18px;
    font-size: 10px;
    font-size: 13px;
    font-size: 11px;
    font-size: 12px;
    6種類あるようです。

    ただ、今度は少し勝手が違います。
    FAQ・よくある質問に以下のトピックがあります。まずは読んでみてください。
    Myblog list、BlogPeople、トラックバックピープルの文字を揃える

    2006年05月16日 00:52 by sugar & FC2blog beauties

  • 旧フォーラムの記事です
    Anonymous 2006-05-16 00:26:52
    件名 :

    ありがとうございました。
    色は同じ色になりましたが、プロフィール欄の文字の大きさが
    上下違う大きさなんです。
    いろいろ文字の大きさを変えてみたりしたのですが、
    違う場所ばかりが変わってしまいます。
    新しく追加したプラグインの「ドリコムRSS」の欄の文字の大きさが
    とても大きくなります。。

    2006年05月16日 00:26 by FC2スタッフ

  • 旧フォーラムの記事です
    sugar 2006-05-15 22:40:04
    件名 :

    ものすごくゆったりのんびりとした方法ですが、まったく何も分からない、頭もつかいたくない、という場合。

    CSSを全部貼り付けてしまいますね。

    body{
    text-align: center;
    background-color: #ffffcc;
    background-image: url(<a class="postlink&qu ot; href="http://park21.wakwak.com/~makaroom/shiro-y.gi f">http://park21.wakwak.com/~makaroom/shiro-y.gif< ;/a>);
    background-attachment: fixed;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: sans-serif,"\FF2D\FF33\20\FF30\30 B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W 3",Osaka;
    }




    #layout {
    width: 780px;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    border-right: solid 1px #99cc33;
    border-left: solid 1px #99cc33;
    }


    #header {
    width : 780px;
    height : 200px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
    background-color: #ffffff;
    background-image: url(<a class="postlink& quot; href="http://park21.wakwak.com/~makaroom/top" ;>http://park21.wakwak.com/~makaroom/top</a>);
    }





    #menu {
    float : left;
    width : 190px;
    margin: 20px 0px 0px 10px;
    padding: 0px;
    background-color: #ffffff;
    color: #d7a1bc;
    text-align: left;
    }

    #menu p{
    margin: 0.3em;
    color: #663300;
    font-size: 12px;
    }

    #main {
    float : right;
    width : 560px;
    margin: 20px 0px 0px 10px;
    padding: 0px;
    background-color: #ffffff;
    text-align: left;
    color: gray;
    }




    #footer {
    clear : both;
    width: 780px;
    color: gray;
    border-top: dotted 1px #99cc33;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 11px;
    }




    /*タイトル部分
    ----------------------------------------------------------- -*/


    /*サイトタイトル*/


    .site_title {
    font-size: 18px;
    font-weight: bolder;
    color: #701c0d;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 250px;
    margin: 0px;
    }


    .site_title a{
    color: #FFFFFF;
    text-decoration:none;
    }


    .site_title a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    /*サイト説明文*/

    .site_intro {
    margin-top: 140px;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 250px;
    }




    /*文字設定
    ----------------------------------------------------------- -*/

    .menutitle {
    font-size: 12px;
    color: #663300;
    background-color: #ffffff;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0.2em;
    border-color: #99cc33;
    border-style: solid;
    border-width: 1px;
    }


    /* 自己紹介部分の画像
    --------------------------------------------------*/
    .pay {
    text-align: center;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    }





    /* リスト設定(サイドメニュー)
    ----------------------------------------------------------- -*/

    ul {
    text-align:left;
    margin: 0px;
    padding-left: 10px;
    list-style-type: none;
    text-decoration: none;
    }


    li {
    text-align: left;
    font-size: 11px;
    color: #b38066;
    line-height: 150%;
    padding: 0px 0px 10px 20px;
    text-decoration: none;
    background: url(<a class="postlink" href= "http://blog1.fc2.com/template/greenboy/image/icon1.gif ">http://blog1.fc2.com/template/greenboy/image/icon1 .gif</a>) no-repeat;
    }


    li a {
    text-decoration: none;
    color: #663300;
    }


    li a:hover {
       color: #9999cc;
    text-decoration: underline;
    }






    /* カレンダー
    --------------------------------------------------*/

    table.calender {
    font-size: 11px;
    width: 182px;
    border-collapse: collapse;
    padding: 0px 0px 10px 20px;
    color: #b38066;
    }
    .calender caption {
    font-size: 11px;
    border-bottom : 1px solid #99cc33;
    }




    .calender caption a:link, .calender caption a:visited {
    text-decoration: none;
    color: #809933;
    }

    .calender caption a:hover {
    color: #9999cc;
    text-decoration: underline;
    }


    .calender th {
    font-size: 10px;
    font-weight: normal;
    padding: 0.2em 0;
    text-align: center;
    }
    .calender td {
    width: 26px;
    text-align: center;
    padding: 0.2em 0;
    background: url(<a class="postlink" href=&quo t;http://blog1.fc2.com/template/greenboy/image/dot.gif" >http://blog1.fc2.com/template/greenboy/image/dot.gif< /a>) repeat-x bottom left;
    }
    .calender td a {
    display: block;
    font-weight: bold;
    }
    th#sun {
    color: #CC3D3D;
    }
    th#sat {
    color: #2996CC
    }
    .calender td a:link, .calender td a:visited {
    text-decoration: none;
    color: #809933;
    }
    .calender td a:hover {
    color: #9999cc;
    text-decoration: underline;
    }



    /*エントリー
    --------------------------------------------------*/


    /*エントリーテーブル(1ブロック)*/

    .entry_table{
    width: 545px;
    margin: 0px 0px 50px 0px;
    color: #b38066;
    }

    /*エントリー:ナビゲーション*/

    .entry_navi{
    font-size: 12px;
    text-align:center;
    }

    .entry_navi a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .entry_navi a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    /*エントリー:見出し*/

    .entry_title{
    font-size: 13px;
    color: #663300;
    margin: 10px 0px 0px 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 40px;
    border-bottom: 1px dotted gray;
    text-align: right;
    background: url(<a class="postlink" h ref="http://blog1.fc2.com/template/greenboy/image/title _back.gif">http://blog1.fc2.com/template/greenboy/ . .. e_back.gif</a>) no-repeat;
    background-position: right;
    }


    /*エントリー:テキスト*/

    .entry_text {
    font-size: 12px;
    color: #663300;
    margin: 30px 20px 30px 30px;
    line-height : 150%;
    }

    .entry_text a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .entry_text a:hover {
    color: #9999cc;
    text-decoration : underline;

    }



    /*エントリー:ステータス(日付等)*/

    .entry_day {
    font-size: 11px;
    color: #b38066;
    text-align: right;
    }



    .entry_state {
    font-size: 11px;
    color: gray;
    text-align: right;
    margin: 20px 20px 10px 0px;
    }


    .entry_state a {
    font-size: 11px;
    color: #809933;
    text-decoration:none;
    }


    .entry_state a:hover {
    color: #9999cc;
    text-decoration : underline;
    }


    .comment_state {
    font-size: 12px;
    color: #663300;
    text-align: right;
    margin: 20px 20px 10px 0px;
    }

    .comment_state a {
    font-size: 12px;
    color: #809933;
    text-decoration:none;
    }


    .comment_state a:hover {
    color: #9999cc;
    text-decoration : underline;
    }



    /*テキスト内の画像*/

    .entry_text img {
    padding: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px #666;
    }






    /*検索
    ---------------------------------------------------------*/
    #sarch { text-align: center;
    margin-top : 15px;
    padding: 0px 0px 10px 15px;
    background: url(<a class="postlink" h ref="http://blog1.fc2.com/template/greenboy/image/sarch .gif">http://blog1.fc2.com/template/greenboy/image/s arch.gif</a>) no-repeat; }





    /*フッター
    ---------------------------------------------------------*/



    #footer a {
    color: #809933;
    text-decoration:none;
    }

    #footer a:hover {
    color:#9999cc;
    }

    textarea,input,select {
    font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka","Verdana","Helvetica", "Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30 AF",sans-serif;
    }

    img.emoji{
    vertical-align:middle;
    border:0;
    }


    覚えるのはひとつだけ。colorです。これは文字の色を示すものです。
    このCSSの中に出てくる色は以下の10色です。
    color: #d7a1bc;
    color: #663300;
    color: gray;
    color: #FFFFFF;
    color: #9999cc;
    color: #b38066;
    color: #9999cc;
    color: #CC3D3D;
    color: #2996CC
    color: #809933;

    ひとつひとつ取り替えてみるのです。そのうち、これだ!というものが見つかります。

    2006年05月15日 22:40 by sugar & FC2blog beauties

  • 旧フォーラムの記事です
    Anonymous 2006-05-15 22:23:21
    件名 :

    その後レンプレートを変えて形にはなったのですが、
    左サイドのプロフィールの部分の文字の色が
    自分のプロフィールだけ文字が黒になっていて
    それ以下がピンクになっているのですが、
    上の色と同じにしたいのですが、どの箇所なのか
    分かりません。。

    2006年05月15日 22:23 by FC2スタッフ

  • 旧フォーラムの記事です
    麻生(AdanKadan) 2006-05-15 20:57:10
    件名 :PCは正直なのでww

    PCは正直なので、人間と違って勝手に変わったりはしまへんwww

    使用中のテンプレを名前を変えて、 もとにしたテンプレをもう一度ダウンロードしてみましょう。(KOTORIでしたっけ? )

    両方のHTMLとCSS(文字の大きさだから、たぶんCSSだと思いますが)を、メモ帳などにコピーして、1行ずつ見比べて みれば、どこか、ミスコピーとか間違って削った場所が判ると思うっす。

    2006年05月15日 20:57 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2006-05-15 20:49:54
    件名 :

    背景画像は変えることが出来ましたが、変えた途端に全体の文字が大きくなってしまいました。
    どこか悪かったのでしょうか?
    <a class="postlink" href="http://makatar u.blog43.fc2.com/">http://makataru.blog43.fc2.com/&l t;/a>

    2006年05月15日 20:49 by FC2スタッフ

  • 旧フォーラムの記事です
    麻生(AdanKadan) 2006-05-15 20:01:04
    件名 :もしかして、コッチでつっかえていらっしゃる??

    どっか変えたい場所が決まったら、まず、テンプレート中で使える変数一覧を見るンす。
    <a class="postlink" href="http://blog.fc 2.com/template.html">http://blog.fc2.com/template.ht ml</a>

    そうすると、
    <%blog_name> ブログタイトルを表示
    と書いてあるンす。

    次に「テンプレート」の「修正」のなかで、HTMLを見ると、

    <title><%blog_name>(もちょっとなにか)</title>あたり (ここは違うww)

    ともう1ケ所、

    <h1>と</h1>
    の間とか
    <h1 id="[IDの名前]">と</h1>
    の間とか
    <h1 class="[classの名前]">と</h1>
    の間とかに、たぶん、書いてあるンでないかと(テンプレによって違う)。


    そしたら、今度は「テンプレート」の「修正」の、cssのほうをみて、
    h1
    とか
    #[IDの名前]
    とか
    h1.[classの名前]
    ってあたりを調整します。

    カスタマイズの大抵のことは、sugarさんがお出しになった↓
    <a class="postlink" href="http://blog.fc 2.com/custom_manual/">http://blog.fc2.com/custom_man ual/</a>
    にあるんだけど、(背景の変更もアリマスヨ^^)

    位置の調整は、このあたりが参考になるかもです。
    <a class="postlink" href="http://www.htm q.com/style/padding.shtml">http://www.htmq.com/style /padding.shtml</a>
    <a class="postlink" href="http://www.htm q.com/style/margin.shtml">http://www.htmq.com/style/ margin.shtml</a>

    すんません、コレ↑自ブログに転記させてください^^

    ※おまけ。
    FC2ブログは、「IE」&「エディタ指定=メモ帳」でソース見ると、日本語が文字化けするので。「どこを直すか」を把握す るのが、最初、…泣きがはいりましたww
    でもFireFoxというブラウザーでみると文字化けないンすよ。GetFireFox♪
    <a class="postlink" href="http://www.moz illa-japan.org/products/firefox/?referrer=google=search& kw=firefox">http://www.mozilla-japan.org/products/f ... kw=firefox</a>

    2006年05月15日 20:01 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2006-05-15 19:30:48
    件名 :

    すみません。
    タイトルの位置変えとその文字の色を変えたいのですが、
    どこの箇所を直せばいいのか分かりません。

    2006年05月15日 19:30 by FC2スタッフ

  • 旧フォーラムの記事です
    sugar 2006-05-15 19:26:34
    件名 :

    お手数ですが、よろしくお願いします。


    <img src="{SMILIES_PATH}/icon_eek.gif" alt=& quot;:shock:" title="Shocked" /> ここはオーダーする 場所ではないので……
    まずはリンク先をご覧いただけますか?分からないのならその場所を具体的におっしゃってください。

    2006年05月15日 19:26 by sugar & FC2blog beauties

  • 旧フォーラムの記事です
    Anonymous 2006-05-15 19:12:49
    件名 :

    ありがとうございます。
    新規でブログを作成している所なのですが、
    タイトル文字の位置と色を変えたい→写真にかかっている。
    両サイドのグリーンの色を変えたい→出来れば自分の選んだ壁紙で。

    お手数ですが、よろしくお願いします。

    <a class="postlink" href="http://makatar u.blog43.fc2.com/">http://makataru.blog43.fc2.com/&l t;/a>

    2006年05月15日 19:12 by FC2スタッフ

<< < 1 2 3 > >>