blog*citron

• 050816
• aya

はじめまして。
小梅のテンプレートお借りしました。
あと他にもカスタマイズの方法など参考になるものが沢山あり今回とてもお世話になりました。
ありがとうございますｗ
これからも頑張ってください。。

• 050914
• chiy

こんにちは。
以前から素材をお借りしていましたが、今回、小梅のテンプレートをお借りしました。
他にもカスタマイズなども参考にさせていただきました。
ありがとうございました。

• 050916
• ユヅ

●ayaさん、chiyさん
こんにちは。
コメント＆テンプレご利用報告有難うございました。
カスタマイズもたいしたものはありませんが、参考になれば幸いです＾＾

• 050920
• ときね

こんにちは(*'ヮ')wﾇ いつも色々参考にさせて頂いてます。
一つちょと気になった事あったので、ご質問にあがりました。
色々カスタマイズしたせいなのかも
しれないのですが(´w｣ωw｣`)アタシのwﾊwﾜwﾙwｶwﾜの記事を
よく見ると文字と文字の間隔がたまに
違ったりするのです。文字の間隔は「line-height:2.0em;」で
全部同じのはずなのですがマウスをドラッグすると
よく分かります(´ω`；)またカスタマイズしていない
標準についてるモノで確認するとやっぱり
間隔が違ったりなのですが、直す方法は無いのでしょうか？；；

• 050920
• ユヅ

●ときねさん
こんにちは。
字間ではなく行間のお話でよいのでしょうか？
（文字間：line-spacing、行間：line-height）
IE以外のブラウザではきちんと行間が揃っています。
IEの仕様というかバグというか、インライン要素(文章中など)で画像やフォームが出てくると、高さのサイズをちゃんと計算することができなくなって行間を勝手に詰めてしまうんですよー。
行間も文字サイズもpx指定で固定にして、画像の高さも揃えてCSSで全部pxでサイズを合わせてガチガチに固めるぐらいしないとIEはわかってくれなさそうです（笑）

あと、行間よりも激しいことがおきていたのでSSとりました。
firefoxで見るとjavascriptが全面に出てきてしまってえらいことになってます。エントリに貼り付けたjavascriptが原因のようですが・・・。
link

• 050920
• ときね

返信有難うございます。
早速行間等も付け加えてみますね(´w｣ωw｣`*)

ところでSSの件ビックリしました((；；wﾝ□wﾝ))
エントリ内を確認したのですが記事表示部分に付け加えてる
<script type="text/Javascript">
<!--
getCommentNameImageTag('{category_name}');
//-->
</script>
が原因なのでしょうか…？(；'-')
カテゴリごとにアイコンを変えるスクリプトを付けてるのですが＞＜；
どこの部分だろう;;;

• 050921
• ときね

度々失礼します(´w｣ωw｣`)
エントリに貼り付けられたスクリプトが
原因との事で心当たる所を1件外してみたのですが
firefoxで見るとどうでしょうか(；´-｀)？

• 050923
• ユヅ

●ときねさん
うーん、変わってないですね。
ちょっとソースを拝見したのですけれど、全体的に何個も自分で追記されたコメントタグを使っていますよね。
<!--------コメントに絵文字------------------------------->
↑こういうの。

コメントタグは<!-- -->というセットなんですが、この中に - を入れてはいけない決まりがあります。
<!----------->となっているコメントタグを全部消すか、<!-- ここからコメントに絵文字 -->という風に - を消したものに修整してみて下さい。

• 050923
• ときね

