buena suerte!


Template diez 'oblique'

obliquelivedoor Blog用テンプレート配布第10弾「oblique」です!

今回のデザインはシンプルモノクロな感じになってます。
背景画像とともに指定されている背景色を変えることで少し雰囲気を変えることが出来ます。
どのように表示されるかは上の画像をクリックしてみてください。

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

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

それぞれの幅はコンテンツ全体780px固定、記事部分550px固定、サイドバー230px固定です。
カレンダーのテーブル幅を変更すると、曜日画像の関係で表示が若干ずれてしまいます。

リンクをポイントすると破線がグリグリ動くようになっていますが、リンク文字が改行されている場合は下の行にしか画像が表示されません。

オススメカスタマイズ。

記事上のほうにも書いてあるように、画像とともに指定されている背景色を変えることで少し雰囲気を変えることが出来ます。

方法は下記の7箇所

body{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/0/1/01d40cec.png') repeat-y #888;
}
#banner,#subbanner{
(中略)
background:#888;
}
.trackback-url{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/9/9/99797054.png') #ddd;
}
.trackback-body{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/9/9/99797054.png') #ddd;
}
.comments-body{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/9/9/99797054.png') #ddd;
}
.calendardbg{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/9/9/99797054.png') #ddd;
}
blockquote{
(中略)
background:url('http://livedoor.blogimg.jp/cie/imgs/c/9/c95e5e99.png') #eee;
}

のそれぞれの色指定(赤文字)部分をお好きな色に変更していただくだけです。
※上二つだけでも十分雰囲気変わります。

#888to#600例: #888 → #600
他の文字色やリンクの色などは適宜お好きな色にどうぞ。

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

テンプレート一覧

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

関連記事



41 Comment(s)

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

#1 あらくれにほんかい says at February 21, 2005 01:04

cieさま ご無沙汰しています。そして、いつもすてきなテンプレートをありがとうございます。今回のobliqueも配布を待っておりました[はあと]勝手ながらまた使用させていただきます。本当にいつもいつも感謝です。

#2 cie says at February 21, 2005 01:38

あらくれにほんかいさんこんばんは。
毎度毎度ご利用ありがとうございますー。[にこっ]

#3 小橋すみれ says at February 21, 2005 22:49

cieさま、こんばんは。
新作テンプレート早速使わせていただきました。
初めて見た時から、またシンプルで素敵なテンプレートにDLできる日を楽しみにしていましたvありがとうございます。
早くCSSが制御解除されるといいですよね。
sれでは失礼します。

#4 cie says at February 22, 2005 00:13

すみれさんこんばんは。
またのご利用ありがとうございます。[おんぷ]

あれから何の音沙汰もなく1週間以上たっているので望めないのかなぁなんて思い出している次第であります・・・[泣]

#5 kacth says at February 22, 2005 17:23

cieさん、お久しぶりです。kacthです[にこっ]
覚えてますか〜??
少しネットから離れておりまして…[泣2]

今回のテンプレートもシンプルでカワイイッ[はあと][はあと]です!
いろんなアイディアが浮かぶcieさんはすごいですね[笑]
また近々ダウンロードさせて頂きますね〜[おんぷ]

#6 cie says at February 23, 2005 01:25

kacthさんこんばんは。覚えておりますですよー。
いつも嬉しいお言葉ありがとうございます。本当に励みになります。[泣]

#私もちょっとネットから離れたいです・・・[汗2]

#7 philer says at February 24, 2005 12:01

きのうから使わせてもらっています。いくつか試しましたがこれが一番でした。ありがとうございます。

#8 cie says at February 24, 2005 22:35

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

コメントはしていないのですが、実は今朝たまたまphilerさんのブログをお見かけしてました。[汗2]

#9 なおみ says at February 26, 2005 21:51

cieさんこんばんわ!!!
わたしのblogもcieさんのテンプレートを使わせていただきました[にこっ]
あと少し不具合があり連絡させていただきました[汗2]
今日わたしのHPにobliqueのテンプレートを使わせていただいたのですが
日記の下の部分に載っている「Posted by〜」のところが大きくなっているのですが
どうすればよいでしょうか?お返事お待ちしています。

#10 cie says at February 27, 2005 11:06

