スポンサー広告

スポンサーサイト

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

《FC2》(マルチカテゴリー)《FC2》テンプレート/プラグイン

共有テンプレート“dt3_f_menubook”

カスタマイズ用“f”シリーズ第三弾応用編“dt3_f_menubook”デザインテーマ 「カフェ」に参加。白木のテーブルに置いた、メニューブックのような。

画像変更

 今回は、デザインを全面変更しようとすると、変更点が非常に多く、「カスタマイズ向けテンプレート」とは言いづらいシロモノです。(全面変更には“dt2_f_lime”が向いています)
 “dt3_f_menubook”は、ヘッダ画像(横445pxで現状と同じ)だけを、ブログ名(ロゴ)入りの画像に変更して使うことを想定しています。ご自分で使う場合には、ヘッダ画像は加工いただいてかまいません。

※2009.8.29:思ってたのと違うことを書いてしまっていたので、訂正。
「画像変更を含め、カスタマイズはご自由にどうぞ。ただし、デザインを全面変更しようとすると、変更点が非常に多く、「カスタマイズ向けテンプレート」とは言いづらいシロモノです。(全面変更には“dt2_f_lime”が向いています)
 “dt3_f_menubook”は、ヘッダ画像(横445pxで現状と同じ)だけを、ブログ名(ロゴ)入りの画像に変更して使うのであれば、「初めてカスタマイズする」という方でもお気軽にご利用可能かと思います。ご自分で使う場合には、現在の画像に文字入れする、影だけ残してメイン画像を変える、など、加工いただいてかまいません。」

テンプレートHTML

<div id="header">
<h1>a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p>%introduction></p>
</div><!-- /header -->

を、下記に変更してください。

<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><img src="画像URL"></a></h1>

 ただし、ヘッダ画像のみ変更しての共有登録は不可。
 共有テンプレートに登録する場合は、画像は全て変更し、何か1点でいいので、新しい機能を追加してください。

共有プラグイン対応

 メニュータイトルの飾りロゴを共有プラグインにも対応させるには、カスタマイズが必要です。カスタマイズにより、たとえば「カテゴリー系共有プラグイン」に「MyMenu」ではなく「Category」と表示させることが可能になります。
 ソースを表示させて

<div class="sidemenu_body0 puser" id="p625248">

の部分に、画像http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_category.gif を指定したいのであれば、「Category」の

.padvcategory{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_category.gif) no-repeat;}

を参考に、スタイルシートへ、

#p625248{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_category.gif) no-repeat;}

を追加します。

対応するスタイルシートは以下の部分です。
「Recent Entry」
.pentry{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_recent.gif) no-repeat;}
「Trackback」
.ptrackback{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_trackback.gif) no-repeat;}
「Link」
.plink{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_link.gif) no-repeat;}
「Archive」
.parchive{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_archive.gif) no-repeat;}
「Category」
.pcategory{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_category.gif) no-repeat;}
.padvcategory{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_category.gif) no-repeat;}
「Comment」
.pcomment{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_comment.gif) no-repeat;}
「Search」
.psearch{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_search.gif) no-repeat;}
「Calendar」
.pcalendar{background:url(http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_calendar.gif) no-repeat;}

スペシャルサンクス

 メニュータイトルの飾りロゴのフォントは、iai-jpサマのフリーフォント「Sorbet Vanille」。どうせならブログ名ロゴも同じ書体で作りたい、という方は、DLなさってください。
 フォント決めにまつわる迷走っぷりは、タグ「フォント迷走譚」に。

おまけ

「どっかの朝食みたいな写真」と思った方は正解です。写真取り終わるまで食べられなかったので、ちょいとセツナカったのは内緒です。
 マグカップやミルクピッチャーの写真は、問題ないと思っています。
[参考]コーヒーカップの写真の著作権
関連記事
スポンサーサイト
コメント

はじめまして!

テンプレートがとても素敵で、
これから使わせて頂きたいと、
思っているのですが、
表に出るタグを見えないようにすることは、
できますか?
一部画像などを変更しても宜しいでしょうか?
ご回答お願い致します。

hiroさん、いらっしゃいませ

>表に出るタグを見えないよう
記事末尾のタグ欄を消すということですか?

これは公式テンプレートから引き継いだ部分なので、

http://fc2blogmanual.blog60.fc2.com/blog-entry-160.html
を調べました。

<!--topentry_tag--> ~ <!--/topentry_tag-->
・ユーザタグがある場合に表示

と書いてありました。
テンプレートHMTL中を検索(ctrl+f)したら
<!--topentry_tag-->
<p class="tag_lnk">tag : <%topentry_jointtag></p>
<!--/topentry_tag-->
という箇所が見つかりました。

ここを消せば消えるはずです。

>一部画像などを変更しても宜しいでしょうか?
画像の変更はご自由にどうぞ。再配布と共有テンプレ登録は困りますが、ご自分でお使いになるなら、変更/加工ともにOKです。

たしかに記事本文が判りにくいですね。書き換えます^^

ありがとう御座います

頑張って、やってみたいと思います。
とても丁寧に教えて下さって、ありがとう御座います。

ちなみに、今使いたいテンプレが、こちらで
使われているテンプレと同じなのですが、
私のブログは、画像・動画が多いため、メインページの
幅を広くしたいのですが、少し変更したところ、
綺麗なテンプレが崩れてしまいました。

画像など、大きいものは450くらいの大きさです。
変更するには数字だけでは、上手く行かないのですね。
何度もすみません。。



hiroさん、画像がこのままだと苦しいような…

申し訳ないのですが、
http://blog-imgs-40.fc2.com/a/d/a/adankadan/dt3_cback.gif
の画像の、ベージュの部分が幅470pxしかありません。
ここに白い「記事の四角」を置いて、記事の実寸が450pxというのは、がんばっても、白い四角が幅460px、両側にベージュの余白が5pxずつ、白い枠と記事の本文の余白が5pxずつ、という計算になります。
やってみないとわかりませんが、たぶんかなりデザインとしてバランスが悪いです。

>画像・動画が多い
現状でも記事幅は425pxは確保したはずなので、
http://adankadan.blog47.fc2.com/blog-entry-313.html
のように、Youtubeの「埋込み」タグはそのまま置けると思います。それ以外の動画は調べていないのですが。

もし背景画像の作り直しをなさっているのであれば、画像を見せていただけますか?
それにあわせてスタイルシートの数字を変更するだけなら、なんとかなると思います。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントの投稿

非公開コメント

トラックバック URL


この記事にトラックバックする(FC2ブログユーザー)

プロフィール

麻生(阿檀) Author:麻生(阿檀)

【このブログについて】
ブログで小説を手軽に連載したい方のための、
ブログ紹介/FC2テンプレート紹介が、メインだったはずなのですが。

ミ^。^彡っ。oO○(いつのまにやら、かなりとんでもなくごった煮ブログになっております。)

MyToyBox

Clock!
doodel ?publish
?style3=10084&index



32601 02 03 04
カレンダー
08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
検索フォーム
タグリスト
                                                 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。