buena suerte!


Template tres 'division'

divisionlivedoor Blog用テンプレート配布第3弾「division」です!

大したモノではないんですけど、livedoorさんではこういったシンプルなテンプレートが少ないので作っちゃいました。
どのように表示されるかは上の画像をクリックしてみてください。

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

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

カレンダー部分をカスタマイズする際にテーブル幅を変更すると曜日文字と日付文字がずれて表示される可能性があります。ご注意ください。

オススメカスタマイズ。

全体の背景(灰色)、ブログタイトルの背景(オレンジ色)、ブログ本文の背景(白色)、サイドバーの背景(白色)の色をそれぞれお好きな色に変更して色々と試してみてはいかがでしょうか。

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

テンプレート一覧

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

関連記事



52 Comment(s)

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

#1 ユキ says at November 15, 2004 13:17

テンプレート使用させていただきました。
ありがとうございます。
大変お手数ですが少し質問です。
色をカスタマイズしたのですが、
タイトルの矢印の部分はどこをいじればよいのでしょうか?
それとcieさんのように日付を英語で入れたいのですがどのようにすればよいでしょうか?

#2 cie says at November 15, 2004 23:46

ユキさん、はじめまして。ご利用ありがとうございます。

> タイトルの矢印の部分はどこをいじればよいのでしょうか?
タイトルの矢印や個別記事の[T]や[C]などは画像なので、CSSをカスタマイズするだけでは変わらないんです。(汗)
色を変更するには、画像処理ソフトで変えるしか方法はありません。

もしソフトがないので作れない、作るのがちょっと面倒とかわからないなどありましたら
枠の色(黒)・矢印の色(黒)・背景の色(オレンジ)をそれぞれお好きな色を指定してくだされば作りますよ。

> 日付を英語で入れたいのですがどのようにすればよいでしょうか?
まずブログの管理画面(おそらく新規記事投稿へ)に入ります。
次に上のほうにある「Blogの設定/管理」のタブをクリックしてください。
そうすると「Blogの設定」のページが開きますので、ページ真ん中くらいにある「投稿日付の表示形式」の所を
「2003年11月01日」から「November 01, 2003」に変更して「設定を保存する」ボタンを押してください。
最後に「Blogの再構築(全ページ)」を行なって確認してみてください。
※カテゴリ別・月別アーカイブが更新されてない時は「Blogの再構築」から「月別」と「カテゴリ別」を選択して、それぞれを再構築させてください。

#3 ユキ says at November 17, 2004 09:47

ご丁寧な説明ありがとうございました。
日付の方は無事設定することが出来ました。
矢印は画像だったのですね。
時間のある時にでも色を変えてみたいと思います。
cieさんの画像はそのまま使用させて頂いてよろしいでしょうか?
色を変えるくらいならなんとか出来ると思うのですが、
最初から作るのはちょっと無理っぽそうなので…。

事後報告ですがリンクさせていただきました。
今後ともよろしくお願いします。

#4 cie says at November 17, 2004 23:24

> 画像はそのまま使用させて頂いてよろしいでしょうか?
ご利用に関しての記事に書いています通り、加工していただいて全然OKです。

> 事後報告ですがリンクさせていただきました。
ありがとうございます!
こちらこそよろしくお願いします。

#5 はな。 says at November 22, 2004 23:34

はじめまして。テンプレート使用させていただきました。
まだまだ自分ではカスタマイズできないので・・・。
Livedoorではないのですが使用できるテンプレートだということで使わせていただきました。

#6 cie says at November 23, 2004 00:20

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

LOVELOGユーザさんということなので
http://blog.livedoor.jp/cie/archives/8496186.html#1
ココの真ん中あたりを参照して画像だけダウンロードして使用していただきたいのですが、いかがでしょう?
難しいようでしたらそのままでも構いません。

質問などがあればドンドンコメントしてくださいませ。
私のわかる範囲でお答えいたします。

#7 はな。 says at November 23, 2004 23:53

できましたぁ!!!
最初は理解できずてこずってましたが、ようやく完成。
勉強不足ですみません。ただただダウンロードすればいいものじゃないですね。
ほかのテンプレートも同じ要領でやればいいですよね?
cie様の負担にならないように、これからも頑張ってゆきますのでよろしくお願いいたします!!!

