StandardTypeF

このテンプレートについて

このテンプレートは、レイアウトというよりも、汎用性を重視したつくりをしています。
最近の流れであるhtml + cssというコーディングを重視し、 システムにやさしいコーディングを心がけました。

---

基本的な構造とファイルの概要について

CSS,JSの構造

1.基本的な構造

レイアウトの基本スタイル

xxxx.html

• cmn_import.css
  • reset.css ※タグスタイルリセット用css
  • cmn_layout.css ※レイアウト用css
  • cmn_layout_3col.css ※レイアウト用css(3colの場合）
    テンプレートではインポート設定済み。場合によりbody.col3の設定とdiv.sideBの追加（#contents下）
    このテンプレートは、ベースの領域サイズは２カラムのものを標準としているため、変更部分のみカスケード（上書き）
  • cmn_global.css ※ヘッダ、フッタ、サイドナビなど共通定義
  • cmn_font.css ※フォントサイズ定義
  • cmn_main.css ※メイン領域のスタイル
  • hack_ie55win.css
  • hack_macie.css
  • hack_ie50win.css
• cmn_print.css　※共通プリントスタイル
• import.css ※各ページ特有ユニークのスタイルを記述
  • top.css
• base.js

css記述の順番と注意事項

［記述の順番］

（1）cmn_layout.css　※基本レイアウト・共通部分CSS（モダンブラウザ）
（1）cmn_global.css　※グローバルナビゲーション、サイドナビゲーション
（1）cmn_main.css　※メイン領域の基本スタイルの設定
（2）cmn_font.css　※フォントCSS（共通）

▼（バグ修正）▼

（3）hack_ie55win.css　※winIE5.0-5.5のバグ修正用CSS
（3）hack_macie.css　※macIE5.xのバグ修正用CSS
（4）hack_ie50win.css　※macIE5.xのバグ修正用CSS　hack_ie55win.cssを上書きする形　必要ならば書き加える

［特記事項］
フォントサイズ・リンクカラーの指定は
基本的にはfont.css内のクラスで行う。（fsやlhなど）

IE6
＊html セレクタ{}

IE7
*+html　セレクタ{}

Safari
/* safari only \*/
html:\66irst-child セレクタ{}
/* end */

モダンブラウザ（Firefox,safari,opera)
html[xmlns]　セレクタ{}

2.base.jsについて

• スムーズスクロール
• fireworksで書き出されるロールオーバーを記述
• Flashアクティブ化を防ぐスクリプトを記述
• height line.js

3.3カラムの変更

1. 1カラムテンプレート
2. 2カラムテンプレート
3. 3カラムテンプレート

各スタイルサンプル

sup,blockquote,hrなど時に使うタグ

GI^Fアニメーションというのは、僕がWEBの世界に入った頃には少しずつ消えかかっていた言葉だけど、ちょっと試しにcssの背景画像として使っているサイトがあったので、試しに何個か作って見ました。
インラインのaタグで何とか今までと違ったものを・・・というのが理想的でしたが、点滅させるくらいしか思い当たらず、結局ブロックのaタグで一番したかった事を試す。 515m₂ GI^Fアニメーションというのは、僕がWEBの世界に入った頃には少しずつ消えかかっていた言葉だけど、ちょっと試しにcssの背景画像として使っているサイトがあったので、試しに何個か作って見ました。
インラインのaタグで何とか今までと違ったものを・・・というのが理想的でしたが、点滅させるくらいしか思い当たらず、結局ブロックのaタグで一番したかった事を試す。 515m₂

Take garbage out to the specific collection sites on the specified dates between 6:00am and 8:30am, following the municipal garbage collection schedule. 　Leaving garbage on dates other than the specified dates and breaking the rules cause inconvenience to the residents near the collection sites. http://www.show-hey.com/download/roll.ziphttp://www.show-hey.com/download/roll.ziphttp://www.show-hey.com/download/roll.zip Maintain good management of the collection sites with the cooperation of the whole community. 　Business owners are required to have their waste disposed of by a professional garbage collecting company or take it to the municipal refuse disposal facilities. cooperation of the whole community. 　Business owners are required to have their waste disposed of by a professional garbage collecting company or take it to the municipal refuse disposal facilities.

