E - テンプレート

作っているブログテンプレートについてのインフォメーションブログ。他、あったら良いな的なプラグインも作っていたり・・・サポートも受付ていますので、お気軽にコメントください。

2007.10.14.

青い花を散らして～ e-blueflower

爽やかな青に中に、小さな花を散らせて。
綺麗な雰囲気を目指して作った、青好きのためのテンプレートw
左袖にあるカテゴリーのリンクがポイントです。

サンプル

カスタマイズ

特に制限はありません。
スタイルシートの知識が無くても、簡単に文字のサイズが変更できるように整理しました。スタイルシートの編集から、「文字サイズ変更」とある部分を見てください。'font-size:'以下の数値を変える事で、文字のサイズを変更できます。

修正履歴

文字サイズの問題（エディタで「小さい文字」を指定しても小さくならない）が解決しました（2008.5.9）
文字サイズが簡単に変更できるようになりました（2008.1.13）
<div>の入れ子を重ねると文字のサイズが小さくなってしまう件を改善（2007.10.14）
<ul></ul>や<ol></ol>等、リストタグへの対応（2007.10.14）
記事と拍手ボタンの間に余白を設ける。（2007.10.14）
画像に“align="left"”等を指定した際、正しく回りこまないことが判明。修正しました。（2007.11.05）
プラグイン1にて、上部の説明が表示されない事が判明。修正しました。（2007.11.27）

comment

質問です。

こんにちは、初めまして。
こちらの可愛いテンプレを見て
一目で気に入ってしまったのですが質問です。
青い花を散らしてのテンプレを使うと
本文中にある英数字・半角記号がどうしても
他の文字に比べて、太字のような文字になってしまい
見難く感じてしまいます；
これはどうしたら周りの文字のようになるのでしょうか？
それともこちら側のPCに文字がDLされていないせいなのでしょうか？
申し訳ありませんが宜しくお願いします。

2007.10.14　ふるん　編集

ふるんさん>>回答

テンプレ使っていただいてるのでしょうか。ありがとうございます。
・質問の回答
半角英数文字が他と違って見えるのは、「Verdana」と言う欧文用のフォントを使っているためです。これはスタイルシートで設定しているので、DL云々は関係ありません。
私は好んで使っていたのですが、、、これは好みの問題ですね。
・解決法
「e-blueflowerのスタイルシート編集」のなかの16行目↓
font-family: Verdana,"ＭＳＰゴシック", Osaka;
この中の「Verdana,」を削除することで、お望みの見栄えになるかと思います。

2007.10.15　 eriraha　編集

お返事ありがとうございました。
教えて頂いたとおり、消して半英数字と()の記号は周りの文字と同じになりました。
とても綺麗なテンプレなので大変気に入っています。
ありがとうございました。
これからのテンプレ楽しみにしています。

2007.10.16　ふるん　編集

質問です

一目惚れして、使わせてもらってます^^

共有プラグインの「カレンダー（月別）」を利用すると、
月別のプルダウンがすべてはいりきりません…
クリックすれば使えるのですが、出来ればキレイにおさめたいので、
解決方法があったら教えてください。
宜しくお願いします。

2007.11.02　こまくろ　編集

こまくろさんへ>>回答

こんにちは。
「カレンダー（月別）」ですか。このプラグイン人気ですね。良く使っているブログを見かけます。無視は出来ませんね。

色々やってみた結果、原因はよくわからなかったのですが、以下の方法を取ると何とかなることが分かりました。

スタイルシートのかなり下の方、
“#MENU .plugin-calender{”の行の下に“width:100%;”を加えてください。
上手い具合に収まりました。

2007.11.04　 eriraha　編集

このテンプレートがとても好きで長くお借りしたいために、質問させて下さい。
今こちらで使われてるテンプレの修正と同じかなと思ったのですが、分からなかったのでこちらに。

画像の右横に記事が一行しか回りこみません。URLにその回りこんでいない記事を載せてあります。ご教授お願いします。

2007.11.05　マト　編集

色々試してくださったとのこと、お時間とらせてしまってすみませんでした。
おかげで、無事にすっきりおさまりました。
ありがとうございます^^

これからもテンプレ楽しみにしてます！

