ブログテンプレート『french note』
2011.07.21 22:56｜ブログテンプレ｜
▲FC2ブログ用テンプレート：26_frenchnote
ダウンロードしてくださった方、また、ご検討中の方もありがとうございます。
あっという間に承認がおりまして、あわててこの記事を書いています(;^_^A
このテンプレートは、
「ナチュラルでちょっとシックなフレンチテイストのノート風」というテーマのもとつくりました。
あまりノートにはならなかったような気もしますが、
マスキングテープがポイントです。
色づかいはやわらかなベージュに赤と青を利かせています。
ケーキはデパ地下でおなじみ、アンリ・シャルパンティエさんのもの。
この写真は、簡単に差し替え可能となっております！
ひとつ手間なのは、お気に入りの写真やイラストを正方形にトリミングしなくてはいけないところ。
デジカメ写真などは普通長方形ですので、ペイント（windowsにはじめから入っています）などのソフトで正方形に切り抜いてみてください。
サイズは200px×200pxですが、極端に大きかったり小さかったりしなければ、
テンプレートのほうで強制的にこのサイズにしますのでご安心を。
画像をアップロードしたら、HTML編集の
＜！ーートップ画像※差し替えはココ↓↓↓ーー＞の箇所で
http://～以下をアップロードした画像のURLに替えればできあがり！！
ハンドメイドがお好きな方でしたら、
ぜひ作品をカメラにおさめて、オリジナルブログデザインにしてみてくださいね～
あっという間に承認がおりまして、あわててこの記事を書いています(;^_^A
このテンプレートは、
「ナチュラルでちょっとシックなフレンチテイストのノート風」というテーマのもとつくりました。
あまりノートにはならなかったような気もしますが、
マスキングテープがポイントです。
色づかいはやわらかなベージュに赤と青を利かせています。
ケーキはデパ地下でおなじみ、アンリ・シャルパンティエさんのもの。
この写真は、簡単に差し替え可能となっております！
ひとつ手間なのは、お気に入りの写真やイラストを正方形にトリミングしなくてはいけないところ。
デジカメ写真などは普通長方形ですので、ペイント（windowsにはじめから入っています）などのソフトで正方形に切り抜いてみてください。
サイズは200px×200pxですが、極端に大きかったり小さかったりしなければ、
テンプレートのほうで強制的にこのサイズにしますのでご安心を。
画像をアップロードしたら、HTML編集の
＜！ーートップ画像※差し替えはココ↓↓↓ーー＞の箇所で
http://～以下をアップロードした画像のURLに替えればできあがり！！
ハンドメイドがお好きな方でしたら、
ぜひ作品をカメラにおさめて、オリジナルブログデザインにしてみてくださいね～
- 関連記事
-
- ブログテンプレート『summer sky』
- ブログテンプレート『french note』
- ブログテンプレート『starry sky』
No title
テンプレート、使わせてもらっています。
とても、みやすくて、最高です＞＜
これからも、新しいテンプレ待ってます！
とても、みやすくて、最高です＞＜
これからも、新しいテンプレ待ってます！
とってもお気に入りなのですが・・・
このテンプレート凄く素敵で、とっても使わせて頂きたいのですが
私のブログ大きな写真を載せておりまして・・・
もう少し横幅が大きくならないかな、と思います。
よろしかったらどこを変更したら広くなるのか、教えて頂けないでしょうか。
私のブログ大きな写真を載せておりまして・・・
もう少し横幅が大きくならないかな、と思います。
よろしかったらどこを変更したら広くなるのか、教えて頂けないでしょうか。
Re: とってもお気に入りなのですが・・・
ピッピ 様
コメントありがとうございます。
お返事が遅れてすみません。
ご質問の件ですが、
『french note』は記事のヘッダ（マスキングテープのあたり）に背景を含めた画像を使っており、
幅を広げることができないのです。
ご希望にそえず、申し訳ありません。
みなさん、写真の横幅はどのくらいで掲載されているのかな？
カメラ好きさんは広く扱われる方が多いですよね。
今後、ピッピさんのような方にも使っていただけるようなテンプレにも挑戦していきますね。
コメントありがとうございます。
お返事が遅れてすみません。
ご質問の件ですが、
『french note』は記事のヘッダ（マスキングテープのあたり）に背景を含めた画像を使っており、
幅を広げることができないのです。
ご希望にそえず、申し訳ありません。
みなさん、写真の横幅はどのくらいで掲載されているのかな？
カメラ好きさんは広く扱われる方が多いですよね。
今後、ピッピさんのような方にも使っていただけるようなテンプレにも挑戦していきますね。
No title
すみません。質問です。。
『french note』とっても気に入ってテンプレートを変えたいのですが、
写真をどうしても差し替えができません。
200×200にしても白枠に写真が入らず、そしてタイトルが
下の段にずれてしまいます。
初心者なので、触らない方がいいのですが・・
宜しければ教えて下さい。お願いします。
『french note』とっても気に入ってテンプレートを変えたいのですが、
写真をどうしても差し替えができません。
200×200にしても白枠に写真が入らず、そしてタイトルが
下の段にずれてしまいます。
初心者なので、触らない方がいいのですが・・
宜しければ教えて下さい。お願いします。
No title
うららんさん、はじめまして。
ずっとテンプレートを探していました。
これだ！って思ってＤＬさせていただきました。大切に使用させていただこうと思っています。
他にもたくさん作成してみえるんですね。
これからも楽しみにしてます。
ありがとうございます。
ずっとテンプレートを探していました。
これだ！って思ってＤＬさせていただきました。大切に使用させていただこうと思っています。
他にもたくさん作成してみえるんですね。
これからも楽しみにしてます。
ありがとうございます。
Re: おはようございます
写真の大きさについて、ご質問くださった方へ
ダウンロードありがとうございます。
鍵つきでコメントをいただいたので、お名前をふせて返信させていただきますね。
さっそく、ご質問の件ですが、
トップの現在ケーキの写真は200ピクセル×200ピクセルです。
編集ソフトでぴったりのサイズにできればベストですが、
もし難しければ、とにかく正方形に切り抜いてさえあれば、
テンプレートのhtmlで200px×200pxにサイズを指定してあるので大丈夫です。
長方形の写真を挿入すると変形がかかってゆがんで見えてしまいますので、
ぜひ正方形にしてみてください。
ちなみに、記事に掲載する写真については
幅が478ピクセル以内で収まるようになっています。
よろしくお願いいたします。
ダウンロードありがとうございます。
鍵つきでコメントをいただいたので、お名前をふせて返信させていただきますね。
さっそく、ご質問の件ですが、
トップの現在ケーキの写真は200ピクセル×200ピクセルです。
編集ソフトでぴったりのサイズにできればベストですが、
もし難しければ、とにかく正方形に切り抜いてさえあれば、
テンプレートのhtmlで200px×200pxにサイズを指定してあるので大丈夫です。
長方形の写真を挿入すると変形がかかってゆがんで見えてしまいますので、
ぜひ正方形にしてみてください。
ちなみに、記事に掲載する写真については
幅が478ピクセル以内で収まるようになっています。
よろしくお願いいたします。
Re: No title
ゆきんこ 様
はじめまして。うららんです。
ダウンロード＆ご質問ありがとうございます。
トップ画像の差し替えですが、
まず200ピクセルの正方形には切り抜き済みですね。
その画像は、ゆきんこさんの管理画面の「ファイルアップロード」できちんとサーバにアップされているか、確認お願いします。
次にテンプレートのHTML編集で
＜！－－トップ画像※差し替えはココ↓↓↓－－＞
＜img src="http://blog-imgs-26.fc2.com/u/r/a/uraraka01/26_cake.jpg" width="200" height="200" alt="" class="topgazou" /＞
＜！－－トップ画像※差し替えはココ↑↑↑－－＞
の箇所を探し、URL（赤字、下線の部分）をアップした画像に書き直してください。
URLは、「ファイルアップロード」で目的の画像をクリックするとわかります。
そのとき、widthやheightの値を変えてしまうと白枠にぴったり収まらないケースが発生してしまうので、
書き換えるのは、URLのみにしてくださいね。
この手順で改善されないようでしたら、
遠慮なくまたお問い合わせください。
うまくいきますように！
よろしくお願いいたします。
はじめまして。うららんです。
ダウンロード＆ご質問ありがとうございます。
トップ画像の差し替えですが、
まず200ピクセルの正方形には切り抜き済みですね。
その画像は、ゆきんこさんの管理画面の「ファイルアップロード」できちんとサーバにアップされているか、確認お願いします。
次にテンプレートのHTML編集で
＜！－－トップ画像※差し替えはココ↓↓↓－－＞
＜img src="http://blog-imgs-26.fc2.com/u/r/a/uraraka01/26_cake.jpg" width="200" height="200" alt="" class="topgazou" /＞
＜！－－トップ画像※差し替えはココ↑↑↑－－＞
の箇所を探し、URL（赤字、下線の部分）をアップした画像に書き直してください。
URLは、「ファイルアップロード」で目的の画像をクリックするとわかります。
そのとき、widthやheightの値を変えてしまうと白枠にぴったり収まらないケースが発生してしまうので、
書き換えるのは、URLのみにしてくださいね。
この手順で改善されないようでしたら、
遠慮なくまたお問い合わせください。
うまくいきますように！
よろしくお願いいたします。
Re: No title
ユリユリ 様
はじめまして。
コメントありがとうございます。
気に入っていただけてうれしい♪
ユリユリさんのブログをひきたてられたら光栄です。
今後ともよろしくお願いいたします。
はじめまして。
コメントありがとうございます。
気に入っていただけてうれしい♪
ユリユリさんのブログをひきたてられたら光栄です。
今後ともよろしくお願いいたします。
うららん様
丁寧に教えていただき、ありがとうございます！
ちゃんと変更できました♪
でも、やっぱりケーキの写真可愛いなと思い、
自分で撮った写真よりケーキの写真に戻してしまいました♪
素敵なテンプレートありがとうございます。
ちゃんと変更できました♪
でも、やっぱりケーキの写真可愛いなと思い、
自分で撮った写真よりケーキの写真に戻してしまいました♪
素敵なテンプレートありがとうございます。
No title
はじめまして＾＾
テンプレート使わせていただいてます。手作りをしているので画像を差し替えています
探し求めていたテンプレートはまさにコレ！！
ひとめぼれしました☆ありがとうございました
テンプレート使わせていただいてます。手作りをしているので画像を差し替えています
探し求めていたテンプレートはまさにコレ！！
ひとめぼれしました☆ありがとうございました
Re: No title
cassis* 様
嬉しいコメントありがとうございます。
わたしもたまに手作り（ミシン・めちゃくちゃな自己流）しますので、まさにcassis*さんみたいな方にこのテンプレを使ってもらえて光栄です。
申し訳ありませんが、
さきほどIE6対策で更新してしまいましたので、
お手数ですが再度DLと写真の差し替えしていただけると助かります。
今後ともよろしくお願いいたします。
嬉しいコメントありがとうございます。
わたしもたまに手作り（ミシン・めちゃくちゃな自己流）しますので、まさにcassis*さんみたいな方にこのテンプレを使ってもらえて光栄です。
申し訳ありませんが、
さきほどIE6対策で更新してしまいましたので、
お手数ですが再度DLと写真の差し替えしていただけると助かります。
今後ともよろしくお願いいたします。
はじめまして☆
うららん さま
はじめまして。
とっても素敵なテンプレート、お借りしています。
写真はまだ差し替えていませんが、今後ゆっくり考えようと思ってます。
そうそう……
1周年おめでとうございます。
これからも期待しています♪
ありがとうございます。
はじめまして。
とっても素敵なテンプレート、お借りしています。
写真はまだ差し替えていませんが、今後ゆっくり考えようと思ってます。
そうそう……
1周年おめでとうございます。
これからも期待しています♪
ありがとうございます。
Re: はじめまして☆
姉小路ミナト 様
嬉しいコメントありがとうございます。
トップの写真、ぜひ差し替えてみてくださいね♪
今後ともよろしくお願いいたします。
嬉しいコメントありがとうございます。
トップの写真、ぜひ差し替えてみてくださいね♪
今後ともよろしくお願いいたします。
できました(*^_^*)
うららん さま
できましたぁ♪
画像の差し替え、どの写真にしようか迷ったのですが、
先日出かけた清水寺の蓮の花にしました。
また季節ごとに変えてみてもいいかなって……。
なんだか、うららんさまのおかげでまた楽しみが増えました。
ありがとうございます。
こちらこそ、これからもどうぞよろしくお願いいたします。
できましたぁ♪
画像の差し替え、どの写真にしようか迷ったのですが、
先日出かけた清水寺の蓮の花にしました。
また季節ごとに変えてみてもいいかなって……。
なんだか、うららんさまのおかげでまた楽しみが増えました。
ありがとうございます。
こちらこそ、これからもどうぞよろしくお願いいたします。
はじめまして
テンプレート、お借りしてます。
可愛くてとても気に入りました。
写真の入れ替えも、わかりやすく、
早速入れ替えさせてもらいました。
ありがとうございます。
質問ですが
主にiモードの絵文字を使っているのですが
普通に表示されるところと、大きく表示されるところがあります。
どうしてなのかおわかりになりますか?
可愛くてとても気に入りました。
写真の入れ替えも、わかりやすく、
早速入れ替えさせてもらいました。
ありがとうございます。
質問ですが
主にiモードの絵文字を使っているのですが
普通に表示されるところと、大きく表示されるところがあります。
どうしてなのかおわかりになりますか?
Re: はじめまして
ちょび 様
ご質問ありがとうございます。
iモードの絵文字の件ですが、
手元にiモードの携帯がないので未確認ながら、
PCで絵文字入力したときと、携帯から入力したときで違うのかな？と予測しています。
このテンプレートは記事中の写真に白枠をつけるデザインになっていて、
絵文字はこの白枠が外れるようにスタイルシートで上書きしているような状態です。
その絵文字であることを表すクラス名というものがついたり、
つかなかったりがあるようなのです。
対処法としては、
写真も含め、記事中の画像に白枠がつかないようにすることしか今の所思いつきません。
それでよろしければ、
スタイルシート編集から
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
の下をたどり、
div.entry_body img {
border: solid 1px #eedddd;
padding: 10px;
background-color: #ffffff;
}
div.entry_body img.emoji {
border: 0;
padding: 0;
background-color: transparent;
}
の記述をまるまる削除してみてください。
お手数おかけしますが、
よろしくお願いいたします。
ご質問ありがとうございます。
iモードの絵文字の件ですが、
手元にiモードの携帯がないので未確認ながら、
PCで絵文字入力したときと、携帯から入力したときで違うのかな？と予測しています。
このテンプレートは記事中の写真に白枠をつけるデザインになっていて、
絵文字はこの白枠が外れるようにスタイルシートで上書きしているような状態です。
その絵文字であることを表すクラス名というものがついたり、
つかなかったりがあるようなのです。
対処法としては、
写真も含め、記事中の画像に白枠がつかないようにすることしか今の所思いつきません。
それでよろしければ、
スタイルシート編集から
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
の下をたどり、
div.entry_body img {
border: solid 1px #eedddd;
padding: 10px;
background-color: #ffffff;
}
div.entry_body img.emoji {
border: 0;
padding: 0;
background-color: transparent;
}
の記述をまるまる削除してみてください。
お手数おかけしますが、
よろしくお願いいたします。
ありがとうございます
早速、削除してみましたところ、
絵文字が普通サイズに戻りました。
写真の白枠も可愛かったのですが、
この状態で使わせていただきます。
ありがとうございました。
絵文字が普通サイズに戻りました。
写真の白枠も可愛かったのですが、
この状態で使わせていただきます。
ありがとうございました。
はじめまして＾＾
うららんさまへ
とても可愛いテンプレートですね！
ハンドメイドのブログでおかりしたいと思ってます＾＾
画像差し替えもわかりそうなので挑戦してみます♪
素敵なテンプレートありがとうございます＾＾
とても可愛いテンプレートですね！
ハンドメイドのブログでおかりしたいと思ってます＾＾
画像差し替えもわかりそうなので挑戦してみます♪
素敵なテンプレートありがとうございます＾＾
Re: はじめまして＾＾
*am*blue 様
はじめまして。
コメントありがとうございます♪
テンプレート選んでもらえて嬉しいです。
ハンドメイドの素敵な作品づくり、がんばってくださいね。
わたしもテンプレづくり、がんばります！
今後ともよろしくお願いいたします。
はじめまして。
コメントありがとうございます♪
テンプレート選んでもらえて嬉しいです。
ハンドメイドの素敵な作品づくり、がんばってくださいね。
わたしもテンプレづくり、がんばります！
今後ともよろしくお願いいたします。
マスキングテープの変更について
タイトルの件、鍵付きでご質問いただいた○○様、ありがとうございます。
お名前ふせまして、失礼します。
マスキングテープですが、実は背景のベージュと穴を含むノートの上部とをひとつの画像にしてヘッダーの背景にしまっているんです！
このころはあまりカスタマイズを意識しておらず、申し訳ありません。
記事幅を広げられないのもこのためで悔やんでいます(;^_^A
今回の特別対応策として、マスキングテープのない状態の画像をアップさせていただきました！
お問い合わせくださった○○さんは画像加工がお得意のようにお見受けしましたので、
ぜひ、この画像にお好きなマスキングテープをつくってみてください！
http://blog-imgs-43.fc2.com/u/r/a/uraraka01/26_kizi_headbg_none.png
さらに、赤系とおっしゃっていたので、試作の水玉の赤バージョンもアップしておきました！！
http://blog-imgs-43.fc2.com/u/r/a/uraraka01/26_kizi_headbg_red.png
もしこちらでよければ、どうぞお使いくださいね！
ちなみにスタイルシートのヘッダーのところの
26_kizi_headbg.pngを
書き換えていただくと変更できます。
個別カスタマイズはお受けしていないのですが、
今回はちょうど用意があったので特別に。
ひみつでお願いします(●＾o＾●)
お名前ふせまして、失礼します。
マスキングテープですが、実は背景のベージュと穴を含むノートの上部とをひとつの画像にしてヘッダーの背景にしまっているんです！
このころはあまりカスタマイズを意識しておらず、申し訳ありません。
記事幅を広げられないのもこのためで悔やんでいます(;^_^A
今回の特別対応策として、マスキングテープのない状態の画像をアップさせていただきました！
お問い合わせくださった○○さんは画像加工がお得意のようにお見受けしましたので、
ぜひ、この画像にお好きなマスキングテープをつくってみてください！
http://blog-imgs-43.fc2.com/u/r/a/uraraka01/26_kizi_headbg_none.png
さらに、赤系とおっしゃっていたので、試作の水玉の赤バージョンもアップしておきました！！
http://blog-imgs-43.fc2.com/u/r/a/uraraka01/26_kizi_headbg_red.png
もしこちらでよければ、どうぞお使いくださいね！
ちなみにスタイルシートのヘッダーのところの
26_kizi_headbg.pngを
書き換えていただくと変更できます。
個別カスタマイズはお受けしていないのですが、
今回はちょうど用意があったので特別に。
ひみつでお願いします(●＾o＾●)
Re: 一目で気に入りました！
このタイトルで12/6にお問い合わせくださった○○様
コメントありがとうございます。
鍵付きでしたのでお名前ふせます。
内容は確認できないのですが、良識にお任せします！
いただいた文章からわたしとしては文芸と受け取りました。
ブログ、楽しんでくださいね。
よろしくお願いいたします。
コメントありがとうございます。
鍵付きでしたのでお名前ふせます。
内容は確認できないのですが、良識にお任せします！
いただいた文章からわたしとしては文芸と受け取りました。
ブログ、楽しんでくださいね。
よろしくお願いいたします。
画像使用の際のテキストのずれについて
こんにちは。
いつも可愛いテンプレートありがとうございます。
うららんさんのテンプレファンです
今回はこちらのテンプレを使用して
カスタマイズして使用させて頂いております。
ところで、記事内に画像を使った場合、
やっぱりテキストがずれちゃうのは仕方ないんでしょうか。
画像のhightサイズによるみたいで、
ずれないものとずれちゃうものがあります。
何か対策あれば教えて頂きたいです。
なければ、
ずれないサイズを調べてアップしこうと思ってます。
いつも可愛いテンプレートありがとうございます。
うららんさんのテンプレファンです
今回はこちらのテンプレを使用して
カスタマイズして使用させて頂いております。
ところで、記事内に画像を使った場合、
やっぱりテキストがずれちゃうのは仕方ないんでしょうか。
画像のhightサイズによるみたいで、
ずれないものとずれちゃうものがあります。
何か対策あれば教えて頂きたいです。
なければ、
ずれないサイズを調べてアップしこうと思ってます。
Re: 画像使用の際のテキストのずれについて
ラブコ 様
いつもありがとうございます♪
おっしゃる通り、画像の高さによっては続くテキストがずれてしまいます。
罫線を使うデザインの弱点ですね。
行間を30px送りで固定していますので、ブラウザ側で文字サイズを大きくしてもずれないように対応しているのですが、画像が含まれると今の時点ではどうしてもそうなってしまいます。
申し訳ありませんがご了承くださいm(_ _)m
今後ともよろしくお願いいたします。
いつもありがとうございます♪
おっしゃる通り、画像の高さによっては続くテキストがずれてしまいます。
罫線を使うデザインの弱点ですね。
行間を30px送りで固定していますので、ブラウザ側で文字サイズを大きくしてもずれないように対応しているのですが、画像が含まれると今の時点ではどうしてもそうなってしまいます。
申し訳ありませんがご了承くださいm(_ _)m
今後ともよろしくお願いいたします。
プラグインのHTML編集後について
このテンプレートを一目で気に入り
使わせていただきました(´∀｀)
ブログ初心者なもので大変恐縮なのですが
こちらのテンプレートを使用中に
プラグイン管理画面の詳細設定でHTML編集を行うと
表示が二つになってしまい正常に表示されません
何か解決するためのアドバイスをいただけないでしょうか
使わせていただきました(´∀｀)
ブログ初心者なもので大変恐縮なのですが
こちらのテンプレートを使用中に
プラグイン管理画面の詳細設定でHTML編集を行うと
表示が二つになってしまい正常に表示されません
何か解決するためのアドバイスをいただけないでしょうか
Re: プラグインのHTML編集後について
ミツカ 様
ダウンロードありがとうございます。
お返事大変遅くなり申し訳ありません。
その後、いかがでしょうか？
表示が2つになってしまう、という状況がちょっとわからないのですが、
HTML編集で何をされようとしたか、
もう少し具体的に教えていただけるとこちらでテストできるかもしれません。
よろしくお願いいたします。
ダウンロードありがとうございます。
お返事大変遅くなり申し訳ありません。
その後、いかがでしょうか？
表示が2つになってしまう、という状況がちょっとわからないのですが、
HTML編集で何をされようとしたか、
もう少し具体的に教えていただけるとこちらでテストできるかもしれません。
よろしくお願いいたします。
承認待ちコメント
このコメントは管理者の承認待ちです