#8 はな。 says at November 24, 2004 00:13

背景や色のカスタマイズはしてもよろしいのでしょうか?ふと疑問になったのでよろしくお願いします。

#9 cie says at November 24, 2004 00:41

こんばんは。

> できましたぁ!!!
おめでとうございます!
最初は難しいと思われるかもしれませんが、理解し始めると結構面白くなると思いますよー。

> ほかのテンプレートも同じ要領でやればいいですよね?
他のテンプレートをご利用になる場合は同じ要領でお願いします。
ちょっと面倒な作業なのでLOVELOGユーザさんにはお手数かけますです。
LOVELOG用に全部まとめた物を作ればいいんでしょうけど・・・ちょっと考えます。

> 背景や色のカスタマイズはしてもよろしいのでしょうか?
こちらは全然OKです。お好きにカスタマイズしてくださいませ。

#10 Ozawa says at November 30, 2004 23:14

はじめまして。

こちらのテンプレート、使用させていただきました。
シンプルで見やすくて、かなりいーかんじです。

まだカスタマイズ途中ですが、余裕があれば画像のほうも加工させていただきたいと思っています。

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

#11 cie says at November 30, 2004 23:42

Ozawaさん、はじめましてこんばんわ。
ご利用報告ありがとうございました!

#12 kumiko says at December 07, 2004 21:28

はじめまして。最近ブログを初めた者なんですが
こちらのテンプレートを使用させていただきましたー。
他のテンプレート利用者のコメントやcie様のレスコメントなどを
参考にして、文字サイズ変更やカウンタ設置などをやってみて
ちょこっとカスタマイズさせていただきました。

で。いくつか質問があるのですが…。
日付と→の間に破線(サイドバーの区切りのような---)
を入れたいのですが
これはどこを変更させればいいのでしょうか?(汗)

あと、私は1日に何度もブログを書くことが多いのですが。
本文タイトルの横に投稿時間を表示させることって無理なのでしょうか?
(はてなダイヤリーのように)
いろんなカスタマイズサイトをまわったのですが、そういうのはどこにもなくて…。
無理なのかなぁと(;;)。

もしかしたら、すごーく基本的なことを質問しているかもしれませんね。
すいません(><)
とにかく丁寧なカスタマイズ方法ばかりで、いろいろ参考になりました。
感謝しております。ありがとうございましたっ。

#13 cie says at December 07, 2004 23:25

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

> 日付と→の間に破線(サイドバーの区切りのような---)
こちらは .date{ }の中に(日付の下だけに線が表示されます)
border-bottom:1px dashed #000000;
を挿入する。もしくは
.title{ }の中に(記事タイトルごとに線が表示されます)
border-top:1px dashed #000000;
を挿入して保存し、「Blogの再構築(CSS)」を行なって確認してください。

> 本文タイトルの横に投稿時間を表示させる
こちらはHTMLテンプレートを編集すれば可能だと思います。
えーっと・・・それぞれのHTMLテンプレートの中にある
<div class="title"><$ArticleTitle ESCAPE$> ココに挿入</div>
ココあたりに
<$ArticleTime$>
という特殊タグを挿入して保存します。
時間だけでなく日付も必要な時は
<$ArticleDate$>
もあわせて挿入してください。
最後に「Blogの再構築(全ページ)」を行なって確認してみてください。

「Blogの再構築(全ページ)」を行なっても「月別」「カテゴリ別」に変化が無い時は
それぞれ再構築メニューから「月別」「カテゴリ別」を実行してみてください。
※再構築してもすぐには反映されないことがあるみたいです。

これで多分大丈夫だと思いますが、こちらで試していませんので表示されないかもしれません。(汗)
またわからない事があれば質問してくださいませ。

#14 kumiko says at December 09, 2004 21:21

cie様

カスタマイズ方法を教えてくださってありがとうございますー!
早速そのようにやってみました。

「日付と→の間に破線」は、日付の下のみに破線にしたのですが
日付と破線、破線と記事タイトルの間隔をもう少し広くしたい場合は、
文字行間スペースのCSSを変更させればいいのでしょうか。

