注目タグ

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

トピック詳細

サイドバーの編集について

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=1042
咲耶 2005-05-23 07:41:51
件名 :サイドバーの編集について

テンプレートはflowerを使っています。
ブログを始めたばかりの初心者です。
このテンプレートのサイドバーの「カテゴリー」「リンク」「アーカイブ」のような項目を増やしたいと思っています。
項目を増やす方法を教えてください。
項目を増やしてその項目の中にブログペットやMyblogListや注記文章などを入れたいのです。
そしてHTMLの編集のどの部分にそのタグを貼り付ければ良いかも教えてください。
どうぞよろしくお願いします。

2005年05月23日 07:41  by FC2スタッフ

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

  • 旧フォーラムの記事です
    Anonymous 2005-05-25 20:31:25
    件名 :サイドバーの編集について

    うおさん、つだんさんご指導ありがとうございました。
    おかげさまで全て解決しました。
    これからは少しづつですがHTMLやCSSの勉強をしていきたいと
    思います。
    また分からなくなったら質問すると思いますが、
    その時はまたよろしくお願いします。<(_ _)>
    ほんとうにありがとうございました。

    2005年05月25日 20:31 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-05-25 14:16:46
    件名 :Re:サイドバーの編集について

    見映えはCSSで調整してください。

    /*サイド:テキスト*/

    .side_text{
    font-size: 10px;
    color: #dea6a6;
    }

    のすぐ下に

    /*サイド:テキスト内のリスト*/

    .side_text li {
    font-size: 1em;
    }


    または

    /*サイド:MYBLOG LIST*/

    #mb {
    font-size: 1em;
    }


    と赤字の部分を追加。
    この先もサイドバーを改造していくのなら下の例がお勧め。

    2005年05月25日 14:16 by FC2スタッフ

  • 旧フォーラムの記事です
    咲耶 2005-05-25 12:58:37
    件名 :サイドバーの編集について

    度々恐縮です。
    COPYRIGHTの方はおかげさまで正しくレイアウトできました。
    ありがとうございます。

    しかし、MYBLOG LISTの方は極端な左よりは解消しましたが、
    フォントサイズが他の項目より小さくなってしまいました。
    以下にMYBLOG LISTのタグ部分を全部を載せましたので、
    チェックをお願いいたします。

    <table width="190" border="0" cells pacing="0" cellpadding="0" class="s ide_table">
    <tr>
    <td class="side_title_bg">
    <div class="side_title">MYBLOG LIST</di v>
    </td>
    </tr>
    <tr>
    <td class="side_text_bg">
    <div class="side_text" id="mb">
    <script language="javascript" type="text /javascript"
    src="http://list.myblog.jp/list/js?code=d839b130b4f48 2e4078851b393270832" charset="EUC-JP">< /script>
    </div>
    <script type="text/javascript">
    function tolist( id ) {
    if ( document.getElementById ) {
    var mb = document.getElementById ( id );
    if ( !mb ) return;
    var tmp = mb.innerHTML.replace( /<br><br>|< br\s?\/><br\s?\/>/ig, "<p>" );
    mb.innerHTML = "" +tmp.replace( /<br>|< br\s?\/>/ig, "" ) +"<\/li><\/ul&g t;";
    }
    }
    tolist( "mb" );
    </script>
    </td>
    </tr>
    <tr>
    <td><img src="http://blog10.fc2.com/template /flower/image/f_side_ft.gif" width="190" heig ht="25"></td>
    </tr>
    </table>

    度々お手数をお掛けしますがよろしくお願いします。<(_ _)>

    FC2 ブログ「鏡花水月」
    <a class="postlink" href="http://sakuyas .blog10.fc2.com/">http://sakuyas.blog10.fc2.com/< /a>

    2005年05月25日 12:58 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-05-25 09:17:11
    件名 :Re:サイドバーの編集について

    >他の項目と同じにトップに水色の●の付いたデザインでバランスの良い
    左余白を付けることは可能でしょうか?

    COPYRIGHTの方は

    <div class="side_text">
    『barvillage』は、株式会社GWEBで提供しているサービスです。
    このサイトは『バルビレッジ』および株式会社GWEBとは一切関係がありません。
    </div>

    MYBLOG LISTの方は

    <div class="side_text" id="mb& quot;>
    <script language="javascript" type="text /javascript" src="http://list.myblog.jp/list/js?co de=d839b130b4f482e4078851b393270832" charset="EUC- JP"></script>
    </div>
    <script type="text/javascript">
    function tolist( id ) {
    if ( document.getElementById ) {
    var mb = document.getElementById ( id );
    if ( !mb ) return;
    var tmp = mb.innerHTML.replace( /<br><br>|< ;br\s?\/><br\s?\/>/ig, "<p>" );
    mb.innerHTML = "" +tmp.replace( /<br>|< ;br\s?\/>/ig, "" ) +"<\/li><\/ul& gt;";
    }
    }
    tolist( "mb" );
    </script>


    のように赤字部分を追加。
    id="mb" を忘れずに。

    うまくいかないようでしたら、また報告してください。

    2005年05月25日 09:17 by FC2スタッフ

  • 旧フォーラムの記事です
    咲耶 2005-05-25 06:54:30
    件名 :フォントサイズは成功しました

    度々で申し訳ありません。
    フォントサイズは他の項目と同じサイズに揃ったのですが、
    MYBLOG LISTとCOPYRIGHTの項目をご指導の通り作った処、
    左に余白がまったくない状態で他の項目とバランスが悪く困っています。

    他の項目と同じにトップに水色の●の付いたデザインでバランスの良い
    左余白を付けることは可能でしょうか?

    最悪水色の●が付けられなくても良いので他の項目と合うバランスの良い
    余白を作る方法を教えてください。

    ほんとうに度々の質問でお手数をお掛けしますが、どうぞよろしくお願いします。

    FC2 ブログ「鏡花水月」
    <a class="postlink" href="http://sakuyas .blog10.fc2.com/">http://sakuyas.blog10.fc2.com/< /a>

    2005年05月25日 06:54 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-05-24 21:11:59
    件名 :Re: 項目は成功しました♪

    うおっ!! またまた登場ダスな。

    以下のように挿入してみたところサイズが変わらなかったのですが、
    これはそのままではいけなかったのでしょうか?

    えーっと、指定したサイズになっているように見えてます、Firefox だと。
    たぶん、IE でダメってことなんだろうと思います。でもその前に、
    <td class="side_text_bg">
    □<div class="side_text">
    <script language="javascript" type="text/ javascript" src="http://list.myblog.jp/list/js?cod e=83e2afe008834f3b3191a7c033231b31" charset="EUC-J P"></script>
    □</div>
    </td>
    に全角スペース(四角)があるので、本題とは関係ありませんが、これは削除した方がいいでしょう。
    で、本題ですが……、ちょこちょことやってはみましたが、なじぇかできませんねぇ。どなたか、回答できる方はいませんでしょう かね。

    MyblogListの各タイトルの前に、他と同じリストマーク?(黒い●)を付けるにはどうしたらよいでしょうか?

    この形式ではできません(たぶん、きっと)。

    2005年05月24日 21:11 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-05-24 18:57:57
    件名 :Re: 項目は成功しました♪

    その MyblogList のコードで、フォントサイズの指定をしていない限りは(私は使ってないので分かりませ んが)、
    <table width="190" border="0" cellsp acing="0" cellpadding="0" class="si de_table">
    <tr>
    <td class="side_title_bg">
    <div class="side_title">※サイドバーの名前※< ;/div>
    </td>
    </tr>
    <tr>
    <td class="side_text_bg">
    <div class="side_text"> < ;- ココと…
    ※サイバーの中身のソース※
    </div> <- コ コ
    </td>
    </tr>
    <tr>
    </table>
    のようにしてあげればいいでしょう。

    私も同じ事で困っていたので、この部分を参考にさせていただきました!!
    ありがとうございますm(_ _)m
    横から質問をしてスミマセンが、以下のように挿入してみたところサイズが変わらなかったのですが、
    これはそのままではいけなかったのでしょうか?

    <table width="210" border="0" cells pacing="0" cellpadding="0" class="s ide_table">
    <tr>
    <td class="side_title_bg">
    <div class="side_title">LINKS</div>
    </td>
    </tr>
    <tr>
    <td class="side_text_bg">
     <div class="side_text">
    <script language="javascript" type="text /javascript" src="http://list.myblog.jp/list/js?co de=83e2afe008834f3b3191a7c033231b31" charset="EUC- JP"></script>
     </div>

    <a href="<%link_url>" title="<% link_name>"><%link_name></a>

    </td>
    </tr>
    <tr>
    <td>
    <img src="http://blog7.fc2.com/template/wa/image/w _side_f.jpg" width="210" height="30" ;>
    </td>
    </tr>
    </table>

    また、サイドテーブルの【リンク】内に設けた、MyblogListの各タイトルの前に、他と同じリストマーク?(黒い●) を付けるにはどうしたらよいでしょうか?
    重ねてご指導いただければ幸いです。
    <a class="postlink" href="http://tinkerb ell.blog7.fc2.com/">http://tinkerbell.blog7.fc2.com/ </a>

    2005年05月24日 18:57 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-05-24 12:45:31
    件名 :Re: 項目は成功しました♪

    その MyblogList のコードで、フォントサイズの指定をしていない限りは(私は使ってないので分かりませんが)、
    <table width="190" border="0" cells pacing="0" cellpadding="0" class="s ide_table">
    <tr>
    <td class="side_title_bg">
    <div class="side_title">※サイドバーの名前※< ;/div>
    </td>
    </tr>
    <tr>
    <td class="side_text_bg">
    <div class="side_text"> < ;- ココと…
    ※サイバーの中身のソース※
    </div> <- コ コ
    </td>
    </tr>
    <tr>
    </table>
    のようにしてあげればいいでしょう。

    2005年05月24日 12:45 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2005-05-24 06:44:18
    件名 :項目は成功しました♪

    早速のご回答ありがとうございます。
    おかげさまで項目を増やすことができました。

    しかし、その項目の中にMyblogListのコードや注記文章などを入れると他の項目のフォントより大きな文字になってし まい、とてもバランスが悪く困っております。
    今までの項目のフォントと同じサイズの文字にするにはどうしらよいのでしょう。
    テンプレートはflowerを使用中です。
    どうぞよろしくお願いします。

    2005年05月24日 06:44 by FC2スタッフ

  • 旧フォーラムの記事です
    うお 2005-05-23 12:17:30
    件名 :Re: サイドバーの編集について

    これは「サイド バー設置について教えてください 」と同じ内容ですね。参照してみてください。
    以下が、flower の場合の基本的な構造です。
    <table width="190" border="0" cells pacing="0" cellpadding="0" class="s ide_table">
    <tr>
    <td class="side_title_bg">
    <div class="side_title">※サイドバーの名前※< ;/div>
    </td>
    </tr>
    <tr>
    <td class="side_text_bg">
    ※サイバーの中身のソース※
    </td>
    </tr>
    <tr>
    </table>

    2005年05月23日 12:17 by FC2スタッフ

<< < 1 2