2007.11.05　こまくろ　編集

マトさんへ>>回答

見させていただきました。
これはテンプレートと言うより、記事の方の記述ミスのような気がします。

問題の画像のタグの中に“/align="left"”と言う属性がありますが、頭に“/”がある事で正しく表示されないのでしょう。
これを消してしまえばちゃんと回り込むようになります。多分。

2007.11.05　 eriraha　編集

回答有難うございます。
【/】を削除して確かめてみたのですが、やはり一行しか横に来ず…
まだどこか間違って記述しているのでしょうか…

2007.11.05　マト　編集

マトさんへ>>回答

すみません！　悪いのはテンプレートのほうでした。。。
スタイルシートの
img{border:none;vertical-align:middle;}
とある行の“vertical-align:middle;”を削除してください。
これで回り込むはず！

正直なところ、この設定の意味は特に無く、自分でもどうしてこんな事していたのか・・・

2007.11.05　 eriraha　編集

さっそく修正してみましたら、しっかり回り込んでました！
お手数お掛けしました、有難うございました～！
あまりテンプレを変えることがないのですが、erirahaさんの新作テンプレ楽しみにしております＾＾

2007.11.06　マト　編集

初めまして(＿＿)
テンプレート使わせてもらっています。

質問です。
アクセスカウンターを設置しているのですが、説明文を書こうとすると『プラグイン説明(上部)』では何も表示されず、『プラグイン説明(下部)』では上下に同じものが出てしまいます。
なにがいけないのでしょうか（￣△￣;）

2007.11.26　みこと　編集

みことさんへ>>

ごめんなさい、テンプレートのほうがいけなかったようです。。。
報告ありがとうございます。
修正しましたので、もう一度ダウンロードをお願いいたします。

2007.11.26　 eriraha　編集

ありがとうございます^^
無事直っていました。

2007.11.27　みこと　編集

こんにちは。
こちらのデザインに一目惚れ！ステキ～とプレビューしてみたら、

①　記事の文中で小さな文字の指定にしている部分の大きさが通常と変わらず
②　上記同様、少し大きめに指定している部分は結構大きいうえに太い字体になっている

のです。　erirahaさんの作られるテンプレートの特徴なのかと思ったのですが、他のデザインではそのようなことにはなりません。
それではと、ダウンロードしてスタイルシートを見比べて見たのですが素人にはさっぱりわかりません。色々といじってもみたのですが、この点だけはビクともしないのです。
お手数を掛けて申し訳ないのですが、何か良い方法が有りましたらお教えいただけないでしょうか？　何卒宜しくお願いします。

2008.02.06　えりのあ　編集

えりのあさん>>

こんにちは。
結構長いことブログを放っておいてしまっていました（すみません）
文字の大きさに問題が出るのは、こちらでの基本的な文字の設定がいけないようです。
これから調査を始めてみます。

2008.02.13　エリラハ　編集

えりのあさん>>

文字の大きさが、意図したとおりに表示されないとのお話ですが、色々やってみました。でも済みません、やっぱり上手く直す事が出来ませんでした。
大分時間も空いたので、何かしらの解決をされているかとも思ったのですが、一応、現状での私なりの解決法を記しておきます。

記事において、文字の大きさを指定している部分を修正する方法です。（ごめんなさい、一番めんどくさい方法です･･･）
文字の大きさを指定した際、「<span style="font-size:x-small">サンプルとして小さい文字</span>」と言う風にエディターに出てきますが、ここの「font-size:」の後「x-small」にあたる部分を数値に置き換えます。
例えば「x-small」を「80%」に。
例えば「large」を「120%」に。
出来の悪いテンプレートでも上手く大きさをかえられます。

この問題については、一から作り直してみると解決出来そうなので、余裕のあるときに再び作ってみようかと思います。
ありがとうございました。

2008.02.19　エリラハ　編集

回答ありがとうございます。
お忙しい中、お手数をお掛けして申し訳ないです。

なかなか難しいものですね。
ブログデザインはもう少し暖かくなったら変更しようと考えているので、自分でももうちょっと頑張ってみます。
わがままを言ってすみませんでした。

