テンプレンジャー

デザインD-7,D-8の不具合について

Web Master — Tue, 02 Jun 2009 01:00:12 +0000

デザインD-7シリーズ及びD-8シリーズに不具合がありましたのでDL後に修正をお願い致します。

不具合箇所：[このページの先頭へ]部分。IEで文字の上部が切れて表示される。

修正：CSSファイル[ style.css ]の下記部分を変更して下さい。

/*
============================
アンダーナビブロック内の各要素指定 [7]
============================
*/

/* 特に変更の必要なし */
#undernavi p {
  text-align: right;
  line-height: 1; --- ここを削除
  height: ***;
  margin: ***;
  padding: ***;
}

この投稿にタグはありません。

デザインD-8-4 3カラム

Web Master — Tue, 26 May 2009 02:56:15 +0000

3カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

ダウンロード後すぐに利用できます。（コンテンツはご自身で入力して下さい）ヘッダー画像の入れ換え、横幅の変更など簡単にカスタマイズできます。CSS指定が初めてでも極力レイアウトを崩さないように段組みしてあります。Web標準仕様に準拠したテンプレートです。商用利用を前提とした無料ホームページテンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
3カラム

キーワードで並べ替え：
デザイン3カラム

デザインD-8-3 2カラム右サイドバー

Web Master — Tue, 26 May 2009 02:55:02 +0000

2カラム右サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムright

キーワードで並べ替え：
デザイン2カラム

デザインD-8-2 2カラム左サイドバー

Web Master — Tue, 26 May 2009 02:54:08 +0000

2カラム左サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムleft

キーワードで並べ替え：
デザイン2カラム

デザインD-8-1 1カラム

Web Master — Tue, 26 May 2009 02:53:12 +0000

1カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
1カラム

キーワードで並べ替え：
デザイン1カラム

デザインD-7-4 3カラム

Web Master — Mon, 25 May 2009 15:01:11 +0000

3カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
3カラム

キーワードで並べ替え：
デザイン3カラム

デザインD-7-3 2カラム右サイドバー

Web Master — Mon, 25 May 2009 14:59:40 +0000

2カラム右サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムright

キーワードで並べ替え：
デザイン2カラム

デザインD-7-2 2カラム左サイドバー

Web Master — Mon, 25 May 2009 14:57:45 +0000

2カラム左サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムleft

キーワードで並べ替え：
デザイン2カラム

デザインD-7-1 1カラム

Web Master — Mon, 25 May 2009 14:54:43 +0000

1カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
1カラム

キーワードで並べ替え：
デザイン1カラム

デザインD-6-4 3カラム

Web Master — Wed, 22 Apr 2009 04:04:33 +0000

3カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
3カラム

キーワードで並べ替え：
デザイン3カラム

デザインD-6-3 2カラム右サイドバー

Web Master — Wed, 22 Apr 2009 04:02:46 +0000

2カラム右サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムright

キーワードで並べ替え：
デザイン2カラム

デザインD-6-2 2カラム左サイドバー

Web Master — Wed, 22 Apr 2009 04:00:15 +0000

2カラム左サイドバータイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
2カラムleft

キーワードで並べ替え：
デザイン2カラム

デザインD-6-1 1カラム

Web Master — Wed, 22 Apr 2009 03:57:26 +0000

1カラムタイプの(x)HTML+CSSホームページ用テンプレートです。

DLの際に下記コメントフォームに一言コメントをいただけると喜びます。

キーワードで並べ替え：
1カラム

キーワードで並べ替え：
デザイン1カラム

全体の幅を広げる

Web Master — Mon, 20 Apr 2009 07:15:58 +0000

デザインテンプレート、及び、ホームページテンプレート枠の全体の幅を変更します。（広くします）

DL時の横幅は860pxです。以下で900pxに変更します。

デザインテンプレート

CSSファイルの以下の部分です。

base-layout.css

/*
=========================================================================
                                               全体の幅指定と共通指定部分
========================================================================*/

body {
  text-align: center;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
}

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 860px;/* ここを変更 */ --- この部分です
}

#globalnavi { width: 858px; } --- 合わせてここも

/* 以下変更不要 */
#container { width: 100%; }

#undernavi { clear: both; }

#footer {
  width: 100%;
  height: 130px;
}
---------------------------------------------------

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 900px;/* ここを変更 */
}

#globalnavi { width: 898px; }

ホームページテンプレート枠

CSSファイルの以下の部分です。下記はリキッドレイアウトのCSSです。

wm-base-layout.css

/*
[3-1] 全体の横幅 及び 基本的な段組みを指定
-----------------------------------------------------------------------
#wrapper { width: 90%; }部分が全体の幅となります。
-----------------------------------------------------------------------*/

/* 全体の幅 */
#wrapper { width: 90%; } --- この部分です

---------------------------------------------------

/* 全体の幅 */
#wrapper { width: 900px; }

キーワードで並べ替え：
カスタマイズwrapper

