buena suerte!


Template uno 'lightcyan'

lightcyanlivedoor Blog用テンプレート配布第1弾「lightcyan」です!

こちらのテンプレートは記事表示部が広めなので個別記事にサイドバーを入れたり、3カラムにしてみるのもいいかもしれません。

薄めの色使いなので可読性はよくないと思います。(汗)
ちなみに読み方は「ライトシアン」と読みますです。

どのように表示されるかは上の画像をクリックしてみてください。

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

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

表示が崩れますのでカレンダーの所(幅など)だけは変更しないようにしてください。
サイドバーなどに空白の無い長い英文やURIを入れると表示が崩れます。ご注意ください。

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

テンプレート一覧

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

関連記事



45 Comment(s)

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

#1 sana says at October 28, 2004 02:38

こんにちは。日記の中でcieさんのご紹介をさせて
いただきましたので、トラックバックいたしました。
今後ともよろしくお願いします。

#2 cie says at October 28, 2004 23:11

トラックバックまでありがとうございます。
最低限の動作確認しか出来ていませんので、不具合などがあればまたコメントしてください。
よろしくお願いします。

#3 tomo says at November 11, 2004 12:51

はじめまして。

テンプレートお借りしましたのでご報告します。
とってもシンプルでかわいくて気に入りました。

大切に使わせていただきます☆
ありがとうございました。

#4 says at November 11, 2004 22:03

はじめまして。
テンプレートお借りしました。
なぜか、トップページのみalignを設定すると画像が表示されないみたいです。IE+WINです。
個別のページに行くと、表示されます。どうしてですかね。不思議ですね。
それ以外はとても気に入っているので、早速使わせていただきました。ありがとうございました。

#5 cie says at November 12, 2004 21:26

tomoさん、音さんはじめまして。
気に入っていただけたようで嬉しいです。

>> tomoさん
ご利用&ご報告ありがとうございます。

>> 音さん
ご利用ありがとうございます。
> トップページのみalignを設定すると画像が表示されないみたいです。
ご利用の注意にも書いてあるんですけど、IEだけ(?)の不思議な現象なんです・・・
解決策が見つかりましたら報告させていただきますので気長にお待ちくださいませ。

#6 says at November 13, 2004 23:54

何回もすみません。
このテンプレートだけ、ブラウザサイズをちいさくしても、横スクロールバーがでないので、とても気に入っているのですが、
この横スクロールバーをださないようにするタグはあるのですか?最近変えたばかりでもうしわけないのですが、こちらのpinkish lineに変えたいと思っています。横スクロールがでないとありがたいのですが・・・

#7 cie says at November 14, 2004 11:28

このテンプレートでもウィンドウの幅をかなり狭くすると横スクロールバーが出ます。
ただ単に全体の幅と本文部分の幅をpx指定していないので出にくくなっているだけなんです。

このテンプレートに限らず横スクロールバーを非表示にしたい時はですね。

CSSファイルのbody{ }の中に
overflow-x:hidden;
↑の一文を追加してみてください。
これでウィンドウの幅をいくら狭めても横スクロールバーは表示されないはずです。
ただ、IEでしか効果がありませんので他ブラウザではバーが表示されてしまいます。
音さんがIE以外のブラウザをお使いになっている場合はちょっと解決策が思いつきません。ごめんなさい。
#横縦のスクロールバーを同時に非表示にするのは簡単なんですけどね・・・。

#8 says at November 17, 2004 13:39

さっそこく回答ありがとうございます!!
そのタグは知っていたのですが、それを使うと強制的に見えなくなるだけで、サイドバーがかくれちゃいますよね・・。
デザインって難しいんですね。改めてcieさんに感謝と尊敬です ! !
で、ですね。このデザインののの色を変えたい(ピンク系)にしたいのですが、画像を参考にしようと思って、URLをたどっても表示されないのですけれど、どうやって画像のみ取得できますか?
えっと、それがだめでしたらもうすぱっとあきらめます。

#9 cie says at November 17, 2004 23:30

> 強制的に見えなくなるだけで、サイドバーがかくれちゃいますよね・・。
そうですね。はみ出た部分を表示するかしないかの設定なので・・・。
もしかするとうまくいく方法があるのかもしれませんが、今は思いつきませんです。(汗)

> どうやって画像のみ取得できますか?
「テンプレートのご利用に関して」の記事に画像のダウンロード方法を記載しておりますので、そちらで確認してくださいませ。

#10 says at November 18, 2004 01:23

大変失礼しました。
今回は、本当にありがとうございました。又、何かとご迷惑をかけてしまってすみませんでした。
新作も楽しみにしております。がんばってください。

#11 Erinys says at November 20, 2004 21:34

はじめまして。
テンプレートお借りしました^^
背景画像とか変えちゃってるんですが問題ないでしょうか?
ダメなら元通り直しますので教えてください。
お忙しいところ申し訳ありませんがよろしくお願いいたしますm(__)m

#12 cie says at November 21, 2004 00:32

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

> 背景画像とか変えちゃってるんですが問題ないでしょうか?
「テンプレートのご利用に関して」にも書いています通り全く問題ありません。
お好きなようにカスタマイズしちゃってください。

#13 tomo says at November 26, 2004 12:12

cieさんこんにちは。いつもお世話になっています。
このたび、#contanainerの部分と本文の幅を「several line」のデザインのようにしようと試みています。
試行錯誤して、どうしても行き詰ってしまったので2つ質問させてください m(__)m

,修譴召譴良を指定し狭くする方法はわかったのですが、
 サイドバーだけが中央に寄ってきてくれません。。。
 みると「lightcyan」のみ、他とサイドバーの位
 置指定の方法が違うようなのですが、左に寄せることは可
 能ですか?
◆遙磽錚遑遙瓧遑瓧蕋遑紕鬚硲癸錚筍の縦の境目にライン
 を入れるにはどうすればいいですか?

お手数ですが、時間のあるときで結構ですので教えてください m(__)mよろしくお願いします。


#14 cie says at November 26, 2004 23:51

tomoさん、こんばんわ。わかる範囲ですがお答えさせていただきます。

> 他とサイドバーの位置指定の方法が違うようなのですが、左に寄せることは可能ですか?
lightcyanの#container, #content, #linksの幅などをseveral lineとほぼ同じにすれば可能です。
私の方で試しに固定幅にしてみましたので詳しく変更部分を書かせていただきますね。

CSSファイルの上のほうから・・・まずコンテンツ全体を変更します。
#container{
margin:0px;
text-align:left;
}
ここを
#container{
width:800px; /* 全体の幅。 */
margin:0px auto 0px auto; /* 他テンプレと同じく左右の余白を自動に設定 */
text-align:left;
}
このように変更します。幅はすでに出来たと報告がありますが一応。
次に本文部分です。
#content{
position:relative;
margin-top: 0px;
margin-right:200px;
margin-bottom:0px;
margin-left:0px;
line-height:130%;
padding: 0px 20px 20px 0px;
}
ここを
#content{
float:left; /* 本文部分を左に表示 */
width:580px; /* 本文部分の幅です */
line-height:130%;
padding: 0px 0px 20px 0px;
}
このように変更します。
最後にサイドバー部分です。
#links{
position:absolute;
right:10px;
top:60px;
width:200px;
}
ここを
#links{
float:right; /* サイドバー部分を右に表示 */
width:200px;
margin-right:5px;
}
このように変更します。
このままの変更で私が確認した限りうまい具合に表示されましたです。
もしうまく表示されない時は本文部分の幅などを微調整してみてください。

> #contanainerとbodyの縦の境目にラインを入れるにはどうすればいいですか?
| ココ→| ブログ内容部分 |←ココ |
に線を引きたいということでいいでしょうか?
その時は#container{ }の中に
border-left:1px solid #555555;
border-right:1px solid #55555;
を入れていただくだけで表示されると思います。
ただこの方法だとNetscapeとFirefoxでは表示されません。
several lineのように幅に合わせた背景画像を作って#containerもしくはbodyに定義すれば表示されます。

まだわからない事がありましたら質問してくださいね。

#15 tomo says at November 27, 2004 12:23

cieさん
こんにちは。丁寧にご説明ありがとうございました。
cieさんのおかげで、思い描いたとおりの構図になりました☆
これからもテンプレート作りなどなど、大変だと思いますが頑張ってください☆
ほんとにありがとうございました。^^

#16 cie says at November 27, 2004 17:28

うまくいってよかったですー。
今日中に新しいデザインをアップする予定です。

その次は・・・全然考えてついてません。(汗)
個性的なデザインとか考えようにも絵がかけないのでなんとも・・・(泣)

#17 Jan says at December 03, 2004 03:54

はじめまして。
テンプレートを使わせて頂きましたので
TB&書き込みをさせていただきました。

一目見て気に入ってしまいました!
使わせて貰います。ありがとうございました。

#18 cie says at December 04, 2004 00:16

Janさん、はじめましてこんばんは。
テンプレートのご利用報告ありがとうございます!
お気に召しましたようで嬉しいです♪

#19 妖音 says at December 25, 2004 16:51

初めまして。
素敵なテンプレートを見つけて嬉しく思っています。
早速利用させて頂きました、ありがとうございました。

#20 cie says at December 26, 2004 00:53

妖音さん、はじめまして。
テンプレートのご利用報告ありがとうございます。
記事でも紹介していただいたみたいでこちらもありがとうございます。
PS: livedoorもたまにJUGEM並みになる時があるので注意です。(汗)

#21 ミミヨ says at January 11, 2005 22:13

はじめまして[きらきら]
テンプレートお借りしてます[おんぷ]
素敵なテンプレートありがとうございます[はあと]

#22 cie says at January 12, 2005 00:36

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

#23 結樹 says at January 20, 2005 16:23

はじめまして。ライブドアで最近ブログを作って
テンプレートを探し回っていた所
こちらのテンプレートに一目惚れして使わせて頂きました♪
ありがとうございます><

ところで、初の書込みからいきなりで非常に恐縮なのですが
こちらテンプレートでは問題なかったのですけど
クローバーのテンプレートもとても気に入りまして
使わせて頂こうと思ってダウンロードさせて頂いた所
多分「リンク部分」等、説明書きの部分と思われる所が
文字化けしてしまいまして^^;

もし問題がないようでしたらそのまま
いつか使わせて頂きたいと思うのですが
解決方法がありましたら教えて頂きたいと思います><

いきなり長々と申し訳ありません。
お時間のある時によろしくお願いします><

#24 cie says at January 21, 2005 01:04

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

「テンプレートのご利用に関して:1. ご利用に当たっての注意。」
http://blog.livedoor.jp/cie/archives/8496186.html#1
こちらにも書いてありますが、配布しているCSSファイルはEUCという文字コードで保存しています。
#なぜかlightcyanだけShift-JISのままになってますね。[汗2]

この文字コードに対応していないエディタ(Windows付属のメモ帳など)では日本語部分が文字化けしてしまいます。
必ずしも化けたままで問題ないとは言い切れませんので、できればEUCに対応したテキストエディタでご覧になることをオススメします。

フリーソフトで対応したテキストエディタがありますので探してみてください。

#25 結樹 says at January 21, 2005 09:48

cieさん、早速ご回答ありがとうございます><

最初にお借りする時にご利用に当たっての部分を読んで
文字化けしてしまう事は一応判っていたのですが
何を勘違いしたのかメモ帳やワードパットの設定などを
変えれば直るのかな?と試行錯誤してました[汗2]

メモ帳やワードパットではどうにも出来ないのですね・・・
フリーソフトがあるそうなので試してみようと思います^^

すみません、不注意でお手数おかけしました^^;

#26 ゆきひさ says at January 25, 2005 07:41

テンプレートを使わせていただきました!
シンプルで気に入りました[ひよこ]
ありがとうございますッ。

#27 cie says at January 25, 2005 22:59

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

早速カスタマイズされて、いい感じになってますねー。
ただCSSの記述でちょっとだけミスされています・・・閲覧するには問題はないんですが。[汗2]

#28 ゆきひさ says at January 26, 2005 01:58

お返事ありがとうございます!

まだまだ手探り状態なのですが、CSSの記述ミスはどこでしょうか…[どくろ]?

#29 cie says at January 26, 2005 12:18

ちょっとしたことなんですが、サイドバーの項目名のところの背景がおかしくなっています。
.calendarhead{}と.sidetitle{}の中の下の部分が

background:#ffffff url('http://blog.livedoor.jp/cie/54678748.png') no-

repeat;

このように改行されてしまっているので no- とrepeat をくっつけてあげてください。
あとは全然大丈夫ですよ。[にこっ]

#30 ゆきひさ says at January 26, 2005 18:16

丁寧に教えていただけて嬉しいです(*^▽^*)
早く自分で気づくべきでした[汗2]
ほんとに可愛いデザインで気に入ってます(^-^)
ありがとございました!

#31 SINYA says at March 04, 2005 07:05

こんにちは。
こちらのテンプレートを3カラムにして利用させて頂こうと思っています[笑]
しかし「小春日和の陽射しの中で」のブログで紹介されている「3カラムにする手順」を行っても、右側にサイドバーが2つとも重なるように表示されます[さけび]
サイドバーが左右になるように設定するには、どのような対応をとればよろしいでしょうか?
知識不足で申し訳ありませんが、お暇なときにでも回答をお願い致します。[泣2]

#32 cie says at March 04, 2005 21:13

SINYAさんはじめまして。
こちらのテンプレートは元々左にサイドバーがあるのが原因だと思います。

#links{
(略)
right:20px;
(略)
}
となっている所を
#links{
(略)
left:20px; /* ←サイズは適当に調節してください。 */
(略)
}
と言う風にしてご説明されている手順で3カラムにしていただければいいと思います。

#33 SINYA says at March 05, 2005 04:35

丁寧に回答して頂き、ありがとうございました。
さっそく、試したところ出来ました[笑]
これから、地道にカスタマイズしていきたいと思います。
よいテンプレートを提供して下さり、本当にありがとうございました。

#34 kahoe says at May 22, 2005 22:07

こんにちは。kahoeと申します。
cieさんのかっこいいテンプレートを使用させていただいてます[らぶ]
その事を、ブログに掲載させていただきました。
TBしましたので、良かったら見てください[きらきら]
今回のバージョンもナイスですね。

#35 cie says at May 23, 2005 01:19

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

#36 やよい says at July 20, 2005 10:56

こんにちわ。
こちらのテンプレートお借りしました。
夏らしくて素敵です

#37 cie says at July 21, 2005 09:46

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

#38 田中 says at July 26, 2005 13:58

はじめまして!
テンプレを変えたかったのですがいいのがなくて
探し回っているうちにここにたどり着きました。
やっと素敵なのを見つけました。
お借りさせていただきます!

#39 cie says at July 27, 2005 22:33

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

#40 Lil' Kim says at August 01, 2005 00:54

cieさん、こんばんは。
随分前に「clover」のテンプレートの利用を報告させていただいたLil' Kimと申します。
今回、こちらの「lightcyan」を利用させて頂きましたので、またご報告にあがりました。

ラーメンの小袋の切り口が手前に来てないと、cieさんの事を思い出します[笑]

#41 cie says at August 04, 2005 21:59

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

> ラーメンの小袋の切り口が手前に来てないと・・・
これで思い出されるとは恥ずかしいなぁ・・・[しょっく][笑]
とはいいましてもいまだになおってません。[さけび](回数は減りましたが

#42 Ozawa says at January 16, 2006 00:33

二度目まして(?)、こんばんは。

事後報告になりましたが、この度「division」から「lightcyan」に模様替え(&早速若干のカスタマイズを)させていただきました。

毎度毎度、ホントに助かってます、ありがとうございました!

#43 cie says at January 19, 2006 00:01

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

うーん。グレーも素敵ですね。[うんうん]

#44 ふら says at May 14, 2006 13:17

はじめまして、ふらと申します。
テンプレ集を探していたら、ここにたどり着きました。
素敵なテンプレばかりですね〜。
で早速なのですが、こちらの「lightcyan」をお借りします。
ちょこっといじらせてもらうかもですが、宜しくお願いします。

#45 cie says at May 14, 2006 23:21

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

カスタマイズはドンドンしてあげて下さい。[さむあっぷ]

3 Trackback(s)

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

#1 ブログのお勉強 at October 28, 2004 02:28

このブログは、 からお借りしました。 ブログについてまだよくわからないけど、これから勉強して いけたらなぁ、と思います。 この中のcieさんのブログをお借りしました。 ご報告をしたら、どうやら一番乗りらしく、またまたうれしいです。 cieさんの作った素

#2 衣替えしました at November 15, 2004 15:53

cieさんのblog内で配布しているテンプレートをお借りして衣替えしました。 (一部、我流でカスタマイズしてます。適当にいじって何とかできてしまいました・・・) 壁紙はIMAGE様からお借りしました ...

#3 ブログデザイン at December 03, 2004 03:33

デザインを新しくしましたー。【livedoor Blog Templaters】のcieさんデザインのものです。こんなBLOGで非常に申し訳ないですが。遠慮なくテンプレートお借りしまーす、笑。えっと、カスタマイズ自由との事で素人ながら少しいじりました。本来こちらのテンプレートは記事表示