共有テンプレート | 太陽☆月の気になったこと

ホーム > スポンサー広告 > スポンサーサイトFC2 > 共有テンプレート

 | 全記事一覧 | 

良評判 PR 

スポンサーサイト

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

共有テンプレート

 ユーザーさんから、「IE以外でもグラデーションを」とのご要望がありましたので、表示出来るように、こちらのページを作成しました。(かなり対応遅いです汗)

 最近のブラウザ(複数)での表示を確認しましたが、出来なかったらごめんなさい。

 既にカスタマイズしている方は、失敗した時の為にも、複製してから行うか、ローカルに複数のバックアップ(推奨)をしてから作業して下さい。

 方法ですが、下記のオレンジ色の部分を削除して、緑色の部分をスタイルシートに追加して下さい。そして、☆数字☆の部分に該当する画像を右クリックからローカルに保存して、貴サイトのサーバーへアップロードし、そのURLを入力して下さい。

 固定リンク画面(blog-entry-x.html)と、コメント編集画面での表示速度を優先したい方は、ブログの管理画面>テンプレートの設定>お使いのテンプレート名の右の方の編集>HTMLの編集内の、<!--コメントここから-->~<!--/コメントここまで-->と、<!--コメント編集ここから-->~<!--/コメント編集ここまで-->の中の、<dd><script type="text/javascript" src="http://blog<%server_no>.fc2.com/load.js"></script></dd>(コメントの絵文字機能等の部分)を、削除して下さい。

 記述に誤りがありましたら、お知らせ頂けると幸いです。

 また、他の色でカスタマイズしたい方(のんびり待てる方)がおられましたら、お名前と貴サイトのURL、そして、ご希望のグラデーション色(パターンは上下方向のみで、上下どちらをぼかすのか等)を記述して下さい。こちらのページに作成した画像のURLを載せます。

 その他のカスタマイズについては、当方未熟な為、FC2ブログ ユーザーフォーラムのほうにお願いします(簡単なことでしたら答えられます)。

更新履歴
  • 更新日:2007年7月23日
    •  上部フリーエリア内に、カテゴリー一覧を追加
    •  h1#site_banner、.main_column_head、h3.side_column_headの文字サイズ、行間を変更
  • 更新日:2007年7月22日
    •  コメントタイトルにid付加
    •  日付表示別、カテゴリー別、検索結果、タグ検索結果、全記事一覧を改善
    •  パンくずリスト、全記事ナビ追加
    •  記事フッターリスト→pタグに戻し、h1#に合わせる
    •  h1タグ内改変
    •  headタグ内改善
  • 更新日:2007年7月15日
    •  記事フッター、横カレンダー、FC2運営側広告部分リスト化
  • 更新日:2007年7月12日
    •  上下のフリーエリアを個別に設定できるよう、id化
    •  記事の編集へのリンクと日付部分を分離
    •  記事部分の文字サイズ変更と、p要素にも反映するよう、修正
  • 更新日:2007年7月11日
    •  IE7での見栄えを若干修正(h1#page_topの部分)

gradation_3c_lgrlyegradation3c_lgrlye_a

h1#site_banner {

width: 902px;/* 幅 */(gradation_3c_lgrlye)

width: 95%;/* 幅 */(gradation3c_lgrlye_a)

font-size: 220%;/* 文字サイズ */

line-height: 410%;/* 行間調整 */

text-align: left;/* 文字列揃え */

letter-spacing: 0.3em;/* 文字間調整 */

background-color: #0E1468;/* 背景色 */

margin: 0.5em auto 0;/* 外側余白調整 上 左右 下 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆1☆");

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0E1468, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


.main_column_head {

font-size: 138%;/* 文字サイズ */

text-align: left;/* 文字列揃え */

background-color: #0E1468;/* 背景色 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆2☆");

width: 100%;/* 幅 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0E1468, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


h3.side_column_head {

font-size: 110%;/* 文字サイズ */

background-color: #0E1468;/* 背景色 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆2☆");

width: 100%;/* 幅 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0E1468, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


gradation_3c_gralpigradation3c_gralpi_a

h1#site_banner {

width: 902px;/* 幅 */(gradation_3c_gralpi)

width: 95%;/* 幅 */(gradation_3c_gralpi_a)

font-size: 220%;/* 文字サイズ */

line-height: 410%;/* 行間調整 */

text-align: left;/* 文字列揃え */

letter-spacing: 0.3em;/* 文字間調整 */

margin: 0.5em auto 0;/* 外側余白調整 上 左右 下 */

background-color: #F8D2E3;/* 背景色 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆3☆");

background-color: #FAE1E9;/* 背景色 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF8D2E3, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


.main_column_head {

font-size: 138%;/* 文字サイズ */

text-align: left;/* 文字列揃え */

background-color: #F8D2E3;/* 背景色 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆4☆");

width: 100%;/* 幅 */

background-color: #FAE1E9;/* 背景色 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF8D2E3, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


h3.side_column_head {

font-size: 110%;/* 文字サイズ */

background-color: #F8D2E3;/* 背景色 */

background-repeat: repeat-x;

background-position: left bottom;

background-image: url("☆4☆");

width: 100%;/* 幅 */

background-color: #FAE1E9;/* 背景色 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFF8D2E3, endcolorstr=#FFFFFFFF, gradienttype=0);/* IE用グラデーション背景色 */

}


div#footer {

background-color: #F8D2E3;/* 背景色 */

background-repeat: repeat-x;

background-position: left top;

background-image: url("☆5☆");

width: 100%;/* 幅 */

background-color: #FAE1E9;/* 背景色 */

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFFFFF, endcolorstr=#FFF8D2E3, gradienttype=0);/* IE用グラデーション背景色 */

}


スポンサーサイト

コメント

この記事へのコメント

コメントを投稿する

管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック

文字拡大ツール

ブログ内検索

カテゴリー

タグ検索リスト

最近のトラックバック

TSUKUMOランキング

 目次

☆最近気になった記事
2007年6月
2007年7月
2007年8月
2007年9月
2007年10月
2007年11月
2007年12月
☆FC2
共有テンプレート
☆備忘録
└作成中
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。