info
jugem用テンプレートを配布しています(ロリポブログでも使用可>>カスタマイズ必要箇所あり)。テンプレート一覧などかんたんにまとめてありますので上部メニューの"template"をクリックでご覧下さい。さらなる詳細はそれぞれエントリーにて個別に記載してあります。
記:2008/12/20
---
メニュー部分をレインボーにしつつインデックス風に作成した1カラム。
---
>>リンク先の画像を見てもただの真っ白な状態にしか見えないよ!という方もいらっしゃると思いますが模様の白以外の部分を透過してある為です。
>>他の背景画像を表示させたいという方がいらっしゃいましたらこちらのエントリの素材一覧をご覧下さい(リンク先の素材はindex;rnbw_sqrで使うには向き不向きありますがお好みのものがありましたらお使いください)。
余談: メニュー部分はJavascriptで設定してみました。
類似テンプレにindex;rnbw_rndがあります。違いは下記参照で。
[Recommend]
[スクエアとラウンド]
Comments
2009/02/11 6:51 PM
下記に質問内容を転載させていただきました。その下に回答を書いてあります。
> archivesからlogまでのタブがありますよね。
> その中のtemplateのタブをクリックすると表示される文言の記述方法に関して知りたかったのです。
> templateタブをクリックすると、「※こちらで配布しているテンプレをお使いになる方は以下をご一読ください」の書き出しで始まる、横長のフィールドがあります。
> 更に下のほうには、各テンプレートへのリンクが画像つきで左右に振り分けられて紹介されています。
> この、横長のフィールドと、左右に振り分けられたコンテンツの書き方というか表示のさせかたを教えて頂けたらと思った次第です。
http://terrapin.jugem.cc/?eid=263#comments
---
配布しているテンプレプレビューをご覧いただきつつ、
http://terrapin.jugem.cc/?tid=87
タブメニューのothersを例に書いてみます。
既にメニューが左右に振り分けられた表示となっていると思います。その振り分けられたメニューの上に横長のメニューを書き加えることになります。
▼htmlにて<!-- others -->以降にある<div class="menu_left">の上に下記を書き加える
<dl>
<dd>
表示させたい文章や画像など
</dd>
<dt>タイトル</dt>
</dl>
▼cssにて/* メニュー */以降をスクロールして探していただくと下記の記述があると思います
#menu02 dl, #menu03 dl, #menu04 dl { margin: 10px; }
その上辺りに下記を書き加える
#menu07 dl { margin: 10px 10px 0 10px; }
そうすればこんな感じになります
http://terrapin.img.jugem.jp/20090211_626577.png
※othersとcommentの2つは既に左右にメニューを振り分けた表示となっているので、その2つに関しては上記に書きましたカスタマイズをするだけでよいのですが、その他のタブに関してはお望みの状態にするための書き加える項目がhtml/css共に違ってきますので、もしこれに該当するようでしたらお手数ですが再度コメントいただけますでしょうか。
2009/02/11 7:59 PM
■追記です■
先程のコメントの下部に書いた『othersとcommentの2つは既に左右にメニューを振り分けた表示となっているので、その2つに関しては上記に書きましたカスタマイズをするだけでよい』に関してですが、『▼cssにて…』以降に書きました
#menu07 dl { margin: 10px 10px 0 10px; }
はothersタブにのみ有効なので、もしothersタブではなくcommentタブでのカスタマイズの場合は
#menu05 dl { margin: 10px 10px 0 10px; }
を記述してください。