制作者より

非常にシンプルな1カラムのCSSデザインテンプレートです。教材 買取ギャラリーサイトや写真を並べるのにはちょうどよいシンプルさだと思います。blogのデザインとしてもよいですよね。

デザイン的には個人サイト向けなのですが、商用サイトでもお使いいただけるので、商用サイト向けのCSSデザインプレートのカテゴリに入れました。

完全幅固定タイプです。全体的な横幅は740pxで、左右にそれぞれ20pxの余白を設けています。

このテンプレートはやフリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」のようなミニマムなアイコンがすごく似合うと思います。楽器の買取でお悩みなら上部のアイコンは当サイトのオリジナルになります。もし他のサイトで配布しているアイコンを使用する場合は、それぞれのライセンス規約にしたがって使用してください。

カスタマイズについて

カスタマイズはご自由になさってください。
制限はありません。

その他、不具合などございましたら
CoolWebWindowにお知らせください。優光泉酵素の口コミや評価について

画像について

画像はCoolWebWindow作です。色の変更などの編集も可能です。ご自由にお使いください。

ページ上部への戻りリンクについて

ページ上部への戻りは、JavaScriptを用いて、なめらかにスクロールしながら移動するようにしております。

カスタマイズ家電買取 について

カスタマイズはご自由になさってください。
制限はありません。

その他、不具合などございましたら
CoolWebWindowにお知らせください。

サンプルタグについて

以下、サンプルタグになります。ご利用の際は参考にしてみてください。

INFORMATION

2009-04-28
○○新聞 オークション 出品代行に取材を受けました。
2009-04-24
休業のお知らせ。誠に勝手ながら5月2日から6日まで長期休暇日とさせていただきます。ご了承ください。

パソコン 引き取り

h3タグ

h4タグ

h5タグ
h6タグ

強調(em) より強い強調(strong) 追加(ins) 削除(del)
テキストアンカー

リスト

普通のリスト

番号付きリスト

  1. 番号付きリスト1
  2. 番号付きリスト資格教材は買取してもらう2
  3. 番号付きリスト3
    li要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。

定義リスト

定義リスト1
定義した用語の説明
定義リスト2
定義した用語の説明
定義リスト3
定義した用語の説明
dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。

テーブル

見出し1見出し2見出し3見出し4見出し5
セル1セル2セル3セル4セル5
セル1セル2セル3セル4セル5
セル1セル2セル3セル4セル5

フォトサンプル

小さなお花が咲きました。

blog記事やフォトギャラリーを想定して制作しました。写真をポラロイド風にします。写真の後ろの段落は回り込むようにしてあります。

写真の横幅は固定してください。サンプルでは、横200pxの画像を使用しています。指定する幅は写真+ボーダー2px+余白20px(左右10pxずつ)の計222pxになります。

枠の色はCSSで指定してあるので自由に色を変えることができます。影の部分は画像を使用しています。

次の要素も回り込むので、回り込みをしたくない場合は、回り込みを解除してください。

下のように相互はてなブックマークするなら写真を並べることも出来ます。そのような場合は、ulに「class="pola"」を指定してください。ここはinline-bloackを使って横並びにしているので、ブラウザの仕様のためどうしても半角分のスペースが空いてしまいます。それを回避したい場合は、ulに「letter-spacing:-0.4em」を指定して隙間を埋めることができます。サンプルでは左側に余白を設けたいので、marginで10pxの隙間を空けています。ああ、でもブラウザチェックしててOperaで修正されていないことに気づきました。とりあえずOperaは保留です。HTMLソースコードを変更すると何とかなりますけども・・・英会話教材 買取

下にテキストを書いても、きちんと回り込みが解除されて表示されます。 相互はてなブックマーク

ページのトップへ戻る