わわわ(｀ω´；)
そうだったんですが＞＜。今まで知らずに
サイトで使ってました;;で、早速全部消してみたのですが＞＜。
今度こそw｣w｣w｣どうでしょうか？？
お手数かけします(´w｣ωw｣`)
-はサイドに２つずつと決まってるのでしょうか？

• 050927
• ユヅ

●ときねさん
直りましたよー＾＾

２つずつと決まっているというか、フォントタグが「<font>」「</font>」であるように、コメントタグは「<!--」と「-->」という形で決まっているのです。
なので---を連打すると開始と終了の境界が混じってしまっておかしくなるのではと思います。

• 051011
• リン

ユヅさん、こんにちは。
少し前に蜂蜜ドロップをお借りしましたが、今回小梅をお借りしました。
どうもありがとうございました。
これから少しずつカスタマイズさせて頂こうと思っております。
これからもユヅさんの素材など、楽しみにしております。

• 051011
• ユヅ

●リンさん
こんにちは。
コメント有難うございます＾＾
カスタマイズ楽しんでらっしゃるようですね♪りんさん色に…いえ、赤西さん色に染めて下さい（笑）

• 051104
• RUI

ユヅさん、こんにちは、はじめまして(o_ _)ｏ))wﾋwﾝwｸwﾖ
BLOGをSereneBachに変えてから　テンプレート～カスタマイズまで　ユヅさんにはお世話になりっぱなしです。
本当にありがとうございます。

今回、自分でいろいろいじってしまってるので　質問させていただくのがすごく申し訳ないのですが...
どう考えてもわからないので　もしお時間がありましたら教えてください。

Mac＋Safariで見ると　BLOGの１番下の「▲ page top」部分が右にズレてしまいます。
Mac＋IE・Safariでしか確認できない環境なので　ウィンドウズでの確認はできてないのですが・・・

カスタマイズしてるうちに　何かタグを消してしまったかな？と　調べてもみたのですが　自力では見つかりませんでした；
どうぞご指導よろしくお願いいたしますっ。

• 051106
• ユヅ

●RUIさん
こんにちは。
winのIE6 Opera8 Firefox1.03 Sleipnirと、MacOS9のIE5.2 NN6では確認できませんでした。

SafariはSafari独自の仕様があるので、それに引っかかっているのかしら？とも思いますが、そもそもセンタリングが聞いていなければ左寄せになるはずで右にはいかないと思うんですよねぇ…。

うちのサンプルでも横にずれていますか？それともRUIさんのだけですか？
また、テキストだけが横にずれているのか、茶色い部分のブロック全部がずれているのでしょうか？

あとこれは関係ないのですけれど、RUIさんのブログで自分の文章にblockquoteを適用されているようですが（水玉の背景のところです）、それは引用といって「この部分の文章は、自分ではない誰かの書いた文章を引用して掲載しています」ということをあらわすもので引用元へのリンクを一緒に貼って使います。
視覚的に区別するために例外的な使い方をしたりもありますが、あまり多用すると見ている方が混乱してしまうのでお気をつけ下さい＾＾

• 051106
• RUI

ユヅさん、こんばんは★
お忙しいのに見ていただいてありがとうございました。

茶色部分のブロックすべてが左にズレているんです。
ユヅさんのサンプルは横にズレていなかったので不思議になっていたのですが。。。
Safariのセイと言うことにして気にしないことにします＾＾
たくさんのブラウザ等で確認してくださって本当にありがとうございました。

blockquote、引用に使うのは分かっていたのですが　かわいいので（笑）ついつい使ってしまっています。
誰が見るか分からないネットの世界ではダメですよねっ(^▽^;)あはっ

今回は本当にありがとうございました。
ユヅさんのblogや素材、これからも楽しみにしています。

• 051109
• ユヅ

●RUIさん
うーん、こちらのサンプルの方でズレてないのならば、カスタマイズされた場所に原因があると思われます。
こちらで現象を再現できないのでテストできないんですよね＾＾；
自分で触った場所（ＣＳＳとか）をデフォルトの状態と１つずつ足したり引いたりして違いが出る場所を特定するしかないですね…

いざ本当に引用した時に、RUIさんの文章と間違われる可能性があるので、可愛いけど違う見た目を用意してあげたほうがいいですね（笑）

• 051130
• mihokun

MTのテンプレートを探してたのですが・・・
とってもかわいいので
Serene Bachも知らなかったのですが
インストールしてしまいました(笑)

テンプレートとってもカワイイですね(wﾇ´∀｀*)
ありがとうございました♪
使わせていただきます♪

• 060111
• Micchy

こんばんは、はじめまして。
小梅のテンプレートお借りしました。
ちょっといじってしまいましたがとても気に入ってます(*'-')
ありがとうございました!!

• 060125
• みん

はじめまして。
小梅のテンプレートDLさせてもらいました＾＾
ありがとうございました。

そこで質問をさせて頂きたいのですが、背景のグリーンの壁紙がどうしても右クリック保存できません。（DLしたフォルダの中には入ってない…んですよね？）
お手数をおかけして申し訳ないですが、壁紙の保存方法を教えていただけないでしょうか。

• 060125
• ユヅ

●みんさん
sb/SBは、ソースと素材画像がすべてまとまって●●.txtという独自のテンプレートパッケージを作るようになっています。
テンプレートを読み込めば、画像は自動でアップロードされているはずです。

テンプレートを読み込んだのに、画像が表示されていないという場合は、画像の保存先やテンプレートのディレクトリの設定とか、各パーミッションをご確認下さい。

• 060125
• みん

早速やってみた所、お陰で表示されました。
本当に無知ですみませんでした；
ありがとうございましたm(_ _)m

• 060415
• miwa
• 

初めましてこんにちわ。小梅をお借りしました。
それで、ご質問なんですが、
画像が左にあって、テキストはその下になるんですけど、画像の横、つまり右に設定できないでしょうか？宜しくお願いします。

• 060415
• ユヅ

miwaさん＞

img.pict {
float:left;
clear:left;
}

とすれば、class="pict"とついた画像が左寄せ＆文章が右にまわりこみになります。
pictはsbのアップロード機能を使って貼り付けた場合に自動でついているclass名です。

回り込みをさせたくない場合はclass名をpict以外に変更するなりclassごと削除すればOKです。

回り込みをさせた場合は、回り込みを解除させたい位置か、記事の終わりまでに必ず下のタグをいれてください。
<br style="clear:left;" />
これは回り込みはここまでですよと解除するタグです。
これを使わないと、本文だけじゃなく後続のすべてのものが回り込みしようとしますので注意です。

• 060416
• miwa
• 

やはりきれいにテキストが全て右側にははいらないです。一行目がかろうじて回り込んでいるだけです。
link
さんのブログのように、テキストが画像の隣に来るようにはできないでしょうか？
お忙しい中大変申し訳ありませんが、宜しくお願いします

• 060416
• ユヅ

miwaさん＞

・CSSの設定はできているか
・class名は間違っていないか

を再度ご確認下さい。
その状態はfloatが指定されていない状態と同じです。

注意書きにも記載していますが、質問をされる時は『質問の症状が確認できる』URLを添えてくださいね。
URLを拝見しましたが何も記事が投稿されていない状態ですので、ご質問の画像について確認できません。
解説した方法で上手くいかないのであれば、そちらが何処で躓いていらっしゃるのか実際に見ないとわかりかねますので…＾＾；

• 060419
• miwa
• 

お手数をおかけしましたが、無事できました。ありがとうございました。

• 060605
• miwa
• 

こんにちわ。いつもお世話になってます。かなりカスタマイズが進み、後、少しの所でつまずいてしまいました。
スクロールバーの変更なのですが、
*{
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #ffffff;
margin: 0;
padding: 0
}
上手く行くと思っていたんですが、
どうも、反応なしなんです。
いつもいつもお忙しい時にごめんんなさい。
お暇な時でいいので、ぜひ教えてください。

• 060606
• ユヅ

miwaさん＞
とりあえずpadding:0;の;が抜けてるようです。

* {
scrollbar-face-color:#cd8c95;
scrollbar-arrow-color:#4d3538;
scrollbar-3dlight-color:#a67178;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#a67178;
scrollbar-darkshadow-color:#ffffff;
margin: 0;
padding: 0;
}

色は適当にあわせてみましたが、こんなかんじでIEは上手くいくと思います。
スクロールバーの色変更はIEのみの独自実装なので、他ブラウザでは元々表示されません（一部設定次第で有効になるものも有）

• 060607
• miwa
• 

*{
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #ffffff;
margin: 0;
padding: 0;
}

やはりこれでも表示できないようなので、入れる場所がまちがっているのかも知れません。
CSSの一番最後に入れてます。

• 060607
• miwa
• 

サイドバーの場所に入れると、表示しました。
お騒がせしました。
ありがとうございました。

• 060609
• みき
• 

はじめまして。
テンプレートお借りしました。
いろいろカスタマイズもさせていただきました。とても気に入ってます。
更新がんばってください。
ありがとうございました。