buena suerte!


Template seis '4seasons'

4seasonslivedoor Blog用テンプレート配布第6弾「4seasons」です!

今回はJavaScriptを使ってページを読み込む時にトップ画像をランダムに変更させるデザインです。
トップ画像メインなので記事表示部はモノクロで地味な感じになっています。
どのように表示されるかは上の画像をクリックしてみてください。

ライブドアの共有デザインテンプレート機能にも対応いたしました。いちいちダウンロードせずに簡単に設定できますし、ページナビゲーションやタグ機能などにも対応しておりますのでよろしければどうぞ。
共有デザイン詳細 / 4seasons

画像を切り替えるにはCSSファイルだけでなく、各種HTMLテンプレートを編集しないといけません。

HTMLテンプレートの編集。

CSSファイル適用後、HTMLテンプレートの編集画面を開きます。
それぞれテンプレートの上のほうにある

<title><$BlogTitle ESCAPE$></title>
</head>
ここの</title>と</head>の間に(HEADタグ内だったらどこでもよさそうだけど・・・)
<title><$BlogTitle ESCAPE$></title>
<script type="text/javascript">
<!--
  photo = new Array();

  //画像の指定。ランダムに表示したい数だけ増やす。photo[photo.length] = '画像URI';
  photo[photo.length] = 'http://rosea.jpn.org/css/4seasons/spring.jpg'; //春
  photo[photo.length] = 'http://rosea.jpn.org/css/4seasons/summer.jpg'; //夏
  photo[photo.length] = 'http://rosea.jpn.org/css/4seasons/autumn.jpg'; //秋
  photo[photo.length] = 'http://rosea.jpn.org/css/4seasons/winter.jpg'; //冬

  r = Math.floor(Math.random()*photo.length);
  document.write('<style type="text/css">');
  document.write('#banner,#subbanner{background: url("'+photo[r]+'") no-repeat;}');
  document.write('<\/style>');
//-->
</script>
</head>

このように赤字部分をコピーし貼り付けて追加し、それぞれ保存します。(青字部分はあっても無くてもOK)
※個別記事ページに貼り付ける時は注意してください。

最後に全てのページで再構築を行なって確認してみてください。
(リロードして画像が切り替われば成功!)

このテンプレートの使用上の注意。

ブラウザの設定でJavaScriptを切っている方は画像が切り替わりません。
そのため一応CSSファイルの方にも画像(夏)を指定してあります。#banner,#subbannerを参照。

トップ画像のサイズは横800px、縦350pxです。
トップ画像以外はご自由にしてくださって構いませんが、このテンプレートに限りトップ画像のみ2次加工厳禁です!

オススメカスタマイズ。

新たに画像(横800x縦350)を用意して、切り替える画像URLを変えるもしくは追加してみてください。
上記とは違うサイズの画像を使用するときはCSSファイルの#banner,#subbannerや.blogtitleを適宜調節してください。
※使用する画像サイズはそろえたほうがいいです。

たくさん写真を撮っている方にオススメかも。
というか私の写真適当なのえらんでるので出来るだけ差し替えた方がいいです。(汗)

できるかぎりの動作確認はしていますが、不具合などがありましたら遠慮なくご指摘くださいませ。

テンプレート一覧

  • lightcyan
  • several line
  • division
  • pinkish line
  • flier
  • 4seasons
  • xmas
  • clover
  • cheap paper
  • oblique
  • drops
  • dressy
  • burberry
  • border
  • plain
  • plastik
  • ink
  • rounded

関連記事



76 Comment(s)

現在コメントを受け付けていません。

#1 ちび says at February 07, 2005 21:30

こちらのテンプレートをお借りしました。
報告が遅くなってすいません(>_<)
とてもきれいでお気に入りです♪ありがとうございましたm(_ _)m

#2 cie says at February 07, 2005 22:13

ちびさんはじめまして。
テンプレートのご利用ありがとうございます。[にこっ]