なおみさんこんばんは。
テンプレートのご利用ありがとうございます。

「テンプレートのご利用に関して」にも書いていますように文字化けした状態のままコピーされてしまうと表示がおかしくなってしまうので
コメント部分(/* */←この部分)を全て削除していただくか
EUCに対応したテキストエディタで開いてコピーし保存しなおしてください。

#11 なおみ says at February 28, 2005 21:02

教えていただいてありがとうゴザイマス[にこっ]
早速ためしてみます[きらきら]

#12 なおみ says at February 28, 2005 21:17

連続書き込みでごめんなさい[汗]質問なのですが
「コメント部分(/* */←この部分)」のコメント部分というのは、どこのことですか?
分からないことばかりでごめんなさい[泣2]
返信まってます。

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

なおみさん、お返事遅れてゴメンなさい。

えっとCSSファイルを開いていただければわかると思いますが
/*---------------------
・レ。シ・クチエツホ
----------------------*/
↑こんな風に文字化けちゃっていると思いますので
/* から */までを全て削除して保存してみてください。

結構たくさんコメント部分がありますのでご注意を。

#14 マクロード says at March 02, 2005 14:56

はじめまして、先日テンプレートを頂き、大幅にカスタマイズしてしまいました。
ちょくちょく遊びにきます。

#15 なおみ says at March 02, 2005 18:40

cieさんこんばんわ!!!
cieさんに教えてもらったようにやってみたら出来ました[にこっ]
本当に助かりました[きらきら][きらきら]
ありがとうございました[はあと]

#16 ひっぽ says at March 02, 2005 19:39

はじめまして[にこっ]
テンプレお借りしました。
シンプルでとても気に入っています[はあと]
ありがとうございます[きらきら]

#17 cie says at March 03, 2005 01:09

>> マクロードさん
はじめまして。
かなりカスタマイズされてますので、テンプレートのご利用報告と言う感じではないですね。
でも元にはしていただいているみたいなのでとても嬉しいです。ありがとうございます。

>> なおみさん
こんばんは。うまくいってよかったです。

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

#18 PWPやまぐち says at March 09, 2005 12:20

はじめまして。
cieさん、テンプレート、利用させていただいております。
改造させていただこうと思ったのですが、いじるともったない気がしてほとんどそのままです。
他のテンプレートもステキ〜ぃ。
とくに第1弾とどっちにしようか迷いました^^
ありがとうございますm(_ _)m

#19 nori says at March 09, 2005 14:32

はじめまして
テンプレート使わせて頂きます[にこっ]ありがとうございます。

#20 cie says at March 09, 2005 22:02

>> PWPやまぐちさん
はじめまして。テンプレートのご利用ありがとうございます。
ドンドン改造しちゃって構いませんので、気にせずしてくださいねー。[にこっ]

>> noriさん
はじめましてじゃないような気がしますが、テンプレートもご利用くださってありがとうございます。[汗2]

#21 ゆめこ says at March 31, 2005 19:01

初めまして。ブログのテンプレートを変えたくって色々探してたら、
ライブドアのテンプレート集があるのを昨夜発見しました[笑]
それだけでもうれしかったんですが、
こちらのデザインはシンプルだけどポップな感じも出てて
とっても気に入り、使わせてもらいました。
またこれからも時々覗きにきたいと思います。
ありがとうございました。

#22 cie says at April 01, 2005 01:11

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

最近はちょっと停滞気味ですがまたきてくださいねー。

あっと、Milanファンなんですねー。チャンピオンがんばってください。

#23 皐己 says at April 24, 2005 08:48

cieさん、はじめまして。
こちらのテンプレートを使わせていただきました。
といっても、だいぶ改造してしまったのですが[汗2]
コメント部分がとても分かりやすくて、大変いじりやすかったです[きらきら]
これからも、ちょくちょくのぞいて参考にさせていただきますm(_ _)m

#24 皐己 says at April 24, 2005 08:50

肝心のお礼を言い忘れてました。。
ありがとうございました。

#25 cie says at April 25, 2005 22:54

皐己さんはじめまして。ご利用ありがとうございます。[にこっ]

どいんどいんカスタマイズしちゃってください!
私もモノクロ配色好きですよー。[芽]

