info
jugem用テンプレートを配布しています(ロリポブログでも使用可>>カスタマイズ必要箇所あり)。テンプレート一覧などかんたんにまとめてありますので上部メニューの"template"をクリックでご覧下さい。さらなる詳細はそれぞれエントリーにて個別に記載してあります。
記:2008/12/20
---
capsule_01(green+purple)の背景画像をベースにカラーチェンジしてあるだけですが、もしcapsule_01を気に入ってくださった方の中で お好みの色合いのものがありましたらカスタマイズしてみてください。
※ご自分で画像を作ったり、写真を使ったりしてカスタマイズする場合…画像の差し替えのみでCSSの調整をしない場合は、ヘッダーとフッターの画像サイズは width/600px height/160px で、メニュー部分の画像のサイズは width/200px height/53px にしてアップしたものをお使いいただくのがベストです。
(更新: 2006/05/18)
Comments
2006/05/14 1:46 AM
先日capsule_01(green+purple)をDLさせていただき、
使わせて頂いてます。
あちこちカスタマイズさせていただいていますが
とても綺麗で使いやすくて、大変気に入っています♪
実は凹凸もcaramelも使いたくてかなり迷いまして(笑)
更にこのcapsuleの色違いにも気付き!
(カスタマイズ後に気付いたので;)
またいつか使わせていただこうと思っています。
まだまだタグには不慣れでこちらのブログも参考にさせていただいています。
そこで今、footerのdesigned by <ambience>
の部分に、
こちらへのリンクをはらせていただいてるのですが・・・
よろしかったでしょうか。
いきなりLINK欄に加えさせていただくのも
どうかと思ったので・・・もし不快不都合ありましたら
是非ご連絡くださいませ。
また、気を付けているつもりではありますが、
カスタマイズで行き過ぎな点などもありましたらご指摘ください。
よろしくお願いします。
2006/05/14 7:35 AM
テンプレ気に入ってくださったようでとても嬉しいです。そして使ってくださりありがとうございます。
"designed by ambience" 部分からこちらへリンク貼っていただいている件ですが問題ございません。ありがとうございます。
> カスタマイズで行き過ぎな点なども
> ありましたらご指摘ください。
ご自分の使いやすいスタイルだったり色合いだったりあると思いますので特に問題ございません。
ちなみに、ブログを見させていただいてレイアウト崩れなど気になった点がありましたので失礼ながらソースをザックリとですが見させていただきました。
参考までに、修正された方が良さそうな部分をいくつか書いてみます。
■Amazon画像表示サイズを大きくしたことでCSSにて #left_box のwidthを狭くし調整されている(?)ようですが、それに合わせて #right_box や #right_box #amazon_box などのwidthの調整をされていないようなのでブラウザによってはAmazon画像が枠外へはみ出して見えます。ですので #left_box 以外の部分のwidthも調整する必要があります。(環境によってAmazon画像が枠外へはみ出して見えるのは以下に書くことも原因となっています)
■#left_box のwidthを狭くしたということは、エントリ(記事)部分もそのwidth以内に収まるようにしないとレイアウトが崩れる原因となります。つまり、"投稿日部分"と"エントリタイトル部分"を合わせたwidthも同じになるよう調整する必要があるということです。(CSSにて、 .entryinfo_left のwidthは修正せずそのままにして、.entry_info と .entryinfo_right のwidthを変更する必要があります)
この修正をした場合、エントリタイトルの下の post time, category, author がきれいに収まらなくなる(2行にわたって表示される)場合が多々あると思いますので もしスッキリさせたければ、HTMLにて、例えばcategoryをエントリ下のcommentやtrackbackの方へ移動させるなどすれば良いかと。
■上記に書いたことに関連することですが、#left_box のwidthを狭くしたことに合わせて、コメントフォームのtextareaのwidthもHTMLにて調整する必要有り。
■フッターのページナビが左寄せになっていますが、意図的にそうされていらっしゃるようでしたら以下は読み流しでお願いします。
CSSにて .entry_navi 部分の text-align の left を 元々記述してあった center に戻せば中央表示になります。
細かく数値などは書きませんでしたが、気になった部分をおおまかに書くとこんな感じです。長々と失礼いたしました。
もし修正されるにあたってわからない部分等ありましたらコメントいただければと思います。
2006/05/15 12:25 AM
丁寧なお返事、更にレイアウトのアドバイスまで、
ありがとうございました!!
まさにそのAmazonの表示サイズを変えたがために、さんざん苦しみまして、自ブラウザで見える範囲で落ち着いてしまっておりました。(冷汗)
画像と連動してブログを書くこともあるのでどうしてもそこを優先させると、収まらなくなってしまっていたのですが、
今回のアドバイスを参考にさせて頂いて、またノロノロとカスタマイズに励みます。
せっかくの綺麗なテンプレートなので、損なわないようにしたいですし!!
本当にありがとうございました♪
Terrapin様のテンプレート、これからも楽しみにしていますね。
2006/05/15 8:05 AM
こちらで公開しているテンプレのカスタマイズや修正、お使いになられてみてわからない部分などありましたらコメントいただければお答えいたしますのでお気軽にどうぞ。
ちなみに…近いうちにまたcapsuleモノをアップするかもしれません(予定は未定)
2006/05/16 12:26 AM
※先日のコメントにて間違いに気付いたため訂正です※
*********************************
> ■フッターのページナビが左寄せになっていますが…
以降の部分で 【CSSにて .entry_navi 部分】 と書いていましたが 【CSSにて .page_navi 部分】 に訂正いたします。
*********************************
間違ったことを書いてしまい失礼いたしましたm(__)m