ご連絡いただけるだけで嬉しいので遅くなっても全然大丈夫ですよー。
ぉ、3カラムにされていますね。いい感じです。[おんぷ]

#3 quri says at February 25, 2005 19:06

先日テンプレートお借りしましたquriと申します[にこっ]
’←これが二重になってたのは直してみたのですが、ランダムに表示はやっぱりブリーフケースからでは無理なのかな・・・。とゆう感じです[汗2]

CSS?のほうのヘッダーの画像のアドレスを変えたら、ひとつだけならブリーフケースからの直リンクでもいけたのですが、やはりランダムはできなくって・・・

んー残念[しゅん]

もしよかったら、またアドバイスいただけるとありがたいです[きゃー]何もわからなくてすみません[汗]


#4 cie says at February 26, 2005 01:57

quriさんこんばんは。

ブリーフケースから画像を持ってきて、ブログの管理画面から「ファイルのアップロード」でその画像をアップロード。
それからそれぞれの画像のURLをファイルタイトルのリンク先からコピーして
テンプレートの中のブリーフケースのURLと変えてみるのはどうでしょう?
これなら問題なく表示されると思いますよ。[にこっ]

#5 clarice says at March 02, 2005 23:32

ハジメマシテ!
テンプレート拝借致しました。
これから写真を変えたり、いろいろ楽しみながら手を加えていこうと思います。
どうもありがとうございました![きらきら]

#6 cie says at March 03, 2005 01:28

clariceさんはじめまして。
テンプレートのご利用ありがとうございます。

ワンちゃんかわいいですね。大切にしてあげてくださいね。

#7 ジャネ子 says at March 03, 2005 15:36

はじめまして。テンプレをお借りしました。
自分のblogを開くのが楽しくなりそうです。
画像もとてもキレイです!ありがとうございました。
新作にも期待しております[にこっ]

#8 cie says at March 03, 2005 20:22

ジャネコさんはじめまして。
テンプレートのご利用ありがとうございます。

今月に入って画像ファイルを置いている場所が変更されたようで、
PCやブラウザの環境によってCSSファイルで指定している画像が表示されないことがございます。
http://blog.livedoor.jp/cie/archives/15414229.html
こちらの記事を参考に画像URLの変更をお勧めいたします。

お手数をおかけしますがよろしくお願いいたします。

#9 kenkob says at May 03, 2005 21:12

始めまして。
テンプレートをお借りしました。
ただ写真を始め、結構かえてしまいましたが...
本当にありがとうございます!

#10 cie says at May 08, 2005 23:41

kenkobさんはじめまして。
テンプレートのご利用ありがとうございます。[にこっ]

カスタマイズは気にせずドンドンして下さい。返信遅れてゴメンなさいでした。[汗2]

#11 わらわ says at May 23, 2005 21:08

初めまして!わらわと申します。
この度テンプレートをお借りしました!!
ありがとうございます[にこっ]
すごくお気に入りです♪
今まで気付かなかったのがすごく悔しいです。
他のテンプレートも素敵なので、是非使わせて下さい!
これからもお邪魔させてください[笑]

#12 cie says at May 24, 2005 01:20

わらわさんはじめまして。テンプレートのご利用ありがとうございます。[にこっ]
ゆきちゃんラブリーですねー。特に後姿(おしり)が[ぽっ]
私のほうこそたまにお邪魔させてもらうかもしれません。[きゃー]

#13 ai says at May 26, 2005 12:28

こんにちは。

前にも違うテンプレートをお借りしましたが、今度はこちらを使わせていただいています。

シンプルで、いい感じにできました。
ありがとうございます!

PS;もう一つ持っているブログで、“dressy”もお借りしています[きらきら]

#14 cie says at May 26, 2005 17:21

aiさんこんにちは。またまたご利用ありがとうございます。[にこっ]
アンパンマンはいつになっても子供のアイドル(?)なんですねー。[ひよこ]

#15 まだ名無し says at May 29, 2005 11:48

