忍者ブログ
NinjaToolsAdminWriteRes

NUI.T Temp

忍者ブログ用テンプレ試作&見本用です。

HOME ≫ Entry no.10 「若葉 *Wide3」 ≫ [13] [12] [11] [10] [9] [8] [7] [4] [3]

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


若葉 *Wide3

【07.9/19 共有化】
記事幅可変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に移動させてください。

不具合等ありましたら是非ご一報の程を。
PR

●Thanks Comments

はじめまして。

「若葉 *Wide3」を今日ダウンロードさせていただきました。
とってもいい感じです♪ありがとうございました。
自分でも作ってみたいけど、なかなか難しいですね。
いずれは!!と思っています。いつになることやら…

From 【PANI】2007.09.28 20:56編集

Re:はじめまして。

はじめまして。ご利用&コメントありがとうございます(^^)。
ちょっと特殊な設定がしてあるテンプレなので、使ってみて変なトコがあったらご遠慮なくコメントつけてくださいね。

自分も忍者ブログ始める前にはテンプレ作ったことなかったのですが、やってる間に何となく出来るようになりました〜。
忍者ブログのテンプレート編集機能は慣れると画像や色の変更が簡単なので、カスタマイズにも挑戦してみてください(^^)。

From 【NUI】 2007.09.28 21:55

画像の回り込みについて

「若葉 *Wide3」をダウンロードさせていただきました。グリーンがとても気に入っています。

ご質問なのですが、
記事画像が左寄せ・文字回り込みの設定で、
CSSの「.EntryText img」の「float:left;」を削除してみたのですが、画像を右端にすることが出来ても文字の回り込みが出来なくなってしまいました。
clear:bothを変更するとフッターが変な所に来てしまい…。

記事入力でエディタ通りに画像を反映させるには
どのようにしたら良いでしょうか??

すみませんが、教えてください。
よろしくおねがいします!!

From 【yama】2007.12.14 23:14編集

Re:画像の回り込みについて

ご利用ありがとうございます。

うあ、失礼しました。ご指摘くださってありがとうございます。
高性能(HTML)エディタでの画像配置に対応するには、もう一点CSSの修正をお願いいたします。

少々探しづらいですが、CSSの「/*全体の詳細設定*/」内に

img {border:0;vertical-align:middle;}