#26 たら says at August 13, 2005 14:18

テンプレート使わせていただきました!
すごく好きなかんじのテンプレートばっかりで悩みましたがシンプルなコレにしました。
ありがとうございました[らぶ]

ちょっと改造してみたんですが、ブログのコメント欄がうまく設定できなくて・・
コメントとコメントの行間の幅を広げるのはどうしたらいいんでしょうか[泣]

#27 cie says at August 16, 2005 00:12

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

新しいHTMLテンプレートには対応していませんので崩れたまま表示されてしまいます。
まず一度古いデザイン(シンプルグリーンなど)に変更してからCSSを貼り付け「全てを再構築」してあげてください。

>コメントとコメントの行間の幅を広げるのはどうしたらいいんでしょうか
CSSの.comments-bodyに
line-height:150%; /* ←適宜変えてください */
を追加してCSSを再構築してください。
ココでは150%と記述していますが、emやpxという単位も使用できます。

#28 kou says at August 31, 2005 16:43

はじめまして
こちらのテンプレートを使わせてもらいました[にこっ]

ライブドアのブログもいろいろかわって大変だと思いますが
マイペースでがんばってくださいネ[笑]
またちょくちょくお邪魔させていだだきます[きらきら]

#29 cie says at September 04, 2005 00:00

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

マイペース過ぎで呆れられそうですが、時間も無いのでうんともできません。[さけび]
なんとかがんばります。

#30 asuka says at September 18, 2005 22:10

cieさん、こんにちは。
以前、こちらで別のデザインをお借りしていたasukaです。
今度、別のブログをlivedoorではじめたので、
そちらでもcieさんのテンプレを使わせて頂きました。

いつも、素敵なデザインで嬉しいです。
ありがとうございました[おんぷ]

#31 cie says at October 12, 2005 09:56

asukaさんこんにちは。
テンプレートのご利用ありがとうございます。

1ヶ月近く返信せず大変失礼いたしました。

#32 もえっぴ says at April 04, 2006 11:24

こんにちは。
また使わせてもらっています。

実は、記事の上にフリースペースを
おきたいと思うのですが、どうすれば
よいですか?

#33 cie says at April 04, 2006 14:58

もえっぴさんこんにちは。
いつもありがとうございます。[ひよこ]

> 記事の上にフリースペースをおきたいと思うのですが、どうすればよいですか?
うーんそうですね・・・
プラグインのフリースペースを利用するのチョット難しいかもしれませんので、HTMLテンプレートに直接書き込むしかなさそうです。

<div class="blog">の直下に

<div class="blogbody">
ここにお好きな内容をいれてください
</div>

というように入れて保存→再構築してみてください。

#34 もろは says at April 05, 2006 18:11

はじめまして。素敵なデザインのテンプレートですね。利用させてもらっています。

自分でデザインをこしらえるほど知識を持っていなかったので大変助かりました。

これからもがんばってください。
それではー。

#35 cie says at April 06, 2006 00:11

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

[strong]精進します。[/strong]

#36 もえっぴ says at April 06, 2006 14:58

フリースペースの作成方法ありがとうございました。

さっそく使用させてもらってます。

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


#37 miku says at August 07, 2006 01:40

cieさん、はじめまして。
格好いいデザインですね、oblique。
こちらのHPをみつけて早速テンプレートを使わせて
頂いてブログを始めようと思うのですが・・・。
こちらのデザインではobliqueは左寄せ表示になって
いるのですが、自分で真ん中中央表示に変えることは
可能なのでしょうか?
すみません、全然わからないので・・・。
もし宜しければ教えていただけませんでしょうか?
宜しくお願いします。

#38 cie says at August 08, 2006 22:52

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

[strong]> 真ん中中央表示に変えることは可能なのでしょうか?[/strong]
可能です。