テンプレートお借りしました。
ありがとうございました。
・・・と言っても、まだエントリー上げてないし、
タイトルやHNも決めかねている段階ですが^^;

写真も素敵ですね♪
しかしながら、後々はお気に入りの画像を差し替えさせていただくつもりです。
よろしくお願いします。

今後も素敵なテンプレ、楽しみにしております。
では。

#16 cie says at May 29, 2005 14:27

まだ名無しさんこんにちは。
テンプレートのご利用ありがとうございます。[にこっ]

差し替えていただいてまったく構いませんのでどうぞどうぞー。[おんぷ]

#17 たね says at July 10, 2005 12:02

はじめまして!
テンプレートお借りしました。
ここにはたくさんのテンプレートが揃っていてびっくり。

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

#18 cie says at July 10, 2005 12:58

たねさんはじめまして。
テンプレートのご利用ありがとうございます。[にこっ]

テンプレート作者同盟のlivedoor Blog Templatersにはもっとたくさんの作品が揃っていますので覗いてみてくださいね。[きゃー]
http://ldbt.info-box.net/

#19 たね says at July 10, 2005 13:26

わー、お返事ありがとうございます^-^
そして、テンプレートのサイトも教えてくださってありがとうございました。
早速行ってみました。
みなさんたくさんのテンプレートを作っていらして、びっくり。
今まで自分で加工して作っていた自分が馬鹿らしくなってきました・・・。


でも、中でも、管理人さんのこのテンプレートがやっぱりお気に入りです[らぶ]

#20 graveur says at July 24, 2005 15:17

こんにちは、初めまして。
テンプレート、使わせていただきます。

かっこいいテンプレート、ありがとうございます!

#21 cie says at July 24, 2005 21:57

graveurさん、はじめましてこんばんは。[くるっ]
テンプレートをご利用くださりありがとうございます。[にこっ]

#22 caz says at July 31, 2005 19:05

はじめまして。
こちらのテンプレートに一目ぼれして使わせていただいています。
私のカスタマイズか設定が悪いのか?投稿すると記事が1件ずつしか(トップページに)表示されないことがあり、カスタマイズはまだまだ勉強しなければ・・・と思う今日このごろですが、素敵なテンプレートを台無しにしないように頑張りたいと思います。

またお邪魔させていただきます!

#23 cie says at August 01, 2005 00:40

cazさんはじめまして。
テンプレートをご利用くださりありがとうございます。[にこっ]

> 投稿すると記事が1件ずつしか(トップページに)表示されないことがあり
これは管理画面のBlogの設定の「トップページへの表示形式」を最新「@@日」ではなく「@@件」にすると
ブログに投稿する間隔が開いても記事が表示されたままになりますよ。[はれ]

#24 caz says at August 01, 2005 19:53

cieさま、レスありがとうございました!
初歩的な質問で本当にすみません…
早速設定変更いたしました。

これからも末永く使っていきたいと思います。[ぽっ]
素敵なテンプレート、また作ってくださいね!

#25 麦茶 says at August 06, 2005 22:08

どうも。
はじめまして。


こちらのテンプレご使用させていただきました。
今までは結構装飾の凝った?テンプレを使用していましたがこちらのシンプルさに奥深さを感じて拝借いたしました。

#26 なお says at October 31, 2005 16:49

こんにちは。
またテンプレートお借りしております。
cieさんのテンプレート、
色やデザインが好みのものが多くて、
いろいろ使ってみたくてとっかえひっかえしてます。

写真をたくさん表示したいなと、
カスタマイズしてみたいなあと思ってます。
ありがとうございました!

#27 cie says at November 01, 2005 10:14

なおさんこんにちは。
またまたご利用くださりありがとうございます。
カスタマイズガンバッテクダサイネ。[たもさん]

#28 sowhat says at November 06, 2005 14:51