という一行があります。ここの「vertical-align:middle;」を削ってみてください。
多分これで高性能エディタの画像回り込みに対応できると思います。
めんどくさい設定しててすみませんです(^^;

記事を修正しておきましたが、次の機会に共有テンプレの方でも修正しておきたいと思います。m(__)m

From 【NUI】 2007.12.15 06:04

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

できました~(^o^)
とても嬉しい。

ブログの修正なんてやったことなかったのに
HPの作り方とそんなに変わらないんだということがとてもビックリ。そして、少しその内容がわかることがとても嬉しいです。…はは、私事ですみません。

でも、思ったとおりの画像位置になりとても使いやすくなりました。
早速のお返事ありがとうございました。

かわいらしいデザインをまた作ってくださいね。
これからもこのデザインを使用させてください!

それでは。

From 【yama】2007.12.17 20:39編集

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

コメントありがとうございます(^^)。
無事出来たようでなによりです。お手数おかけしました。

忍者ブログはHTMLとCSSをフルにカスタマイズできるので、HPと基本は同じですね。
更新や管理が楽な、ちょっと進化したHPとして利用が可能です。
どんどんご自分の使いやすいようにカスタマイズしてやってください。

ではでは、ブログライフをお楽しみ下さい(^^)。

From 【NUI】 2007.12.17 22:11

テンプレートお借りしてます

こんにちは。
こちらのテンプレートをお借りしています。
真ん中が自動可変で、出来ればグリーン系でシンプルなものを探していたのですが
かなり理想に近いものに歓喜しております。

そして、自分でも簡単なところはカスタマイズしたのですが、
どうにも行き詰まってしまったので、いくつかご助言頂けたらと思い書き込み致しました。


1、サイドバーを一番上まで上げたい
右上周辺に空間があるのが気になりますので、
サイドバーを上げて、タイトル部分を中心にして、下図のように出来たらと思います。
表示が崩れてしまったらすいません。

 ∥…∥葉・タイトル ∥…∥
 ∥ ∥ホーム    ∥ ∥
 ∥…∥=======∥ ∥
 ∥ ∥記事     ∥…∥
 ∥ ∥       ∥ ∥
 ∥…∥       ∥…∥
 ∥ ∥=======∥ ∥
 ∥…∥記事     ∥…∥
 ∥ ∥       ∥ ∥
 ∥…∥=======∥ ∥
   ↑背景画像

2、一番上のプラグイン上部にも「……」の区切り線が欲しい
一番上に区切りがないと、くっきりして見えないので
これも上図のようにしたいです。

3、サイドバーの横幅を変えたい
左右の横幅をもう少し広げたいのですが、
真ん中が自動可変のマニュアルが見つからなかったのでわかりませんでした。

4、カレンダーの文字サイズを変更したい
テンプレートの編集から変更して、
ちゃんと設定が残っているのにブログに反映されません。
他の、サイズ指定が優先される所にも指定されているのでしょうか…?

5、右上の「Admin§Write」を、「和紅 *Wide3」と同じ「NinjaTools|Admin|Write|Res」にしたい
上部にリンクがあるのは便利だと思いまして…。
でも、グレーのバーはないほうがいいです。

6、投稿時間を日付の横にしたい
日付と時間の指定部分はわかったのですが、日付の横にすると太字の指定が時間にも反映されてしまうので、
太字にしないようにするには、どの部分を変更すればいいでしょうか。


以上、6点になります。
初めてだと言うのに、たくさん質問してしまって申し訳ございません…。

もちろんお返事はいつでもかまいませんので、変更可能なものだけでも、ご助言頂けたら幸いです。
どうぞよろしくお願い致します。

From 【ゆき】2008.07.10 22:00編集

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> としてみてください。


残りは数日中にでもここの記事にしてアップさせていただきますので、また覗いてみてください~。

From 【NUI】 2008.07.10 23:56

ありがとうございます!

こんにちは。
いっぱい質問してしまったのに、素早いお返事ありがとうございます…!
夜にでも挑戦させて頂きますね。

本当にありがとうございます。

From 【ゆき】2008.07.11 13:08編集

Re:ありがとうございます!

はい、残りのレイアウト変更についても記事にしてみました(/Entry/13/)ので、チャレンジしてみてください~。

From 【NUI】 2008.07.13 16:05

はじめまして

どうもはじめまして
若葉のテンプレ使わせていただいております

さっそくで申し訳ないのですが質問です
トラックバックを受信など正常なのですが受信した相手のブログのタイトルが表示されないのですがこれは仕様でしょうか?変更して相手のブログタイトルを表示することはできますでしょうか?

いきなりでもうしわけないですがよろしければお願いします

よろしくお願いします

From 【梨花】URL2009.03.06 21:41編集

Re:はじめまして

はじめまして。ご利用ありがとうございます。
トラックバック元のブログタイトルですが、ここのテンプレートでは表示しない設定になっていますが、テンプレートのHTML編集で忍者独自構文タグを使えば表示させることが出来ます。

テンプレート編集で右上のHTMLの欄、真ん中過ぎぐらいにトラックバック関係の部分(<!--trackback--> ~ <!--/trackback-->)がありますので、まず探してみてください。「●この記事へのトラックバック」の文字の下です。そこで

<!--$trackback_blog_title-->

↑この独自タグを、<!--trackback--> ~ <!--/trackback--> の間の表示させたい部分に追加してみてください。

例えば、相手ブログの記事タイトルが表示されている所をブログタイトルと置き換えたいならば、
<!--$trackback_title--> を <!--$trackback_blog_title--> に変更するなど。

詳しくは忍者ブログヘルプ「独自構文解説書」をご参照ください。
http://blog.ninja.co.jp/Tag/trackback_blog_title/

よく分からない場合は、具体的に相手ブログタイトルを入れたい場所などをまたコメントください~。

From 【NUI】 2009.03.06 22:26

無題

どうもありがとうございました~
迅速な返信もありがとうございます
お陰で出来ました!

また今後も使わせて頂きます~よろしくお願いします

From 【梨花】URL2009.03.07 16:44編集

Re:無題

ご報告ありがとうございます。
思い通りに出来たようで、何よりです~。
楽しいブログライフの一助となれれば幸いです。

From 【NUI】 2009.03.07 17:39

はじめまして

若葉、ダウンロードさせていただきました。
早速ですが、黄緑色の文字をもう少し濃い緑に変更したいのですがよろしいでしょうか?

From 【親父】URL2009.03.07 17:58編集

Re:はじめまして

はじめまして。ご利用ありがとうございます。

はい、当方のテンプレは画像も含めてお好きにカスタマイズしていただいて構いません。
黄緑の文字は「リンク用文字色」ですので、自由にご変更ください。

From 【NUI】 2009.03.07 20:56

ありがとうございます

新緑の季節に向けてピッタリのテンプレ。
楽しませていただきます。

From 【親父】2009.03.08 05:21編集

Re:ありがとうございます

富士の表情を撮っておられるのですね。
この季節を楽しむ一助となれれば幸いです。よろしく使ってやってください〜

From 【NUI】 2009.03.08 06:32

●この記事にコメントする

お名前
タイトル
文字色
E-mail
URL
コメント
絵文字 Vodafone絵文字 i-mode絵文字 Ezweb絵文字
パスワード ※投稿者編集用
秘密? ※チェックすると管理人にしか見えません

●この記事へのトラックバック

TrackbackURL:

ご案内

忍者ブログ向けテンプレ作成&見本用ブログです。更新は共有テンプレ作成時のみ。
各テンプレの不具合、ご質問等、お気軽にコメントお願いします。
カキコ用記事⇒足跡どぞ

プロフィール

管理人名:NUI
HP:NUI.T NINBLO
職業:夜行性動物
趣味:色々
自己紹介:取り敢えずデザインよりクロスブラウザ優先中。Mac者。




≪ 和紅 *Wide3 |PageTop| 共有テンプレ修正部分 ≫

※ 忍者ブログ ※ [PR]
 ※
Writer 【NUI】  Design by NUI.T  Powered by NinjaBlog