テストページ
http://www.show-hey.com/download/roll/
zipファイル
http://www.show-hey.com/download/roll.zip

リンクを作成

stDを更新しました。ここに説明文を表示

リンクを作成

stDを更新しました。ここに説明文を表示

リンクを作成

stDを更新しました。ここに説明文を表示

リンクスタイル

通常のリンク 通常のリンク（別ウィンドウ） 通常のリンク（MAP） RSS PDFボタンリンク

モジュールライブラリ

リストとフロート

• 1カラムテンプレート
• 2カラムテンプレート
• 3カラムテンプレートddd
• 1カラムテンプレート
• 2カラムテンプレート
• 3カラムテンプレート

ページトップとフォントサイズの使用例（.fs10,.fs11,.fs12,.fs14,.fs16,.fs18, .cap）

それでも桑田は腐らない

現地時間８月１４日、パイレーツの桑田真澄に戦力外通告。ここまで１９試合を投げて０勝１敗、防御率９.４３と結果を出せなかった。

　故障者続出で野手が足りず、しかも下位低迷で若手を試したいチーム状況を考えても、フロントの決断は仕方なかっただろう。後半戦の桑田は苦しい投球ばかりだったと言うが、だとすれば降格はむしろ遅すぎたぐらいだ。
メジャーリーグはハリウッド映画ではない。だから、心温まるストーリーも毎回絵に描いたようなラストを迎えるとは限らないのだ。

　もっとも、賢明な桑田なら、あるいはこんな結末があり得ることもある程度は予期していたのかもしれない。今月初めの取材時、すでに苦しい立場になりつつあった本人に、マイナー落ちへの危機感について尋ねてみたことがあった。

　「落ちるときは落ちるし、落ちないときは落ちない。そんなのは誰にも分からないですよ。完ぺきな人間は一人もいないんですから」。

軽く笑顔すら浮かべ、桑田はまるで達観したような口調でそう語った。その姿からは、やることはすべてやった人間の覚悟のようなものが感じられた。マウンドで常に全力を尽くして、これで駄目なら仕方ない――。

もちろん、現時点で桑田が今回の戦力外通告を心底どう受け止めているかは分からない。メジャー１勝は実現しなかったし、シーズンを最後まで務め上げることもできなかった。悔いがまったくないはずはないだろう。

テーブルのスタイル

レイアウトスタイル

サムネイルリスト

フロートボックス

それでも桑田は腐らない

現地時間８月１４日、パイレーツの桑田真澄に戦力外通告。ここまで１９試合を投げて０勝１敗、防御率９.４３と結果を出せなかった。

　故障者続出で野手が足りず、しかも下位低迷で若手を試したいチーム状況を考えても、フロントの決断は仕方なかっただろう。後半戦の桑田は苦しい投球ばかりだったと言うが、だとすれば降格はむしろ遅すぎたぐらいだ。
メジャーリーグはハリウッド映画ではない。だから、心温まるストーリーも毎回絵に描いたようなラストを迎えるとは限らないのだ。

　もっとも、賢明な桑田なら、あるいはこんな結末があり得ることもある程度は予期していたのかもしれない。今月初めの取材時、すでに苦しい立場になりつつあった本人に、マイナー落ちへの危機感について尋ねてみたことがあった。

　「落ちるときは落ちるし、落ちないときは落ちない。そんなのは誰にも分からないですよ。完ぺきな人間は一人もいないんですから」。

軽く笑顔すら浮かべ、桑田はまるで達観したような口調でそう語った。その姿からは、やることはすべてやった人間の覚悟のようなものが感じられた。マウンドで常に全力を尽くして、これで駄目なら仕方ない――。

heightline.js

heightline.js