まず [strong]body { }[/strong]中にある
[color=#C30]text-align: left;[/color] を
[color=#009]text-align: center;[/color] にします。

[color=#C30]background:url('http://rosea.jpn.org/css/oblique/body.png') repeat-y #888;[/color]

[color=#009]background:url('http://rosea.jpn.org/css/oblique/body_c.png') repeat-y #888 50% 0;[/color]
にします。

次に [strong]#container { }[/strong]中にある
[color=#C30]margin: 0px auto 0px 20px;[/color] を
[color=#009]margin: 0px auto;[/color] にします。

ここまで編集しましたら作業終了です。
後は保存してCSSを再構築させ確認してみてください。

追記:メイルも届いてはいたのですが、返信しても返ってきてしまうようなのでこちらに返事させていただきました。

#39 naba says at August 02, 2007 03:30

cieさん、こんばんは。
テンプレート利用させて頂き有難うございます。

少し分からないことがあるのでご質問させて下さい。
いつも正常に表示されていたブログのレイアウトが本日突然崩れてしまいました。
具体的には右側のサイドバーが下に抜け落ちてしまうというものです。
自分でもcssをいじって直そうと試みたのですがどうもうまくいかなくて・・・

もし対策が分かるようであればご教授頂けないでしょうか?
どうぞ宜しくお願い致します。

因みにブラウザはfirefox、OSはMacです。

#40 cie says at August 02, 2007 09:26

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

恐らくは、記事下の広告表示の義務付けに際して、どうやら若干の不具合があるようでして、うちの CSS を利用されているされていないに関わらず発生しているみたいですね。
参考:[url=http://blog.livedoor.jp/staff/archives/50651825.html#comments]開発日誌のコメント[/url]

すこし見てみると、HTML テンプレートの blogbody や fullbody クラスの <div> タグが閉じられていないのが原因のようです。

naba さんがお使いの古い HTML テンプレートが手元にありませんので、特定の修正箇所を指定できないのですが、HTML テンプレートの [color=#C33]<IndexArticlesLoop>[/color] から [color=#C33]</IndexArticlesLoop>[/color] の間(カテゴリ別や月別は少し違いますが)の <div> タグがキチンと閉じられているか(</div>と対になっているか)確認してみてください。

記事下広告についてはこちらを参照してください。
[url=http://blog.livedoor.jp/ldsupport/archives/64692517.html]livedoor サポートBlog:広告選択のお願いにつきまして[/url]
[url=http://helpguide.livedoor.com/help/blog/guide/grp103/guide610]デザインのカスタマイズで「記事下広告」を表示する:カスタマイズ/管理 ブログ ガイド:livedoor ヘルプ[/url]

#41 naba says at August 02, 2007 19:38

>cieさん

早々のご返信、そして丁寧なアドバイス有難うございました。
先ほどご指摘の箇所を修正したところ無事に元通り表示されるようになりました。

今後ともcieさんのテンプレートを愛用させていただきます。
本当に有難うございました。

5 Trackback(s)

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

#1 画面表示が… at March 01, 2005 07:05

なぜだろう。画面の表示が重くて、そしていつものイメージの色がでない。我が家のPCの問題なのか?そういえばちょっと動きが思い感じかも。PCかniftyか??cieさんからいただいたモノなのでcieさんのブログに行ってみると同じ症状。なんでだろう?しばらく静観するしかな

#2 テンプレ模様替え。 at March 02, 2005 19:33

春になったことだし、と気分転換がてらテンプレを模様替えすることにしました。まずHTMLを全てデフォルトの状態に戻してから、livedoor blog templaters同盟さんにお邪魔して今の気分に合うテンプレを物色。今回はすっきりシンプルな'oblique'というテンプレを使わせていただ

#3 Blogデザイン at April 18, 2005 00:00

を利用して,Blogのカレンダーを大きくした。 シンプルなデザインにしようとおもっていたが,デフォルトではカレンダーが 小さいかったので,変更した。 cieさんのCSSテンプレートを利用させていただきました。...

#4 模様替えー at July 26, 2005 19:44

テンプレお借りしました。 すっきりしたデザインでお気に入りです♪こちらのサイトさんの「odlique」というテンプレを使わせていただいております。 背景色とかいじってたら気づいたらこんな時間!現象がおこりました。 今日は美術部Uち.

#5 レイアウト 〜oblique〜 at July 23, 2006 01:20

またレイアウト変えてみました! 今回変えたのは、livedoorの付属テンプレートじゃなくてbuena suerte!からいただいてきたobliqueというテンプレートをちょいといじって使いました で、これがまた、使いやすいんですわ!個別ページを見ると、そのままその記事を編集できる....