2006/08/02のここの記事BlogPet俳句を求めて三千里〜マルコyozo＆うさみちゃん編〜＠後姿ラブリー同盟で、画像は見えるのですが、回りこんでいる文字が表示されたりされなかったり、というエラーが発生しました。(ちなみにyozoの環境はWinXP Pro+IE6.0です)
Seesaaブログのサポートとメッセージのやり取りをして、<img>のalign属性がエラーの原因とのこと。CSSのfloatを使用して回り込みを設定していましたが、それでもXHTMLに準拠した記述をすると、回り込みしたはずの文字が表示されたりされなかったり・・・ というわけで、2006/09/04に、メインブログのyozoの気が向いたと記2.0で使い慣れている小粋空間のyujiroさんがSeesaaブログテンプレートという記事で配布されているテンプレートに変更しました。以下はその作業のメモです。
文字の回り込みの表示エラーは、解消されています。yujiroさんのテンプレートに救われました。この場にて、心よりお礼申し上げます。m(_ _)m
ここのテンプレートは、小粋空間のyujiroさんの記事Seesaaブログテンプレートからお借りしました。yujiroさん、どうもありがとうございました m(_ _)m
今回のカスタマイズで参考にした記事の一覧です。
記事名だけのものはすべてyozoの気が向いたと記2.0のyozoの記事です。参考にしてくださいね。m(_ _)m
- 小粋空間のyujiroさんの記事Seesaaブログテンプレート
一つテンプレートをダウンロードして、そのテンプレート名をつけて、こちらの記事のHTMLファイル及びCSSファイルをコピペしました。 - 小粋空間のテンプレート使用しました。
右サイドバーのみの２カラムに変更しました。 - 左の余白を持たせる。
<ol>の表示の修正をしました。 - ブログタイトルの文字色・背景色を変更
ブログタイトルの文字色・背景色を変更して、カラフルにしてみました。 - 記事とサイドバーのマージンを設定する。
記事のはじめの日付部分とサイドバーのタイトルを同じ表示に変更しました。
2列カラムでエントリー部分のマージンを設定して読みやすくしてみました。
コメント、トラックバックの表示部分のマージンを設定して読みやすくしてみました。
エントリー部分と右サイドバーの幅を調整しました。
コメント入力欄の幅については、ここの記事コメント投稿欄を大きくしたよ♪(yozoblog)を参考にして、下のコードをCSSに追加して、コメント投稿欄の横幅を大きくしました。/*コメント投稿欄*/
#comments textarea{width:450px;} - ブログの壁紙（背景）を設置する
ブログの壁紙(背景)を設置しました。今回使用させていただいた壁紙は、柚莉湖♪風と樹と空と♪のYurikoさんの記事秋の背景素材−柿・林檎・赤とんぼ・ススキと秋の虫 よりダウンロードさせていただきました。この壁紙はGIF形式です。
- 記事タイトルにワンポイント画像を設定する♪
yozoうさを、エントリータイトル(記事のタイトル)をワンポイント画像に設定しました。
画像は24×24のサイズなので、文字の位置をpaddingで調整しました。/* エントリータイトル*/
h3.title {
margin: 15px 0 10px;
font-size: 12px;
font-weight: bold;
background-image: url(画像URL);
background-repeat:no-repeat; 画像を1つだけ表示
padding-left:30px; 文字の書き始めの左端からの位置
padding-top:5px;
padding-bottom:5px;
}
※padding-top、padding-bottomで画像と文字の高さを調整しました。 - リンクにカーソルをあてるとリンクが動きま〜す♪
下のようにCSSを追加して、リンクを「プニュ♪プニュ♪」にしました。v(*'-^*)ｂぶいっ♪a:hover
{
position:relative; top:1px; left:1px;
}
yozoからのお願い
私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「テンプレート改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければCommentやTrackbackしていただけたら、幸いです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。 m(_ _)m
こちらも小粋空間さまのテンプレになって素敵になりましたよね〜。
エラーが解消されたみたいでよかったです!!(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
色も変更されていますし、画像も入れてますし、素敵になりましたね!!(o^-')b ｸﾞｯ!
こちらも小粋空間様のテンプレートにされたんですね♪赤とんぼかわいい(*^-^*)
私はやはりこの可変のデザインが大好きです。
カラーもとっても優しいですね。私も先日のyozoさまのエントリーでＦＣ２の背景をやらなくちゃと思っているのですが・・・今年中にできるのだろうか・・・？
なるほど、タイトルに画像を入れるとかわいいくなりますね。ああ、なんてかわいくない私のブログ(;´ρ`)
いえいえ、ちょっとづつ、少しづつ。
＞こちらも小粋空間さまのテンプレになって素敵になりましたよね〜。
＞エラーが解消されたみたいでよかったです!!(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
ありがとーございまっす♪どうしてyujiroさんのテンプレだとエラーにならないのかは、
未だにわかりませんが、やっぱりこのテンプレは使いやすいし、
FC2でやったカスタマイズをそのまま活用できるし・・・楽しくやれましたよ。(^○^)
＞色も変更されていますし、画像も入れてますし、素敵になりましたね!!(o^-')b ｸﾞｯ!
カスタマイズの自分の記事が役に立ちましたね。CSSだけ見たらいいのですからね。
メモの部分のコピペで楽勝でしたよ。v(=∩_∩=) ﾌﾞｲﾌﾞｲ!!
＞こちらも小粋空間様のテンプレートにされたんですね♪赤とんぼかわいい(*^-^*)
そうなんですよ。結局、どうして前のテンプレートだとエラーになるのかは、わからずじまいでしたが、とりあえず、このテンプレートではエラーは解消されましたよ。それでYurikoさんの壁紙を借りて、早速カスタマイズしました。(^○^)
＞私も先日のyozoさまのエントリーでＦＣ２の背景をやらなくちゃと
＞思っているのですが・・・今年中にできるのだろうか・・・？
あはは・・・本当に時間がかかるのは、自分の好みの壁紙を選ぶことだと思いますよ。カスタマイズ自体は、やさしいですからね。CLEVER BBSとか、IPスパムフィルターの方がよっぽど難しい設定です。yozoはこのyujiroさんのテンプレートはずっと使用させていただいて、壁紙や色やタイトルトップの画像を借りてきて変更するというようにしてます。これだったら楽しくいろいろ替えられますからね。(*ﾟｰﾟ)(*｡_｡)ｳﾝｳﾝ♪(ﾟｰﾟ*)(｡_｡*)ｳﾝｳﾝ♪
＞なるほど、タイトルに画像を入れるとかわいいくなりますね。
これもタイトルトップの画像に何を使うのかというのが時間かかりますよね。
設置は簡単ですからね。大丈夫ですよ。v(=∩_∩=) ﾌﾞｲﾌﾞｲ!!
何だか、皆さんテンプレートを変更なさっていますねぇ〜＾＾
seesaaでも、色々とカスタマイズが出来るのですね。
かく言う私も、変更しました・・・疲れたぁ〜。
大家は、自分のをアレンジして色を変更したのみ((^_^;笑)
素材のほうは、今回はwebでお絵かきのまこさんの、壁紙を
拝借して、期間限定物にしました。
久々にカスタマイズしたのですが、結構大変だったぁ〜。
ぅむむ〜。それを意図も簡単そうにやってのけるyozoさんたちって・・・
( ゜Д゜) ス、スゲー！と感心してしまいますぅ。
ぁぁ〜ミニBBSも付けたいのだけれど・・・以外と難しい・・・orz
＞seesaaでも、色々とカスタマイズが出来るのですね。
SeesaaブログもHTMLやCSSの編集ができますからね。デザインはCSSで自由に変更できるようです。HTMLは、独自タグが多くて、いじりにくいみたいですね。
＞かく言う私も、変更しました・・・疲れたぁ〜。
それは♪それは♪お疲れ様でしたね。この後早速お邪魔させていただきまっす ((o(*^^*)o))わくわく
＞ぅむむ〜。それを意図も簡単そうにやってのけるyozoさんたちって・・・
えへへ・・・壁紙変更だけだったら、画像さえ決まればすぐですよ。通常の記事で凸 ねこさんもたくさん画像を使用されていますよね。画像をアップロードするところまでは同じで、そのURLだけを所定の場所にコピペするだけですからね。慣れだと思いますよ。(￣∀￣*)ｲﾋｯ
＞ぁぁ〜ミニBBSも付けたいのだけれど・・・以外と難しい・・・orz
あらら・・・ミニBBSということは、yozoと同じ、CLEVER BBSを設置するのですか？CGIが使えて、広告なしのホームページスペースがあればすぐにできますよ。もちろん、yozoでよろしければお手伝いします。いつでも声をかけてくださいね。これはあくまでyozoの意見なのですが、掲示板の前に、CGI設置の練習として、背景ランダム表示の設置からはじめたほうが、わかりやすいと思います。よろしければ、こちらもお手伝いしますよ。遠慮なくおっしゃってくださいね。(^○^)
うんうん。これ秋らしくて素敵だねー♪
テンプレートこうして変更してるんだねー・・・。
私も見やすくてかわいいブログにしたいと思っているのですが・・・。なかなか時間がなくて・・・。思うようにいかなくて・・・。はじめてみても・・・。わかんなくなっちゃうと投げ出してしまう悪いくせもあるもんだから・・・。
頑張らないとね・・・。出来ないもんね。
このテンプレートとっても素敵☆
和風な感じもyozoちゃんらしくて素敵だよー☆
＞うんうん。これ秋らしくて素敵だねー♪テンプレートこうして変更してるんだねー・・・。
この記事にあるように、やむを得ずテンプレート変更したのですけどね。(*^-^)
記事を書いた後のストレスはちょっと遠慮したいですから・・・┐( -"-)┌ﾔﾚﾔﾚ...
＞私も見やすくてかわいいブログにしたいと思っているのですが・・・。
この記事はいっぺんに仕上げているのですが、一つずつこなしていけばいいのですよ。
enuちゃんは、壁紙を変更したいとしますよね。そしたら、まずは
１．壁紙の素材を探してダウンロードしておかないといけませんね。
２．画像をアップロードして画像URLを取得しなきゃいけません。
３．CSS編集。
これでも、大きく分けると３段階ありますね。なれないうちは一段階でも大変だと思いますよ。一つずつやるのですよ。そうして絞り込むようにすると、飽きずに取り組めると思いますよ。そのうち慣れますから、FC2ブログも慣れたでしょ。それと同じですよ。いつもいじっていれば慣れるものです。
気楽にいきましょうね。＼(*⌒0⌒)ｂがんばっ♪
＞このテンプレートとっても素敵☆和風な感じもyozoちゃんらしくて素敵だよー☆
ありがとーございまっす♪とても励みになりますよ。m(_ _)m
ちなみにきょううさみは、エントリー♪
＞きょううさみは、今まで林檎みたいなエントリーしたかも。
おお・・・『林檎みたいなエントリー』とってもきれいだね。v(*'-^*)ｂぶいっ♪
どんな林檎なのだろうね。(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪
＞ちなみにきょううさみは、エントリー♪
ほほぉ〜♪今日はエントリーなんだね。明日は林檎かなぁ〜♪
あらら・・・同じ記事にコメント投稿だね♪新しい記事をUPするのをうっかり忘れていたんだよ♪
ちゃんと用意してるのに、ごめんなさいね。m(_ _)m 背景も変更しなきゃね。(*^-^)
＞きょうマルコで、位置ー！
あらら・・・またマルコがいいのかい？そうだね。また一緒に旅にでようか(*^-ﾟ)vｨｪｨ♪
コチラでは初めましてデスねo(ﾟ▽ﾟo)(oﾟ▽ﾟ)o
お邪魔いたしますぅm(｡_｡；))m ﾍﾟｺｰｯ
ｙｏｚｏさんのリンクぷにぷにがズー・・・・・・・・ッと気になっていまして(´∀｀)ゞｱﾊｧ〜
何度か無言でお邪魔しまして･･･記事にたどり着きましたぁヽ(ﾟ▽ﾟ*)乂(*ﾟ▽ﾟ)ﾉ
うさもちゃん管理のブログさんを疎かにしているとは･･･
うららにそのうち怒鳴られます･･･
うさみちゃんから「マナー」と･･･姉妹揃ってしっかりしてる〜〜〜(◎-◎;)!!
ｴﾄｰ･･･ぷにぷに設定しました＾＾♪ コッショリ可愛いですよね♪
つきましては こちらも師匠欄にリンクを貼らせて頂いてよろしいでしょうか…？
宜しくご検討いただければと思いますm(_ _"m)お願いしまっすm(｡_｡；))m ﾍﾟｺｰｯ
＞コチラでは初めましてデスねo(ﾟ▽ﾟo)(oﾟ▽ﾟ)oお邪魔いたしますぅm(｡_｡；))m ﾍﾟｺｰｯ
わざわざ、こんなところまで遊びに来て下さってありがとーございまっす♪m(_ _)m
＞ｙｏｚｏさんのリンクぷにぷにがズー・・・・・・・・ッと気になっていまして(´∀｀)ゞｱﾊｧ〜
＞何度か無言でお邪魔しまして･･･記事にたどり着きましたぁヽ(ﾟ▽ﾟ*)乂(*ﾟ▽ﾟ)ﾉ
あらら・・・そうだったのですか♪yozo2.0の記事でも随分前の分ですが一応あったりして・・・わかりにくいですよね♪タイトルから逆引きできるような仕組みを考えないといけませんね。m(_ _)m
http://yozoblog2.blog63.fc2.com/blog-entry-311.html
＞うさもちゃん管理のブログさんを疎かにしているとは･･･
「えへへ・・・いいんですよ♪そんなに気にしないでくださいね♪」by うさも＆うさみ
＞ｴﾄｰ･･･ぷにぷに設定しました＾＾♪ コッショリ可愛いですよね♪
楽勝だったでしょ♪ｵﾒﾃﾞﾄｰｺﾞｻﾞｲﾏｯｽ♪(*⌒ｰ⌒)o∠★:ﾟ*PAN!
コードさえわかれば簡単ですからね。(ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
＞つきましては こちらも師匠欄にリンクを貼らせて頂いてよろしいでしょうか…？
わぁ♪それはありがたいでっす♪こちらからもリンクさせていただきますね。
今後ともｙｏｚｏ＆うさも＆うさみちゃんをよろしくお願いしまっす m(_ _)m
うさもちゃんＴＢありがとうございます♪
こちらの方にもＴＢ入れさせていただきました。
宜しくお願いいたしますm(_ _"m)
また勉強させてくださいね〜ヽ(*´▽｀)ﾉ )))
お返しトラバありがとーございまっす♪お手数かけました♪ m(_ _)m
＞また勉強させてくださいね〜ヽ(*´▽｀)ﾉ )))
はい♪いつでもどうぞ♪って・・・そんなエラソーなことは言えませんが、
お互い勉強がんばりましょう！v(*'-^*)ｂぶいっ♪
･･･おぼっさま･････(*´･ｪ･)(*´-ｪ-)ﾊｲそうです･･･
ウッキで〜〜〜〜っす*:.｡.:*・(*´∀｀)ﾟ｡.:・*
ご無沙汰しておりますm(_ _"m) エトー･･･ホントは自力で頑張ってみて
整ったらご招待しようと思っていたのですが･･･ｃｓｓがまるで解らず･･･
やはり キチンとｓｅｅｓａａからお邪魔してカスタマイズのご相談をと伺いました♪
やはりラブログはちょっと違うみたいです･･･背景固定・ぷにょぷにょ指定など
ラブログの感覚で取り掛かったら場所探しから始まりました
最近になって「ΣΣ(￣◇￣；)！ﾊｳｯ!?うさもちゃんがｓｅｅｓａａだった!!」と気付きまして...A=´、｀=)ゞ
本日やっと成功いたしましたm(_ _"m)ありがとうございますm(_ _"m)
本家の記事にもご挨拶に伺いまっす♪（ウッキちゃんで＾＾）
落ち着きましたらリンクも貼らせて頂きたいと思っています。
よろしくお願いしまっす(ﾟ▽ﾟ*)♪
うららちゃんとおぼっさまくんの投稿ブログの案内をしてくださったのですね。
ありがとーございまっす♪ 早速、お邪魔させていただきますね。m(_ _)m
(ﾉ´▽｀)ﾉｵｵｵｵｯ♪ ここと同じSeesaaブログですね。(＝⌒▽⌒＝)
カスタマイズでちょっとでもお役に立てたみたいでうれしいでっす(*^-^)
リンクもしてくださったのですね。ありがとーございまっす♪
こちらからもリンクさせていただきまっす。今後ともよろしくお願いしまっす m(_ _)m