こんにちは。
初めてblog作成に挑戦したのですが、気に入ったデザインがなく、しょぼんとしていたのですが、このテンプレートを知って、「作ろう!」という気になりました!!
そして完成しました!
是非見にきてください。まだひとつもコメント・トラックバックないので[泣]
工夫したところは上の画像の右に白い1ピクセルの線が入ってしまうようなので、それを逆手にとって、上と左に白い1ピクセルの線をいれた写真を貼りました。

#29 Maki says at November 18, 2005 04:12

こんにちは。
こちらのテンプレート、使わせて頂きました!
シンプルで、でも写真のパートでオリジナリティが出せて素晴らしいです。
ありがとうございます。

説明を読みながら写真は変えたのですが、これ、文字フォント設定ってどうにかすれば変えられるんですかね?
サイズとか字体を少し変えたいのですが、できるのでしょうか?
すごく初歩的な質問だったらごめんなさい…

#30 cie says at November 20, 2005 11:23

Makiさんはじめましてこんにちは。[くるっ]
テンプレートのご利用ありがとうございます。

> 文字フォント設定ってどうにかすれば変えられるんですかね?
文字サイズを変えるなら
CSS中にあるサイズを変えたい部分(大体説明書きしてます)に(記事本文部なら.main{ })
font-size:**;
という記述がございますのでそこのサイズを変えてCSSを再構築して下さい。(x-small→smallなど)

字体を変更するには body{ }の中にある
font-family:Verdana, Osaka, sans-serif;
というところにお好きなフォント名を入れてCSSを再構築してもらえれば変わります。

どのような大きさ、フォント名が良いのかわかりませんので、あとは「CSS フォント」などの検索語で検索してすると詳しいサイトが出てきますのでそちらを参照してください。

#31 Maki says at November 23, 2005 22:10

リプライありがとうございます!
自分でよくよく考えれば解決できるような質問でしたね…
すみません。
そんな質問にも丁寧に答えて下さってありがとうございます。
お陰で無事調節できました!
テンプレート、使ってみてもすごくいいです。

#32 NOAH says at January 28, 2006 20:17

はじめまして。素晴らしいブログテンプレート、使わせていただきました。
ちょっぴり自分でも手を加えましたが、そのままの方が良かったかも(笑)

こうしたサイトのお陰で楽しくブログを続けられます。本当にありがとうございました。

#33 cie says at February 02, 2006 21:23

NOAHさんはじめまして。
テンプレートをご利用くださりありがとう御座います。[ぽっ]

反応が遅くてすみません。

#34 sayumi says at February 08, 2006 18:32

初めまして^^
けっこう前に一目ぼれして借りたのですが挨拶が遅れてすみません。
とっても気に入っています♪♪
ちょっと質問なんですが、記事タイトルやプライグインのアイコンを
自分で変えてはみたものの、文字の真横に来ないんです。
どこかをいじればいいんでしょうが、それがどーにもわからなくて;
お手数ですが教えていただけますか?
すみません。

#35 cie says at February 09, 2006 00:45

sayumiさんはじめまして。
テンプレートをご利用くださりありがとうございます。[にこっ]

.title{ }の中にある
padding-top:3px;
を削除するか3pxを0pxにすると少しましにはなるかと思います。

それでもまだ真横に来ない場合は
おなじ .title{ }のなかにある
background:省略;
の所を
background:省略 0 50%;
というように追記すると良いかもしれません。

#36 sayumi says at February 09, 2006 15:53

cieさん、お返事ありがとうございます^^
さっそく試してみたら、できましたー♪
50%だと今度は文字より下になっちゃったので
35%にしてみたらちょうどよかったです。
助かりました。どうもありがとうございました!

#37 もえっぴ says at February 18, 2006 23:26

サイドバーがずれてしまうのはどうしてでしょうか?

#38 cie says at February 18, 2006 23:54

もえっぴさんはじめまして。
テンプレートをご利用くださりありがとうございます。[にこっ]

> サイドバーがずれてしまうのはどうしてでしょうか?
プラグインの位置をBではなくすべてAにしてみてください。

