アジアンビートカンケリキッズ

アジアの子供はほとんど裸足だ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

サイドカスタマイズ [ apple ]

サイドバーカスタマイズ : もくじ

テンプレート[ apple ]のサイドバーをカスタマイズする方法を説明します。

 【 HTML 】

<!-- ここから -->
<div class="menu">
<div class="menu_top">
<div class="menu_title">メニューの見出し</div>
</div>
<div class="menu_cen">
<div class="menu_text">
<ul>
<li>リスト内容</li>
<li>リスト内容</li>
</ul>
</div>
</div>
<div class="menu_bot"></div>
</div>
<!-- ここまで -->


<div class="menu">
<div class="menu_top">
<div class="menu_title">メニューの見出し</div>
</div>
<div class="menu_cen">
<div class="menu_text">
メニュー内容
</div>
</div>
<div class="menu_bot"></div>
</div>


上がリストで表示する場合で、基本的には下のように普通に書き込んで問題はありません。
赤文字が変更部分です。
既存のメニューを削除する場合は、<!-- ここから --><!-- ここまで -->の範囲を消してください。


 【 スタイルシート 】

/*メニュー部分設定===========================*/
.menu {
margin:5px 0px 10px;
width:180px;}

中略...

.menu_top {     /*(タイトル&内容上部の背景)*/
width:180px;
height: 40px;
background: url(http://blog2.fc2.com/template/apple/image/menu_top.gif)}

略...

.menu_bot{
width:180px;
height: 20px;
background: url(http://blog2.fc2.com/template/apple/image/menu_bot.gif)}

略...

/*リストの表示設定*/
.menu_cen ul {
padding:0px;
margin:0px}

.menu_cen ul li {
margin: 0px 10px 0px 25px;
border-bottom: 1px dashed #FFCC66;
list-style-image: url(http://blog2.fc2.com/template/apple/image/point.gif);
line-height: 180%}


メニュータイトル背景の噴き出し型画像とメニュー本文の上部丸みの画像です。
メニュー内容背景の下部丸みの画像です。
メニュー本文の背景色は画像に合わせているので変更は難しいと思います。
リストマーカーは画像です。

※ 何か問題・変な所・質問があればコメントへどうぞ。

スポンサーサイト
  1. 2004/12/02(木) 00:01:00|
  2. custom
  3. | コメント:4

コメント

承認待ちコメント

このコメントは管理者の承認待ちです
  1. 2007/12/21(金) 11:54:51 |
  2. |
  3. #
  4. [ 編集 ]

そぅだったんですか!

いぇいぇ、ビスコさんにはお世話になりっぱなしで・・・
本当にアリガトウゴザイマシタ(*´∀`*)
私もビスコさんみたいになれるように
HTMLの勉強を頑張りたいと思います!

また、よろしくお願いします★
  1. 2005/02/17(木) 06:35:41 |
  2. URL |
  3. ティハる #HHPUOOas
  4. [ 編集 ]

すいません(汗

全角スペースを入れていたせいのようですね。直しておきました。
報告ありがとうございました <(_ _)>
  1. 2005/02/17(木) 00:29:28 |
  2. URL |
  3. ビスコ #6u0SUYpc
  4. [ 編集 ]

ありがとうございました!!

お忙しい中、ありがとうございましたっ!!
さっそくチャレンジしたところ
お陰様で無事に変更するコトができましたぁ(*´∀`*)
今回は、girlよりもシンプルでわかりやすかったです♪
本当に感謝ですo(_ _*)o

もしかしたら・・・なんですが
HTMLの1部、間違っておられませんでしょうか!?
そのままコピーして貼り付けを試した結果
うまくいかなくて☆
結果的にくぎる部分がわかったから
私はうまくできたのですが・・・

私は詳しいコトはわからないので
どこが違うってハッキリは言えないのですが(>_<)
お時間ありましたら、チェックしてみてくださぃ★
  1. 2005/02/16(水) 07:34:16 |
  2. URL |
  3. ティハる #HHPUOOas
  4. [ 編集 ]

<%template_post\comment>


管理者にだけ表示を許可する

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。