若葉 *Wide3
2007.09.18 |Category …作成済テンプレ
記事幅可変3カラム。あっさりと。
XHTML1.0 Transitional。表示確認:Win=IE6・FX1.5、Mac=IE5.17・NS7。基本的には「聖夜に」と同じ作りです。
左右プラグイン幅180px(内容160px)固定。左メニューにプラグインカテゴリー1〜3、右メニューに4・5。
※ご利用の際の注意点※
- ブラウザウィンドウの幅に合わせて記事幅が動きますが、あまり狭くすると崩れます。
- 記事画像は左寄せ・文字回り込みの設定になっていますので、ご注意下さい。不要ならCSSで「.EntryText img」の「float:left;」及び「img {border:0;vertical-align:middle;}」の「vertical-align:middle;」を削除願います。
- プラグインカテゴリー1・3・4は折りたたみ式です。タイトルクリックで開閉します。適当に振り分けてお使いください。
- アクセス解析などがプラグインに入っている場合、折りたたんであると正常にカウントしないかもしれません。そのような場合はプラグインカテゴリー2か5に移動させてください。
不具合等ありましたら是非ご一報の程を。
●Thanks Comments
はじめまして。
「若葉 *Wide3」を今日ダウンロードさせていただきました。
とってもいい感じです♪ありがとうございました。
自分でも作ってみたいけど、なかなか難しいですね。
いずれは!!と思っています。いつになることやら…
Re:はじめまして。
ちょっと特殊な設定がしてあるテンプレなので、使ってみて変なトコがあったらご遠慮なくコメントつけてくださいね。
自分も忍者ブログ始める前にはテンプレ作ったことなかったのですが、やってる間に何となく出来るようになりました〜。
忍者ブログのテンプレート編集機能は慣れると画像や色の変更が簡単なので、カスタマイズにも挑戦してみてください(^^)。
画像の回り込みについて
「若葉 *Wide3」をダウンロードさせていただきました。グリーンがとても気に入っています。
ご質問なのですが、
記事画像が左寄せ・文字回り込みの設定で、
CSSの「.EntryText img」の「float:left;」を削除してみたのですが、画像を右端にすることが出来ても文字の回り込みが出来なくなってしまいました。
clear:bothを変更するとフッターが変な所に来てしまい…。
記事入力でエディタ通りに画像を反映させるには
どのようにしたら良いでしょうか??
すみませんが、教えてください。
よろしくおねがいします!!
Re:画像の回り込みについて
うあ、失礼しました。ご指摘くださってありがとうございます。
高性能(HTML)エディタでの画像配置に対応するには、もう一点CSSの修正をお願いいたします。
少々探しづらいですが、CSSの「/*全体の詳細設定*/」内に
img {border:0;vertical-align:middle;}
という一行があります。ここの「vertical-align:middle;」を削ってみてください。
多分これで高性能エディタの画像回り込みに対応できると思います。
めんどくさい設定しててすみませんです(^^;
記事を修正しておきましたが、次の機会に共有テンプレの方でも修正しておきたいと思います。m(__)m
ありがとうございました!!
できました~(^o^)
とても嬉しい。
ブログの修正なんてやったことなかったのに
HPの作り方とそんなに変わらないんだということがとてもビックリ。そして、少しその内容がわかることがとても嬉しいです。…はは、私事ですみません。
でも、思ったとおりの画像位置になりとても使いやすくなりました。
早速のお返事ありがとうございました。
かわいらしいデザインをまた作ってくださいね。
これからもこのデザインを使用させてください!
それでは。
Re:ありがとうございました!!
無事出来たようでなによりです。お手数おかけしました。
忍者ブログはHTMLとCSSをフルにカスタマイズできるので、HPと基本は同じですね。
更新や管理が楽な、ちょっと進化したHPとして利用が可能です。
どんどんご自分の使いやすいようにカスタマイズしてやってください。
ではでは、ブログライフをお楽しみ下さい(^^)。
テンプレートお借りしてます
こんにちは。
こちらのテンプレートをお借りしています。
真ん中が自動可変で、出来ればグリーン系でシンプルなものを探していたのですが
かなり理想に近いものに歓喜しております。
そして、自分でも簡単なところはカスタマイズしたのですが、
どうにも行き詰まってしまったので、いくつかご助言頂けたらと思い書き込み致しました。
1、サイドバーを一番上まで上げたい
右上周辺に空間があるのが気になりますので、
サイドバーを上げて、タイトル部分を中心にして、下図のように出来たらと思います。
表示が崩れてしまったらすいません。
∥…∥葉・タイトル ∥…∥
∥ ∥ホーム ∥ ∥
∥…∥=======∥ ∥
∥ ∥記事 ∥…∥
∥ ∥ ∥ ∥
∥…∥ ∥…∥
∥ ∥=======∥ ∥
∥…∥記事 ∥…∥
∥ ∥ ∥ ∥
∥…∥=======∥ ∥
↑背景画像
2、一番上のプラグイン上部にも「……」の区切り線が欲しい
一番上に区切りがないと、くっきりして見えないので
これも上図のようにしたいです。
3、サイドバーの横幅を変えたい
左右の横幅をもう少し広げたいのですが、
真ん中が自動可変のマニュアルが見つからなかったのでわかりませんでした。
4、カレンダーの文字サイズを変更したい
テンプレートの編集から変更して、
ちゃんと設定が残っているのにブログに反映されません。
他の、サイズ指定が優先される所にも指定されているのでしょうか…?
5、右上の「Admin§Write」を、「和紅 *Wide3」と同じ「NinjaTools|Admin|Write|Res」にしたい
上部にリンクがあるのは便利だと思いまして…。
でも、グレーのバーはないほうがいいです。
6、投稿時間を日付の横にしたい
日付と時間の指定部分はわかったのですが、日付の横にすると太字の指定が時間にも反映されてしまうので、
太字にしないようにするには、どの部分を変更すればいいでしょうか。
以上、6点になります。
初めてだと言うのに、たくさん質問してしまって申し訳ございません…。
もちろんお返事はいつでもかまいませんので、変更可能なものだけでも、ご助言頂けたら幸いです。
どうぞよろしくお願い致します。
Re:テンプレートお借りしてます
えっと、全部コメント欄では説明しきれませんので、簡単なところから。
>2、一番上のプラグイン上部にも「……」の区切り線が欲しい
↑CSSの 「.PluginBlock」と「.PluginBlockR」に
border-top:1px dotted #CCC;
と1行追加する。
>4、カレンダーの文字サイズを変更したい
>他の、サイズ指定が優先される所にも指定されているのでしょうか…?
↑はい、CSSで「.CalendarMoveTable」と「.CalendarTable」に
font-size:10px;
が入っています。この数値を変更してみてください。
(もしテンプレートの編集フォームで%指定されてるなら、拡大するとか、px指定にしてみるとかでも可)
>5、右上の「Admin§Write」を、「和紅 *Wide3」と同じ「NinjaTools|Admin|Write|Res」にしたい
>でも、グレーのバーはないほうがいいです。
↑「和紅」のHTMLから <div id="Admin">~</div> の1行をコピーして、「若葉」の同じ部分にペーストしてみてください(笑)
>6、投稿時間を日付の横にしたい
>太字にしないようにするには、どの部分を変更すればいいでしょうか。
投稿時間の部分のclassを <span class="EntryCategory">(投稿時間)</span> としてみてください。
残りは数日中にでもここの記事にしてアップさせていただきますので、また覗いてみてください~。
ありがとうございます!
こんにちは。
いっぱい質問してしまったのに、素早いお返事ありがとうございます…!
夜にでも挑戦させて頂きますね。
本当にありがとうございます。
Re:ありがとうございます!
はじめまして
どうもはじめまして
若葉のテンプレ使わせていただいております
さっそくで申し訳ないのですが質問です
トラックバックを受信など正常なのですが受信した相手のブログのタイトルが表示されないのですがこれは仕様でしょうか?変更して相手のブログタイトルを表示することはできますでしょうか?
いきなりでもうしわけないですがよろしければお願いします
よろしくお願いします
Re:はじめまして
トラックバック元のブログタイトルですが、ここのテンプレートでは表示しない設定になっていますが、テンプレートのHTML編集で忍者独自構文タグを使えば表示させることが出来ます。
テンプレート編集で右上のHTMLの欄、真ん中過ぎぐらいにトラックバック関係の部分(<!--trackback--> ~ <!--/trackback-->)がありますので、まず探してみてください。「●この記事へのトラックバック」の文字の下です。そこで
<!--$trackback_blog_title-->
↑この独自タグを、<!--trackback--> ~ <!--/trackback--> の間の表示させたい部分に追加してみてください。
例えば、相手ブログの記事タイトルが表示されている所をブログタイトルと置き換えたいならば、
<!--$trackback_title--> を <!--$trackback_blog_title--> に変更するなど。
詳しくは忍者ブログヘルプ「独自構文解説書」をご参照ください。
http://blog.ninja.co.jp/Tag/trackback_blog_title/
よく分からない場合は、具体的に相手ブログタイトルを入れたい場所などをまたコメントください~。
無題
どうもありがとうございました~
迅速な返信もありがとうございます
お陰で出来ました!
また今後も使わせて頂きます~よろしくお願いします
Re:無題
思い通りに出来たようで、何よりです~。
楽しいブログライフの一助となれれば幸いです。
はじめまして
若葉、ダウンロードさせていただきました。
早速ですが、黄緑色の文字をもう少し濃い緑に変更したいのですがよろしいでしょうか?
Re:はじめまして
はい、当方のテンプレは画像も含めてお好きにカスタマイズしていただいて構いません。
黄緑の文字は「リンク用文字色」ですので、自由にご変更ください。
ありがとうございます
新緑の季節に向けてピッタリのテンプレ。
楽しませていただきます。
Re:ありがとうございます
この季節を楽しむ一助となれれば幸いです。よろしく使ってやってください〜