「記事タイトルの横に投稿時間」もちゃんとできたのですが
投稿時間の数字の大きさを小さくしようと思い、
「font」タグで大きさ指定したのですが、何も変化なし。
(fontタグで数字の色は変更できたんですけど…)
ついでに「記事タイトル 投稿時間」みたく少し間隔をあけようと思い、スペース入れたんですけどこれも変化なし。
もしかして、これも別の方法で設定しないとダメなのでしょうか。

またまた質問になってしまいスイマセン。

#15 cie says at December 09, 2004 22:42

kumikoさん、こんばんわです。

> 日付と破線、破線と記事タイトルの間隔をもう少し広くしたい場合
線の上の間隔は.date{ }の中の
padding:10px 15px 1px 0px;
ここの1pxの値を大きくしてみてください。
線の下の間隔は.title{ }の中に
margin-top:5px;
を追記してみてください。(数値はお好きなように)

>「font」タグで大きさ指定したのですが
<font color="gray" size="2"><$ArticleTime$></font>
今はこのようにされていますが、サイズの所を1にしてみると小さくなると思いますよ。

> 「記事タイトル 投稿時間」みたく少し間隔をあけようと思い、スペース入れたんですけどこれも変化なし。
私の場合<$ArticleTitle ESCAPE$>と<$ArticleTime$>の間に半角スペース入れたらちょっと広がりました。何故でしょうね・・・?
もしダメなようでしたら間に &nbsp; を入れて再構築してみてください。

#16 kumiko says at December 10, 2004 21:55

こんばんわ。

再びカスタマイズ法を教えていただきアリガトウございます!
全て上手くできましたー!!
投稿時間の文字の大きさ指定は…私がフォントサイズに気づいていなかっただけでしたね(汗)。スイマセン。
記事タイトルと投稿時間のスペースの問題も解決できました。

あれもこれも教えていただけて本当に感謝しております。
ほんの少しCSSのことがわかった気がします(^^;)これからちょっとずつまたいじってカスタマイズしていこうかと思います。
今回は本当にどうもありがとうございましたm(_ _)m

#17 rota says at December 18, 2004 14:19

はじめまして。テンプレート使わせてもらいました。
自分なりにカスタマイズしていこうと思います。

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

#18 cie says at December 19, 2004 00:49

rotaさんはじめまして。
ご利用報告ありがとうございます♪

#19 もなみ says at December 23, 2004 02:08

はじめまして、こんばんは。
テンプレートを使わせていただいたので報告に参りました。
こういうのを探してたんだ!っていうのが見つかってすごい満足しています。ありがとうございました。
livedoorのテンプレートは本当になんでだろうというくらいシンプルで可愛いのが少ないですよね。
ブログからリンクも貼らせていただいたのであわせて報告しておきます。
ではこれにて。

#20 cie says at December 23, 2004 10:29

もなみさんはじめまして。
テンプレートのご利用、そしてリンクのご報告ありがとうございます。

もなみさんのように1つの記事にもっとたくさん書くことが出来ればいいんですけどこの有様・・・
考えている(いた)ことを文字にするのって難しいです。

#21 妖音 says at December 29, 2004 14:21

こんにちは^^
新たにこちらのテンプレートをお借りして色の方を変更させて利用させていただいております。

ひとつ質問なのですがよろしいでしょうか?
こちらにコメントされている皆さんのBlogのように忍者やFC2などの解析を入れたいのですが、タグはどこへ入れたら宜しいのでしょうか?
初歩的な事を聞いているかもしれませんが教えて下さい。
宜しくお願いします。

#22 cie says at December 29, 2004 15:10

妖音さんこんにちはー。

私の場合は「Blogの設定」のページのの「説明」の欄に解析コードを入れていますよー。
これならHTMLテンプレートにいちいち入れないで済みます。

こちらにも書いていますので参考にどうぞです。
http://blog.livedoor.jp/cie/archives/6241191.html#2

#23 妖音 says at December 29, 2004 20:37

早速教えて下さり、ありがとうございました^^
これから設置してみようと思います。

#24 魚政 says at December 30, 2004 00:35

テンプレート、DLさせていただきました。
可愛いデザインで 素敵です♪
ありがとうございます。
これからも ちょくちょく覗かせてもらいますね!!

#25 cie says at December 30, 2004 14:40

>> 妖音さん
うまくいったようですね。よかったです♪

>> 魚政さん
はじめまして。
テンプレートのご利用報告ありがとうございます。
また記事でのご紹介、トラックバックありがとうございました。
ぜひぜひまたいらしてくださいー。