実はスカイブルーバージョンも素敵なので迷ってます（笑）。
今後も楽しみにしてまーす。

2008.02.21　えりのあ　編集

質問です。

はじめまして。

このテンプレートの仕様をとても気に入って
結構前から使わせて頂いております。
そこで、質問なのですが、

①右のプラグインの部分でブログパーツを
　貼り付けた際、ある特定のものを使用し
　たとき、自動的に幅が広がってしまいます。
　ブログパーツの大きさとかも確かめて
　絶対に入るはずなのですが、どうしても
　広がってしまうのです。
　もしよろしければ、幅を固定する方法を
　ご教授いただけませんでしょうか？

②既出かもしれませんが、記事を書くときに
　大きな文字にすると、やたら大きくなって
　しまいます。テンプレートの設定でそれを
　少し小さく表示することはできませんでし
　ょうか？

お忙しいかとは思いますが、もしよろしけれ
ばご教授ください。
よろしくお願いいたします。

2008.04.26　ワンチェ先生　編集

ワンチェ先生へ >>

はじめまして。
ハンドルネームに「先生」とか「君」とか入っていると違和感を感じるのですが、流せばいいのでしょうか（・_・;）
質問に答えさせていただきます。
①このテンプレートは、ウィンドウの幅を広げたると、それにあわせて広がるような仕様になっています。（逆もしかり）
「#CONTAINER{」以下2行の数値（1000）が幅の最大値、「#PAGE{」以下2行の数値（750）が幅の最小値で、ウィンドウの幅がそれ以上、もしくは以下になった場合のみ内容の幅を固定する、そんな設定にしています。
「#CONTAINER{」の数値と「#PAGE{」の数値を同じにすれば、幅は完全に固定されます。
それぞれ3箇所あり、その3箇所は全て同じ数値にする必要がありますので注意してください。
②け、検討中です･･･

2008.05.01　 EriRaha　編集

できました！

EriRahaさん、ありがとうございました。
幅固定できました。
ただ、どうしても付けたかったブログパーツは
うまく表示できなかったので、
これはどうもパーツ側の問題のようです。
お騒がせしてすみません。
初心者ですが、いろいろ四苦八苦しながら
テンプレートのカスタマイズやってます。
ずっとこのテンプレ使いたいと思っていますので。
基本的には自分でいろいろやってますが、
どうしてもわからないときには、
再び質問させていただくことがあるかもしれません。
そのときはまた、お願いできればうれしいです。

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

2008.05.03　ワンチェ先生　編集

教えて下さい。

とても素敵なデザインで早速使わせていただいてます。
１つ教えて下さい。

ブログタイトルの色が白になっていますが。
他の色にかえたいのですが可能ですか？

よろしくお願いします。

2008.05.09　かおりん　編集

かおりんさんへ >>

スタイルシートを編集すれば可能です。
ブログタイトルの色は「Link」という見出しの下の、「#HD h1」から始まる4行において設定しています。そこの「#ffffff」が「白」と言う意味で、ここを変えれば色が変わります。
（色の設定の仕方について詳しい事については「webカラー」で検索してみてください）
ブログの説明の所は、「#HD」という見出しの下の、「#HD h3」で設定しています。

2008.05.09　 EriRaha　編集

ありがとうございます

早速レスをいただいてありがとうございます！！
とても気にいっていたので嬉しいデス！

2008.05.10　かおりん　編集

たびたび

すみません^^;
あともう一つだけ教えて下さい。
カレンダー内に写真を入れたいのですが
うまく入りません。
教えていただいてもいいですか？
よろしくお願いします。

2008.05.10　かおりん　編集

かおりんさんへ >>

えっと…情報不足で質問に答えられません(^-^;
写真を入れたいのは、カレンダー内のどこですか？
プラグインを使っていて、そのカレンダーの中ですか？
写真を入れたらどうなりましたか？
どのように上手く入れたいのでしょうか？

2008.05.12　 EriRaha　編集

すみません

あれだけじゃわからないですよね、すみません。

カレンダーの枠の中に写真を入れたいんです。
その枠内におさまる感じに。

EriRahaさんの作成されたカレンダーが素敵なので、それを残したまま中に写真をはめこみしたいなーって思いまして。