#39 もえっぴ says at February 20, 2006 10:15

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

うまくいきました( ̄ε ̄@)ぶっちゅ〜

#40 しめさば says at March 07, 2006 00:46

テンプレートダウンロードさせていただきました。
いろいろにらめっこしながら、がんばってカスタマイズしてみます。

素晴らしいデザイン、ほんとうにありがとうございます。

#41 cie says at March 08, 2006 11:37

しめさばさんはじめまして。
テンプレートをご利用くださりありがとうございます。[にこっ]

「ウフフ アハハ」の画像で笑ってしまいました。[きゃー]

#42 chie says at March 30, 2006 22:21

テンプレート、使わせて頂いてます!トップに写真を大きく持っていきたくて、探していたらこちらのテンプレートに出会うことが出来、本当にありがたく使わせて頂いてます。それで、一つ質問なのですが、本文の記事の中に画像をいれると、自動的にグレーで枠が作成されてしまうのですが、これを解除するにはどうしたらいいでしょうか?宜しくお願いします。[しゅん]

#43 cie says at March 31, 2006 13:28

chieさんこんにちは。[にこっ]
divisionの方で返信させて頂きましたがアレではダメでしょうか?
担当の方が違うのかな・・・
--
CSSの.pict{ }の中にある
border:1px solid #888;

border:0; /* ←数字の零です */
にしてみてください。

#44 chie says at March 31, 2006 21:21

ありがとうございます!返信して頂いてたんですね・・。最初の質問をどこに書いたのか分からなくなってしまい、[泣](アホですね)それで再度質問させて頂きました。手間をとらせてしまってごめんなさい[泣2]一度、試してみます!上手くいったらまた報告しますね!

#45 chie says at April 01, 2006 00:30

画像の枠の件、うまくいきました〜[ぱちぱち]ありがとうございました[笑]ほっと安心したのもつかの間、もうひとつ問題が出来まして・・。なぜか、各カテゴリーのページへ移ると、デザインがずれてしまいます。色々、数字を変更したり、再構築したりしてみたのですが、うまくいきません[泣]トップページはうまくいってます。どうしてでしょう?何度もお手数おかけして申し訳ありませんが宜しくお願いします[泣2]

#46 chie says at April 02, 2006 01:26

なんとか自分で解決せねば・・、と思い、色々原因を探したのですが、結局わからなかったので、思い切って全て書き換えよう、と初心に戻って書き換えたら、唯一トップページは体裁を保っていたのですが、こちらまで崩れてしまい、もう泣きそうです。もし、どうしてか分かればおしえてください〜[泣]

#47 chie says at April 02, 2006 17:13

サイドバー落ち、直りました[ぱちぱち]なんか一人で大騒ぎして、勝手に直ってしまってすみません。[しゅん]お手をとらせることがなくて良かった[にこっ]ありがとうございました[笑]

#48 cie says at April 02, 2006 23:13

chieさんこんばんは。
返信おくれてしまってお力になれず申し訳ないです。すみません。[泣2]

#49 chie says at April 04, 2006 12:14

すみません。サイドバー落ちの原因が分かりました。先程、再度画像の枠を消そうと思って、border:1px solid #888 を border:0;/*に変更したら、また、サイドバーが落ちてしまいました。[さけび]画像の枠を消す方法で何か、他の方法があったら教えてくださいませ。[汗]

#50 cie says at April 04, 2006 14:51

あーなるほど。そういうことですね。

