サイドバーの編集について
旧フォーラムの記事です 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スタッフ
旧フォーラムの記事です
Anonymous 2005-06-28 19:37:54
件名 :
基礎工事・・・なるほどですねぇw(゚o゚*)w
今回のアドバイスで各修正部分を変更したところ、
これだ〜!!という感じでうまくいきました。
それぞれの箇所の説明を丁寧にしてくださったので、
アドバイスを生かして自分で調整してみようと思い、
“最初の修正で左余白を小さくする”という部分でまだほんの少〜しのズレが見えたので、
font-size: 11px;margin-left:14px;⇒16pxにしてみたら
他項目とのバランスが丁度良くなりました(*^▽^*)
修正の理由を一つ一つ教えてくださったので、自分でも出来たのだと思います。
つだん様、大変ご丁寧なご指導ありがとうございましたm(_ _)m
お世話になりました(´▽`*)
2005年06月28日 19:37 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-28 14:43:29
件名 :Re:(´∀`*)
ご存知のとおり、テンプレはHTMLとCSSで作られてます。
最初の私の回答はHTMLを直すためのもので、基礎工事というわけですね。
(ファンデーションののりを良くする、と覚えてもかまいません)
>全体の並びは揃ったのですが、
これが正しい文法になった結果です。ここまで来れば直ったも同然。
見た目はCSSでやります。
>今度は全体的に左スペースが大きく空いてしまい、
>更にはフォントサイズが元のように大きくなってしまいました(;▽;*)
以下がこの部分の回答です。
/*サイド:テキスト*/
.side_text {
font-size: 11px;margin-left:14px;
line-height: 150%;
/*color: #636363;*/
}
.side_text a {
font-size: 10px;
line-height: 150%;
/*color:#00FFFF;*/
text-decoration: none;
}
.side_text ul {
margin: 0; padding: 0;
}
赤字の部分が修正&加筆箇所です。
最初の修正で左余白を小さくしてます。
2番目の修正(コメントアウト)でリストマークの色を、他のリストと同じにしてます。
3番目の修正でフォントサイズを他のリストと同じにしてます。
4番目の修正(コメントアウト)でリンクの文字色を、他のリスト(のリンク)と同じにしてます。(これは希望ではないのかも しれませんが。)
5番目に加筆した部分で、使用ブラウザごとの見た目の差を吸収してます。
2005年06月28日 14:43 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-27 22:17:46
件名 :
いえっ!! こちらこそ初めましてm(_ _)m 光栄なのは私の方ですっ(´∀`*)
早速素早いアドバイスを頂きまして、ありがとうございます!!
本題の方ですが、
タグを変更致しましたところ、全体の並びは揃ったのですが、
今度は全体的に左スペースが大きく空いてしまい、
更にはフォントサイズが元のように大きくなってしまいました(;▽;*)
2005年06月27日 22:17 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-27 19:07:48
件名 :Re:度々スミマセン
はじめまして、Tinkさん。お会いできて光栄ですw
<div class="side_title">LINKS</div>
</td>
</tr>
<tr>
<td class="side_text_bg" id="m b">
<div class="side_text" id="mb& quot;>
<script language="javascript" type="text /javascript" src="http://list.myblog.jp/list/js?co de=83e2afe008834f3b3191a7c033231b31" charset="EUC- JP"></script>
</div>
上記の青字を削除して赤字を書き足してみてください。
うまくいかないようでしたら、またコメントください。
2005年06月27日 19:07 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-27 17:51:16
件名 :度々スミマセン
以前のアドバイスで、私のテンプレの場合はリストマークが付けられないとの事でしたが、
フォントサイズの方もIEでの表示は修正出来ずにいたので、
ダメもとで、つだんさんが咲耶さんにアドバイスなさったコードをMybloglistの方に追加してみました。
すると、http://tinkerbell.blog7.fc2.com/←のLINKS欄にある通り、
他項目と同じ●マークを付ける事が出来、フォントサイズも他と同じように小さくなりました♪
ただ気になるのが、全体的に左側のスペースが大きく空いてしまっている事と、
一番上のサイト名のみ、大きく右にズレて、更にフォントサイズが変わっていない事、
の2点あります。
このままではバランスが悪いので、修正する方法を教えて頂けないでしょうか?
どうぞよろしくお願いしますm(_ _)m
2005年06月27日 17:51 by FC2スタッフ
旧フォーラムの記事です
うお 2005-06-05 01:55:38
件名 :Re: 項目は成功しました♪
合っていますが変わらないんですね…。
なんか思いついたら、また書きます(それまでは放置ぷれぃ ^-^)。
2005年06月05日 01:55 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-04 13:15:28
件名 :Re: 項目は成功しました♪
[引用]あらら、Tinkさん具合悪かったんですね。お大事に。
で質問のほうですが、
ご心配ありがとうございますヾ(´▽`*)だいぶ良くなったので良かったです!!
上のコードを追加してみたのですが、サイズが変わらないようです。
これであってますでしょうか?
/*サイド:テキスト*/
.side_text{
font-size: 11px;margin-left:8mm;
line-height: 150%;
color: #636363;
}
.side_text a{
font-size: 11px;
line-height: 150%;
color:#CA163F;
text-decoration: none;
}
2005年06月04日 13:15 by FC2スタッフ
旧フォーラムの記事です
うお 2005-06-03 00:12:28
件名 :Re: 項目は成功しました♪
あらら、Tinkさん具合悪かったんですね。お大事に。
で質問のほうですが、
.side_text a{
font-size: 11px;
line-height: 150%;
color:#CA163F;
text-decoration: none;
}
を CSS に追加して、表示を試してみてください。
2005年06月03日 00:12 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-06-02 22:50:21
件名 :Re: 項目は成功しました♪
うおっ!! またまた登場ダスな。
えーっと、指定したサイズになっているように見えてます、Firefox だと。
たぶん、IE でダメってことなんだろうと思います。
MyblogListの各タイトルの前に、他と同じリストマーク?(黒い●)を付けるにはどうしたらよいでしょうか?
⇒この形式ではできません(たぶん、きっと)。
2005年06月02日 22:50 by FC2スタッフ
旧フォーラムの記事です
うお 2005-05-26 13:15:50
件名 :Re: サイドバーの編集について
うーん、スクリプトで置き換えですか、やるなぁつだんさん。
2005年05月26日 13:15 by FC2スタッフ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー