2006.07.18
ink
黒基調のシンプルなリキッドレイアウトデザインです。
シンプルなのでどなたでもお使いになれるかと思います。
*ライブドアからの移植作品です。
上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
» PREVIEW
7/23追記：絵文字に背景色がついてしまっていたので修正しました。
このテンプレートの使用上の注意
全体幅、記事幅、サイドバー幅ともに可変ですので、ブラウザの幅に合わせて変化します。
余りにも幅を小さくしすぎるとデザインが崩れてしまうこともあります。
画像にリンクを貼ると下に点線が入ってしまうのは仕様です。
取り除くには少々面倒ですが
<a href="URI" class="img"><img src="URI" alt="Image" /></a>
というように画像タグを囲っているリンクタグにクラスを指定してあげると表示されなくなります。
このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。
画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。
このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。
制作環境は以下の通り。
OS：WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ：Firefox1.5.0.4、Opera9、InternetExplorer6、Netscape8.1
IE使用時の文字サイズ：中
スポンサーサイト
この記事へのトラックバックURL
http://cie.blog11.fc2.com/tb.php/33-1c641e4e
この記事へのトラックバック
この記事へのコメント
テンプレート、一目ぼれしました。
お借りしました。
タイトル部分に画像を、入れたいと思いまして
質問させていただきました。
ちなみにhttp://www16.ocn.ne.jp/~azi1120/imageburo.gif
どうぞ、宜しくお願いします。
お借りしました。
タイトル部分に画像を、入れたいと思いまして
質問させていただきました。
ちなみにhttp://www16.ocn.ne.jp/~azi1120/imageburo.gif
どうぞ、宜しくお願いします。
えまさんはじめまして。
テンプレートのご利用ありがとうございます。
> タイトル部分に画像を、入れたいと思いまして
テンプレートの編集→"スタイルシート"を編集してください。
#banner { ～ }の間に
background-color: transparent;
という記述がありますのでその上に
background: url(http://www16.ocn.ne.jp/~azi1120/imageburo.gif) no-repeat;
と入力→保存。
これだけでタイトル部分にご指定の背景画像が表示されるようになります。(確認してみてください)
ただこのままですとブラウザ幅により画像がサイドメニューに掛かってしまいますので
おなじ #banner { }中に
width: 70%;
と入れてあげてください。
あと、タイトル文字が人形の写真とかぶって見づらくなってしまいますので
text-align: right;
もあわせて入れてあげると良いかもしれません。
テンプレートのご利用ありがとうございます。
> タイトル部分に画像を、入れたいと思いまして
テンプレートの編集→"スタイルシート"を編集してください。
#banner { ～ }の間に
background-color: transparent;
という記述がありますのでその上に
background: url(http://www16.ocn.ne.jp/~azi1120/imageburo.gif) no-repeat;
と入力→保存。
これだけでタイトル部分にご指定の背景画像が表示されるようになります。(確認してみてください)
ただこのままですとブラウザ幅により画像がサイドメニューに掛かってしまいますので
おなじ #banner { }中に
width: 70%;
と入れてあげてください。
あと、タイトル文字が人形の写真とかぶって見づらくなってしまいますので
text-align: right;
もあわせて入れてあげると良いかもしれません。
管理人様、有難うございました。
早速、変更しました 感激[泣]
バックの色と、文字サイズ少し変えましたが
末永く、使用させて頂きます。
今回の新作も、素晴らしいですね、涼しげで、大好きです。
どうも、有難う御座いました。
早速、変更しました 感激[泣]
バックの色と、文字サイズ少し変えましたが
末永く、使用させて頂きます。
今回の新作も、素晴らしいですね、涼しげで、大好きです。
どうも、有難う御座いました。
cieさま、はじめまして。先日よりこちらのテンプレートをお借りしています。
シンプルでとても素敵なデザインですね！
スクロールバーの色を変えたいと思い、<head></head>内に
<style type="text/css"><!--
html, body { scrollbar-base-color: #393939; }
--></style>
と追記したのですが、どうも上手く反映されません。
どのようにすればよいか、アドバイスいただけたら嬉しいです。
どうぞよろしくお願いいたします。
シンプルでとても素敵なデザインですね！
スクロールバーの色を変えたいと思い、<head></head>内に
<style type="text/css"><!--
html, body { scrollbar-base-color: #393939; }
--></style>
と追記したのですが、どうも上手く反映されません。
どのようにすればよいか、アドバイスいただけたら嬉しいです。
どうぞよろしくお願いいたします。
mioさんはじめまして。
テンプレートのご利用ありがとうございます。
まずHTMLテンプレート内に記述するのではなく、スタイルシート内に
html, body {
scrollbar-base-color: #393939;
}
このように記述してあげてください。
変化しないのはフリーエリア内にスクロールバー色の変更プロパティが指定されているからだと思います。
そちらを消してみてください。
テンプレートのご利用ありがとうございます。
まずHTMLテンプレート内に記述するのではなく、スタイルシート内に
html, body {
scrollbar-base-color: #393939;
}
このように記述してあげてください。
変化しないのはフリーエリア内にスクロールバー色の変更プロパティが指定されているからだと思います。
そちらを消してみてください。
テンプレートを使わせていただきます。
少し自分なりに色変えたり文字の大きさ変えました。
以上報告まで。
少し自分なりに色変えたり文字の大きさ変えました。
以上報告まで。
へんくつにんさんはじめまして。
ご利用報告ありがとうございます。
ご利用報告ありがとうございます。
cieさん、こんちには。
アドバイスいただき、ありがとうございました。
無事、カラー変更することが出来ましたのでご報告にあがりました。
シンプルで素敵なテンプレート、末永く使わせていただきます･･･！
アドバイスいただき、ありがとうございました。
無事、カラー変更することが出来ましたのでご報告にあがりました。
シンプルで素敵なテンプレート、末永く使わせていただきます･･･！
愛用させて頂いています。
早速ですが、写真を横並びに配置するにはどうしたら良いのでしょうか。
記事を書くとき<br clear="all">を削除してもうまく行かないのですが。
早速ですが、写真を横並びに配置するにはどうしたら良いのでしょうか。
記事を書くとき<br clear="all">を削除してもうまく行かないのですが。
そうぱぱさんはじめまして。
ご愛用頂きましてありがとうございます。
写真(画像)を横並びにするには、自動で改行が入るような設定にされている場合。
<img src="uri" /><img src="uri" /><img src="uri" />
というように改行せずに画像タグを並べてみてください。
ご愛用頂きましてありがとうございます。
写真(画像)を横並びにするには、自動で改行が入るような設定にされている場合。
<img src="uri" /><img src="uri" /><img src="uri" />
というように改行せずに画像タグを並べてみてください。
ありがとうございます！
何とか出来ました。
さんざん考えていたのですが、自動改行設定までは気が付きませんでした。
すっきりしました。
何とか出来ました。
さんざん考えていたのですが、自動改行設定までは気が付きませんでした。
すっきりしました。
テンプレート使わせていただきました。
かわいいです。ありがとうございました
かわいいです。ありがとうございました
Posted by maico at 2007.03.01 13:30 | 編集
はじめまして。テンプレート素敵ですね。
使わせて頂きます。
質問なのですが、カレンダーを１つにする方法は
ありますか？
お願い致します。
使わせて頂きます。
質問なのですが、カレンダーを１つにする方法は
ありますか？
お願い致します。
tamagoさんはじめまして。テンプレートのご利用ありがとうございます。
プラグインのカレンダーを外すか、HTMLテンプレートの
<!-- カレンダー --> から <!-- カレンダー END --> までを削除して保存しなおしてみてください。
プラグインのカレンダーを外すか、HTMLテンプレートの
<!-- カレンダー --> から <!-- カレンダー END --> までを削除して保存しなおしてみてください。
こんにちは！
大きめの写真を掲載したくて、ずっと可変のテンプレートを探していました。
やっと素敵なものにめぐり合えて嬉しく思っています。
質問があるのですがよろしいでしょうか？
■最近のコメント欄で、
現状は【人：コメントした記事の題名】
になっていますよね？？
これを、
【人：コメントの文最初の何文字か】
例えば、今僕のコメントでしたら、
【yaso：こんにちは！ 大き･･･】
のようにしたいのです。
方法がありましたら教えていただけないでしょうか？
質問が重複してしまっていたら申し訳ございません。
お暇な時で結構ですので、お答えいただけたら幸いです。
宜しくお願いします！
大きめの写真を掲載したくて、ずっと可変のテンプレートを探していました。
やっと素敵なものにめぐり合えて嬉しく思っています。
質問があるのですがよろしいでしょうか？
■最近のコメント欄で、
現状は【人：コメントした記事の題名】
になっていますよね？？
これを、
【人：コメントの文最初の何文字か】
例えば、今僕のコメントでしたら、
【yaso：こんにちは！ 大き･･･】
のようにしたいのです。
方法がありましたら教えていただけないでしょうか？
質問が重複してしまっていたら申し訳ございません。
お暇な時で結構ですので、お答えいただけたら幸いです。
宜しくお願いします！
Posted by yaso at 2007.10.02 07:32 | 編集
使わせていただいております。
画像の回りの白枠を取りたいのですが。。。
教えていただけたら幸いです。
画像の回りの白枠を取りたいのですが。。。
教えていただけたら幸いです。
Posted by れー at 2008.11.01 00:37 | 編集
新しく作ったFC2でのブログで使ってます、ありがとうございます！
このコメントは管理者の承認待ちです
Posted by at 2010.01.17 01:50 | 編集
このコメントは管理者の承認待ちです
Posted by at 2010.04.14 15:00 | 編集
このコメントは管理者の承認待ちです
Posted by at 2010.07.11 15:01 | 編集
このコメントは管理人のみ閲覧できます
Posted by at 2010.09.06 15:58 | 編集
このコメントは管理人のみ閲覧できます
Posted by at 2010.09.06 20:16 | 編集
このコメントは管理者の承認待ちです
Posted by at 2014.04.26 11:38 | 編集
この記事へコメントする
| HOME |