border:0;/*
の/*がいらないです。消してください。[汗2]

私のコメントの書き方が悪いですね。すみません。[しゅん]

#51 chie says at April 04, 2006 19:05

出来ました[ぱちぱち]
ありがとうございます[にこっ]
何分素人なので、どこからどこまで書いてよいかわからずに・・、すみませんでした。

今後も色々な情報楽しみにしてます[笑]

#52 chie says at April 13, 2006 13:47

度々すみません。色々写真を加えたりして、テンプレートを楽しく使わせて頂いてます。
質問が二つほどあるのですが、
.屮蹈哀織ぅ肇襪離丱奪カラーが今グレーですが、他の色に変える場合はどうしたらいいでしょうか。
▲屮蹈哀織ぅ肇襪硫爾妨出しをつけてみたのですが、(まだ「top」しかありませんが・・)その見出しの文字の大きさとか、背景の色を変更する場合、どこを触っていいかわかりません[泣2]
もし、ご存じでしたら教えてください。
宜しくお願いします。[汗]

#53 cie says at April 14, 2006 00:09

chieさんこんばんは。

1番の質問はCSSの
[strong].blogtitle { }[/strong]の中にある
[blockquote]background:url('[style=color:#c30;]http://rosea.jpn.org/css/4seasons/blogtitle.png[/style]') repeat-x;[/blockquote]という記述がありますので赤いURLにアクセスして画像をダウンロードします。
ダウンロードした画像ファイルを画像編集ソフトなどで色を変更してアップロードして
その後アップロードした画像ファイルのアドレスを赤いURLと入れ替えて保存して下さい。

2番目の質問はまずHTMLの
[blockquote]<a href="http://blog.livedoor.jp/ai_designroom/">top<a/>|
[/blockquote]と書いている所を
<div id="caption">〜</div>
で囲ってあげてください。
そうすると月別やカテゴリ別と同じ見出しのような表示になります。
スタイルを変更する場合はCSSの[strong]#caption { }[/strong]を調節してもらえればOKです。

#54 chie says at April 14, 2006 13:03

早速、2番目の質疑を試してみたら、うまくいきました[ぱちぱち]ありがとうございます[にこっ]
ただ、フォントの色をグレーに変更しようと、色の所を#444にしたり#888にしたり色々試してみたのですが、黒にしかならない・・。どこか別の所を触るのでしょうか?

#55 chie says at April 14, 2006 17:16

cie様

何度もすみません。今、

「http://rosea.jpn.org/css/4seasons/blogtitle.png」にアクセスしてみたのですが、「ページがみつかりません」と出てしまいます。「http://rosea.jpn.org/css/4seasons/」でアスセスしたらそれらしい細長い画像が出てきたのですが、今回のテンプレートで使用しているものが見あたらないような・・。見つけ方が悪いのかもしれません。お手数ですが、もう少し詳しくお願い出来たらと・・。宜しくお願いします。[ぽっ]

#56 cie says at April 15, 2006 00:36

chieさんこんばんは。

[strong]> どこか別の所を触るのでしょうか?[/strong]
あ、忘れてました。すみません。[汗2]
中にaタグが入ってるので[strong]#caption{ }[/strong]ではなく
[strong]#caption a{ }[/strong] とか [strong]#caption a:link{ }[/strong]
などのリンク用のスタイルを追加して変更してみてください。

今確認してみましたけど画像は問題なくアクセスできましたよ。[うんうん]
うーん、何か邪魔してるんでしょうかね・・・

アクセスできても小さい画像なんでわかりにくいかもしれませんが、表示したまま「ページを保存」で保存できるはずです。

#57 きゅべ says at April 16, 2006 00:10

このテンプレお借りしました♪
さっそく写真も変えさせて頂いて、リロードさせては変化する自分のブログを楽しんでいます。
めちゃくちゃお気に入りです[きらきら]
一つお聞きしたいのでうsがこれって写真をランダムではなく、順番に表示させる事はできるのでしょうか?

#58 chie says at April 16, 2006 12:03

cie様

見出しの変更はうまくいきました![きゃー]ありがとうございました[ぱちぱち]
ですが、もう一つの画像の変更はやっぱり分かりませんでした・・。で、いさぎよくあきらめて、ブログタイトルの文字色を変えようと思い、色コードを追加してみたのですが、ブログ説明はうまく替えることが出来ましたが、ブログタイトルは変わりませんでした。これもどこか別の所を触るのでしょうか?
宜しくお願いします。[汗]

#59 cie says at April 16, 2006 20:30

chieさんこんばんは。
うーんなんでうまく行かないでしょうか。お力になれず申し訳ないです。[さけび]

[strong]> これもどこか別の所を触るのでしょうか?[/strong]
ブログのタイトル部分もリンクになっておりますので
[strong]#banner a{ }[/strong]から[strong]#banner a:hover{ }[/strong]
のあたりを調節してみてくださいませ。

#60 cie says at April 16, 2006 20:43

きゅべさん、はじめましてこんばんは。
テンプレートをご利用くださりありがとうございます。[にこっ]

[strong]> 写真をランダムではなく、順番に表示させる事はできるのでしょうか?[/strong]
できない事もないとは思いますが、クッキーを使ったりしないと難しそうです。
考え方くらいはわかるのですが、そこらへんのスキルを持ち合わせていないので[u]方法はこうです![/u]とはいえません。すみません。[汗]

#61 chie says at April 17, 2006 01:14

cie様
何度もすみません。
見出しの変更、一時きれいに色変更も、字をちっちゃく変更することもうまく出来ていたのですが、また、元のデカ文字の黒い文字に戻ってしまいました。設定をみてみたのですが、特に間違っている様子もなく・・。これって、なんでなんでしょう?

#62 cie says at April 17, 2006 01:50

CSSは問題ありませんがHTMLテンプレートがチョットおかしくなってますよ。
[blockquote]<div id="caption a">[/blockquote]ではなく
[blockquote]<div id="caption">[/blockquote]ですね。

#63 chie says at April 17, 2006 10:15

cie様

あ、ここはcaptionのままで良いのですね!てっきり、CSSと同じにしないといけないのかと・・。ありがとうございました。きれいに変更できました[ぱちぱち]

#64 kao says at May 10, 2006 01:16

初めまして[きらきら]
ステキなテンプレート[ぱちぱち]お借りしていきます。
ありがとうございます!!

#65 cie says at May 12, 2006 09:07

kaoさんはじめまして。[くるっ]
テンプレートのご利用ありがとうございます。[にこっ]

#66 chie says at July 02, 2006 20:25

cieさん、こんばんは。ご無沙汰しております。テンプレート引き続き使わせて頂いております!
久しぶりにこちらをのぞかせて頂いてまして、「kao」さんのかわいらしいブログを見付け、その中で、カテゴリーが「メイン」と「サブ」に分けられているのを発見しました。
これは、どうすれば出来るんでしょうか。

#67 cie says at July 02, 2006 21:40

>>66
chieさんこんばんはです。いつもありがとうございます。[きゃー]

[strong]> カテゴリーが「メイン」と「サブ」に分けられているのを発見しました。[/strong]
これはプラグイン部分のことを言われているのでしょうか?

ソースから辿ってみると[url=http://www.takoashi.net/]弱小エンジニアの小言[/url]のtakoashiさんが紹介されている
ミニカスタマイズ 25 - [url=http://www.takoashi.net/archives/30087011.html]プラグイン(コメント/トラックバック/カテゴリ)をツリー化表示する[/url]
こちらの方法を使用されているようですよ。

ちょっと難しいかもしれませんが、じっくりゆっくりやってみてくださいね。

#68 chie says at July 02, 2006 23:11

cieさん、素早いご返事ありがとうございます!それに、情報を探してくださってありがとうございます!一見したところ、レベルが高くて難しそうですが、少しずつチャレンジしていきます。ありがとうございました!

#69 chie says at February 11, 2007 20:56

いつもテンプレートを使わせて頂いてありがとうございます。

又、分からないことが出てきたので教えてください[泣2]

カテゴリーの「DIARY」だけがテンプレートがずれてしまいます。
同じようにアップした「RETREAT」の方は大丈夫なのですが・・。

原因が思いつかなくて困っています。

宜しくお願い致します。[汗]


#70 cie says at February 12, 2007 10:54

>>69
chieさんこんにちは。[にこっ]

おそらく12月25日の記事「1225*おしゃれなマンション」が原因ではないかなと……
それほど他の記事と書き方は変わっていないようですのでなんとも言えませんが、もうすこし画像の後に改行を入れてあげたりすると良いのではないでしょうか。

あと、ちょっとだけアドバイスさせてもらうと、画像だけ並べて投稿するとき
画像を挿入した後、投稿画面下にある「HTMLを確認」にチェックを入れてHTMLソースを表示させると
[code]<p><img src="URI" [color=#C30]align=left[/color]></p>[/code]こんな感じになっていると思いますので、ここの赤文字部分を消すと画像の後ろに来る文字や画像が回り込まなくなりますよ。
私自身WYSIWYGエディタをあまり使わないので説明不足があるかもしれませんけど……

#71 chie says at February 12, 2007 12:04

ありがとうございます!ホントだ[しょっく]おしゃれなマンションの画像が回り込んでました!画像の間隔を空けて、教えて頂いた通り、align=leftの部分を消して・・、再構築してみたら、とてもいい感じの間隔に[ぱちぱち]
いつも的確に教えて頂いてありがとうございます[にこっ]
今後のテンプレートも楽しみにしています。

#72 mari says at March 18, 2007 10:50

テンプレート使わせていただきました!ありがとうございます。
どれも可愛いので迷ってしまいました[らぶ]
ちなみに、最新の記事と準最新の記事の間に入る広告がうまく表示されず困っています。よろしくおねがいします。

#73 cie says at March 18, 2007 22:24

>>72
mariさんはじめまして。
テンプレートのご利用ありがとうございます。[にこっ]

広告はスタイルシートの
[code].ad {margin-left: 10px;}[/code]この部分を
[code]#ad {text-align: left;}
#ad iframe {height: 180px;}[/code]このように変更してみてください。

#74 ととやむ says at August 14, 2007 16:21

テンプレートお借りしました。
シンプルで読みやすいデザインなのに、画像切り替えがついているなんて素敵過ぎます!(まだ設定していませんが^^;)

ひとつ質問なのですが、記事で画像の横に文章を回り込まないような設定にするにはどうしたらいいでしょうか?
画像を連続で投稿する時も画像の横に画像が回りこんでしまいます…。

#75 cie says at August 15, 2007 22:54

ととやむ さん、はじめましてこんばんは。
テンプレートのご利用ありがとうございます。

回り込みをさせないようにするには画像タグ中の
<img 省略 [color=#C30]align="left"[/color] />
この align="left" を消してから投稿してみてください。

シンプルエディタしか使った事がありませんので、 WYSIWYG エディタ では方法が違うかもしれません。

#76 なかしん says at March 29, 2008 15:12

テンプレート使わせて頂きました〜。
最初、設定がうまくいかずあきらめかけたのですが、
ちょっと頑張ってみました。
今度はもっと画像を用意して、楽しみたいと思います。
それでは、ありがとうございました〜。

3 Trackback(s)

現在トラックバックを受け付けていません。

#1 ブログデザイン変更 at December 12, 2004 22:05

はじめまして。シンプルでカッコいいデザイン素敵です。使わせていただきます! 

#2 デザインを at December 22, 2004 13:10

変更してみた Firefox + Web Developerでスタイルシートいじってたりもしたけど 全部をカスタマイズするのは楽じゃない んで、諦めましたよ 探すと結構デザインのテンプレートを配布してる人がいるのね ココでさがしてたんだけど タイトル画像に自分の撮った写真を.

#3 テンプレート変更完了! at March 03, 2005 02:51

さてさて、clariceです。 なんとか、テンプレート変更が完了しました。 細かいところは……まぁ、追々ということで。 何か不都合がありましたコメントでもお知らせ頂けると ありがたいです。 ページTOPの画像はランダムで何枚か表示するような 設定になっていま