スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2006.07.18

ink

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使用時の文字サイズ:中

スポンサーサイト

Posted at 23:52 | Template | COM(23) | TB(0)
この記事へのトラックバックURL
http://cie.blog11.fc2.com/tb.php/33-1c641e4e
この記事へのトラックバック
この記事へのコメント
テンプレート、一目ぼれしました。
お借りしました。
タイトル部分に画像を、入れたいと思いまして
質問させていただきました。
ちなみにhttp://www16.ocn.ne.jp/~azi1120/imageburo.gif

どうぞ、宜しくお願いします。
Posted by えま at 2006.07.22 02:07 | 編集
えまさんはじめまして。
テンプレートのご利用ありがとうございます。

> タイトル部分に画像を、入れたいと思いまして
テンプレートの編集→"スタイルシート"を編集してください。

#banner { ~ }の間に
background-color: transparent;
という記述がありますのでその上に
background: url(http://www16.ocn.ne.jp/~azi1120/imageburo.gif) no-repeat;
と入力→保存。
これだけでタイトル部分にご指定の背景画像が表示されるようになります。(確認してみてください)

ただこのままですとブラウザ幅により画像がサイドメニューに掛かってしまいますので
おなじ #banner { }中に
width: 70%;
と入れてあげてください。
あと、タイトル文字が人形の写真とかぶって見づらくなってしまいますので
text-align: right;
もあわせて入れてあげると良いかもしれません。
Posted by cie at 2006.07.22 07:22 | 編集
管理人様、有難うございました。
早速、変更しました 感激[泣]

バックの色と、文字サイズ少し変えましたが
末永く、使用させて頂きます。
今回の新作も、素晴らしいですね、涼しげで、大好きです。
どうも、有難う御座いました。
Posted by えま at 2006.07.23 00:36 | 編集
cieさま、はじめまして。先日よりこちらのテンプレートをお借りしています。
シンプルでとても素敵なデザインですね!
スクロールバーの色を変えたいと思い、<head></head>内に
<style type="text/css"><!--
html, body { scrollbar-base-color: #393939; }
--></style>
と追記したのですが、どうも上手く反映されません。
どのようにすればよいか、アドバイスいただけたら嬉しいです。
どうぞよろしくお願いいたします。
Posted by mio at 2006.08.07 21:12 | 編集
mioさんはじめまして。
テンプレートのご利用ありがとうございます。

まずHTMLテンプレート内に記述するのではなく、スタイルシート内に
html, body {
scrollbar-base-color: #393939;
}

このように記述してあげてください。

変化しないのはフリーエリア内にスクロールバー色の変更プロパティが指定されているからだと思います。
そちらを消してみてください。
Posted by cie at 2006.08.08 23:09 | 編集
テンプレートを使わせていただきます。
少し自分なりに色変えたり文字の大きさ変えました。
以上報告まで。
Posted by へんくつにん at 2006.08.09 07:19 | 編集
へんくつにんさんはじめまして。
ご利用報告ありがとうございます。
Posted by cie at 2006.08.11 08:17 | 編集
cieさん、こんちには。
アドバイスいただき、ありがとうございました。
無事、カラー変更することが出来ましたのでご報告にあがりました。
シンプルで素敵なテンプレート、末永く使わせていただきます・・・!
Posted by mio at 2006.08.13 12:06 | 編集
愛用させて頂いています。

早速ですが、写真を横並びに配置するにはどうしたら良いのでしょうか。
記事を書くとき<br clear="all">を削除してもうまく行かないのですが。
Posted by そうぱぱ at 2006.09.25 18:44 | 編集
そうぱぱさんはじめまして。
ご愛用頂きましてありがとうございます。

写真(画像)を横並びにするには、自動で改行が入るような設定にされている場合。
<img src="uri" /><img src="uri" /><img src="uri" />
というように改行せずに画像タグを並べてみてください。
Posted by cie at 2006.09.25 23:29 | 編集
ありがとうございます!

何とか出来ました。
さんざん考えていたのですが、自動改行設定までは気が付きませんでした。
すっきりしました。
Posted by そうぱぱ at 2006.09.26 22:03 | 編集
テンプレート使わせていただきました。
かわいいです。ありがとうございました
Posted by maico at 2007.03.01 13:30 | 編集
はじめまして。テンプレート素敵ですね。
使わせて頂きます。
質問なのですが、カレンダーを1つにする方法は
ありますか?

お願い致します。
Posted by tamago at 2007.05.07 13:40 | 編集
tamagoさんはじめまして。テンプレートのご利用ありがとうございます。

プラグインのカレンダーを外すか、HTMLテンプレートの
<!-- カレンダー --> から <!-- カレンダー END --> までを削除して保存しなおしてみてください。
Posted by cie at 2007.05.08 00:11 | 編集
こんにちは! 
大きめの写真を掲載したくて、ずっと可変のテンプレートを探していました。
やっと素敵なものにめぐり合えて嬉しく思っています。
質問があるのですがよろしいでしょうか?


■最近のコメント欄で、
現状は【人:コメントした記事の題名】
になっていますよね??
これを、
【人:コメントの文最初の何文字か】
例えば、今僕のコメントでしたら、
【yaso:こんにちは! 大き・・・】
のようにしたいのです。

方法がありましたら教えていただけないでしょうか?

質問が重複してしまっていたら申し訳ございません。
お暇な時で結構ですので、お答えいただけたら幸いです。
宜しくお願いします!

Posted by yaso at 2007.10.02 07:32 | 編集
使わせていただいております。
画像の回りの白枠を取りたいのですが。。。
教えていただけたら幸いです。
Posted by れー at 2008.11.01 00:37 | 編集
新しく作ったFC2でのブログで使ってます、ありがとうございます!
Posted by お名前無し at 2008.12.22 21:01 | 編集
このコメントは管理者の承認待ちです
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 | 編集
この記事へコメントする

ご利用のブラウザ、設定ではご利用になれません。
  コメントが反映されない現象が起こっているようですので お手数ですが「書込」ボタンを押される前に本文を全てコピーしておいて下さい。
書き込み後はコメントが反映されているかどうか確認をお願い致します。
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。