#26 ソラチ says at January 24, 2005 23:06

cieさま、こちらでは初めまして、ソラチです。
本来私が先にこちらで使用報告するのがスジでしょうに、
昨日はわざわざお越し頂き、ましてコメントまでして頂き有難う御座いました。
勝手気ままにやっている寂れたブログなので、とても嬉しかったです。

cieさんのテンプレートはどれもシンプル・キュートな感じで
使いやすく、CSS中の説明文も親切でしたので今後もまた使わせて頂いたり、
それを元にしてカスタマイズするんだろうな、という感じです。
とても素敵なテンプレートを提供して下さり、有難う御座いました。

それでは、冷え込む日が続きますので、風邪などひかれないようご自愛下さい。
乱文失礼致しました。

#27 cie says at January 25, 2005 00:17

ソラチさんこんばんは。

> こちらで使用報告するのがスジでしょうに
いえいえとんでもないです。
トラバしていただいただけで十分でございますですよー。[にこっ]

私も気ままにテンプレ作ったりブログ書いたりしているので
こうやって皆さんに使っていただいているだけで嬉しいです。[ぽっ]
少しでも気持ちよくブログを書いたり読んだりしてもらえればいいな・・・って感じです。

> 風邪などひかれないようご自愛下さい。
お気遣いありがとうございます。ソラチさんも十分にお気をつけくださいませ。
ご丁寧なコメントありがとうございました。

#28 エリ says at March 01, 2005 23:01

cieさんはじめましてっ。
テンプレート使わせて頂きました。
色々カスタマイズしてみたいのですが、知識もないし、このままでも十分ステキっ。
ということで、そのまんま使わせてもらってます。
ありがとうございましたっ。

#29 cie says at March 02, 2005 13:13

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

ご自分仕様にカスタマイズされればますます愛着がわいてきますので
お時間があるときにでもチャレンジしてみてくださいね。

#30 のぞむ says at March 10, 2005 20:46

素敵なテンプレートがいっぱいあってどれにしようか悩みまくりましたが、これを頂く事にしました。
すごくシンプルで、でもしっかりした感じがとても好きです。有難うございました。

#31 cie says at March 12, 2005 00:35

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

塊魂ってあのやたらめったらくっつけていくゲームでしたっけ。
公式HPのおぢさんが気持ち悪いです・・・[さけび]

#32 のぞむ@偏魂 says at March 16, 2005 01:16

ですね。やたらめったらくっ付けます。アリんこからハリケーンまで、なんでも。そんなBlogになりたい予定です(笑)
快適に使わせてもらってます。新作に期待しつつ、ゆったりと待たせてもらいます。頑張ってくださいね。

#33 yamatama says at April 25, 2005 11:59

はじめまして!
テンプレート、お借りします。
ライブドアブログはシンプルなテンプレが
あまりないのでとってもうれしかったです☆

#34 cie says at April 25, 2005 23:03

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

最近はやっとシンプルなのも増えてきたんですけどもっと頑張ってほしいですね。

#35 lin says at April 28, 2005 08:08

こんにちは。
テンプレお借りしました。
クールなデザインでいいですね。
今後ともよろしくお願いします。

#36 cie says at April 28, 2005 23:07

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

こちらこそよろしくお願いしまーす。[ぺんぎん]

#37 j0na says at May 06, 2005 21:49

こんにちは!
ブログ初心者のおやじ(j0na)です。
このテンプレート、ひと目みて気に入りました。
使わせていただきます。
今後もカッコイイもの作ってください!!

#38 cie says at May 08, 2005 23:45

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

#39 minami says at July 28, 2005 22:00

こんにちは。
以前、flierをお借りしていたみなみです。
いつもお世話になってます。

今回もcieさんのテンプレをお借りしました。
シンプルで使いやすいので、嬉しいですv
今後ともよろしくお願いします[おんぷ]

#40 cie says at July 29, 2005 00:11

minamiさん、お久しぶりですこんばんは。[にこっ]
またまたご利用くださりありがとうございます。

こちらこそ今後ともよろしくお願いします。[きらきら]

#41 ゅぅヵ says at August 21, 2005 03:25