ヘッダー内ロゴ及びH1部分

Web Master — Mon, 20 Apr 2009 04:30:12 +0000

デザインテンプレート、及び、ホームページテンプレート枠のヘッダー内、ロゴ部分とトップレベルキーワード部分の配置などを変更します。

デザインテンプレート、及び、ホームページテンプレート枠のヘッダー内、ロゴ部分とトップレベルキーワード部分は絶対配置です。上下左右に細かな設定が可能です。

デザインテンプレート

CSSファイルの以下の部分です。

style.css

/*
=========================================================================
                                           各要素のフォントサイズ指定 [2]
=========================================================================
body { font-size: 85%; } 部分が全体のフォントサイス（ベース）となります。
各要素はbody { font-size: 85%; } を基準とした場合のサイズです。
-----------------------------------------------------------------------*/

body { font-size: 85%; }

/*--------------------------------
 ヘッダー部分
----------------------------------*/

/* ロゴ */
.logo { font-size: 160%; } --- 文字の大きさ

/* トップレベルキーワード */
h1 { font-size: 100%; } --- 文字の大きさ

/*
=========================================================================
                                       ヘッダーブロック内の各要素指定 [4]
=========================================================================
[4-1]トップレベルキーワードの指定
[4-2]ロゴ部分の指定
[4-3]ロゴ部分のリンク色指定
[4-4]ロゴ部分のマウスオーバー時の指定
[4-5]概要部分の指定
[4-6]グローバルナビゲーションの指定
[4-7]会社概要などのリンク部分の指定
------------------------------------------------------------------------*/

/*
[4-1]トップレベルキーワードの指定
------------------------------------------------------------------------*/
h1 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #666; --- 文字の色
  position: absolute;
  top: 20px; --- 上下の配置
  left: 0; --- 左右の配置
}

/*
[4-2]ロゴ部分の指定
------------------------------------------------------------------------*/
.logo {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 35px; --- 上下の配置
  left: 0; --- 左右の配置
}

/*
[4-3]ロゴ部分のリンク色指定
------------------------------------------------------------------------*/
#header .logo a {
  text-decoration: none;
  color: #000000; --- リンクカラー
  background-color: transparent;
}

/*
[4-4]ロゴ部分のマウスオーバー時の指定
------------------------------------------------------------------------*/
#header .logo a:hover {
  text-decoration: none;
  color: #9f0; --- リンクカラー
  background-color: transparent;
}

ホームページテンプレート枠

CSSファイルの以下の部分です。

wm-base-layout.css

/*
=========================================================================
                                       ヘッダーブロック内の各要素指定 [4]
=========================================================================
[4-1]トップレベルキーワードの指定
[4-2]ロゴ部分のフォントサイズと配置
[4-3]ロゴ部分のリンク色
[4-4]ロゴ部分のロールオーバー時指定
[4-5]概要部分の指定
----------------------------------
[4-6]グローバルナビゲーションの指定
------------------------------------------------------------------------*/

/*
[4-1]トップレベルキーワードの指定
------------------------------------------------------------------------*/
h1 {
  font-size: 100%; --- 文字の大きさ
  font-weight: normal;
  position: absolute;
  top: 5px; --- 上下の配置
  right: 20px; --- 左右の配置
}

/*
[4-2]ロゴ部分のフォントサイズと配置
------------------------------------------------------------------------*/
.logo {
  font-size: 160%; --- 文字の大きさ
  position: absolute;
  top: 25px; --- 上下の配置
  left: 20px; --- 左右の配置
}

/*
[4-3]ロゴ部分のリンク色
------------------------------------------------------------------------*/
#header .logo a {
  text-decoration: none;
  color: #000; --- リンクカラー
  background-color: transparent;
}

/*
[4-4]ロゴ部分のロールオーバー時指定
------------------------------------------------------------------------*/
#header .logo a:hover {
  text-decoration: none;
  color: #f00; --- リンクカラー
  background-color: transparent;
}

キーワードで並べ替え：
カスタマイズheader

テンプレンジャー

デザインD-7,D-8の不具合について

関連する投稿

デザインD-8-4 3カラム

関連する投稿

デザインD-8-3 2カラム右サイドバー

関連する投稿

デザインD-8-2 2カラム左サイドバー

関連する投稿

デザインD-8-1 1カラム

関連する投稿

デザインD-7-4 3カラム

関連する投稿

デザインD-7-3 2カラム右サイドバー

関連する投稿

デザインD-7-2 2カラム左サイドバー

関連する投稿

デザインD-7-1 1カラム

関連する投稿

デザインD-6-4 3カラム

関連する投稿

デザインD-6-3 2カラム右サイドバー

関連する投稿

デザインD-6-2 2カラム左サイドバー

関連する投稿

デザインD-6-1 1カラム

関連する投稿

全体の幅を広げる

デザインテンプレート

ホームページテンプレート枠

関連する投稿

ヘッダー内ロゴ及びH1部分

デザインテンプレート

ホームページテンプレート枠

関連する投稿