とてもヵゎぃぃのでぉ借りしましたぁ☆
色など少しかえてしまいました(*'v`)

色々なテンプレート屋さんを覗いたヶド、Cieさんの作成したテンプレートが一番好きです☆ 
これからも頑張って下さいv 
ヨロシクです♪

#42 cie says at August 22, 2005 01:24

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

カスタマイズするの最初は難しいですが、そのうち楽しくなってきますからがんばってくださいねー。[ひまわり]

#43 mimi_happy / きーこ says at August 23, 2005 04:18

たびたびスミマセン。[汗2]
コチラのテンプレートを使用させていただきま。[わかば]
これからもおジャマさせていただきます。[くま]

#44 cie says at August 24, 2005 01:06

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

今は余裕が無くコメントを返すことくらいしか出来ませんがヨロシクですー。[こぐま3]

#45 Hiro/skating says at September 07, 2005 08:06

事後報告でごめんなさい。
テンプレート使わせていただいてます。
シンプルなものを…と探していたところ
こちらに辿りつきました。

素敵なテンプレートに負けないよう中身も充実
させていこうと思います。ありがとうございました。

#46 cie says at September 07, 2005 12:45

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

事後報告でも全く構いませんですよ。[さむあっぷ]
やはりシンプルイズベストですよね[おんぷ]

#47 suffer says at March 13, 2006 23:13

はじめまして!こんばんは。

シンプル且つインパクトなデザインが気に入りました!
さっそくテンプレート利用させて頂きました!!

これからも「おぉ〜」と叫びそうなテンプレート
作成にもがんばってください!
[ぱちぱち]

#48 cie says at March 15, 2006 00:15

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

最近サボりすぎてるので何か作らないといけませんね・・・[だめーじ]

#49 えーきち says at March 15, 2006 23:36

こんばんは。テンプレを利用させて頂きました。
丁度理想の色合いで、感激です!
これからも無理せずマイペースに頑張って下さいね[はあと]

#50 cie says at March 17, 2006 01:04

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

マイペースで頑張ります。[さむあっぷ]

#51 yamauchi☆Ai-designroom says at March 27, 2006 09:40

テンプレート使わせて頂いてます[にこっ]シンプルでかわいくて気に入ってます。で、ひとつ質問なのですが、画像に枠が入ってしまうのですが、(濃いグレーのような細い線で囲われてしまう)これを消すにはどうしたら良いでしょうか?よろしくお願いします。

#52 cie says at March 28, 2006 23:07

yamauchiさまこんばんは。

> 画像に枠が入ってしまうのですが(略)これを消すにはどうしたら良いでしょうか?
CSSの.pict{ }の中にある
border:1px solid #888;

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

6 Trackback(s)

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

#1 livedoor Blogのテンプレート at December 30, 2004 00:56

先日まで使っていたlivedoorのテンプレートに飽きてきたので、何かいいものが無いか物色していたら ひょんなことからlivedoorのテンプレートを配布しているサイトを発見!! シンプルで可愛いものが多い♪ ダウンロードして、カスタマイズするのもコピペでOKのお手軽に出来

#2 りにゅあるーー at January 07, 2005 17:38

デザイン リニュアルしましたーー いつもお世話になっているcieさんのデザイン「division」をお借りして わたしなりにちょこちょこーーっと改造してみました はぁーー 達成感です ...

#3 落ち着きました。 at January 23, 2005 18:54

(夕方に追記) 結局はこちらに落ち着きました。cieさまが作成されたテンプレートを使わせて頂いてます。他のも拝見したらシンプルで使い易いものが多いので、今後もお世話になりそうな予感です。 しかしブログ弄りに四苦八苦して半日程時間を潰してしまった…。地理の課題

#4 Blogデザイン更新 at March 10, 2005 20:44

カスタマイズ/デザイン系Blogのbuena suerte!さんや地獄変00さんを眺める事しばし。遂に重い腰を上げてデザインの更新をしてみました。|EDIT|を入れたりしたことで自分としても使いやすくなった実感がすぐにあり、割といい感じです。自分でデザイン起こす気になるまではしば

#5 テンプレートを変更 at August 03, 2005 19:47

buena suerte!さんのところの divisionというテンプレートに変更いたしました。 シンプルで大変よいです。 上手く表示されないよ、とかありましたら コメントいただけると幸いです。...