以下はこのゑぶサイト的テンプレートで使っている Cascading Style Sheet です。
htmlソースのヘッドに直接書き込むスタイルでファイルを置いているので、わざわ
ざ引っ張りだすことでもないんですけど。テンプレートとしてはリンキングスタイ
ルにする外部配置よりこの方がお手軽C&Pできて使い勝手が良いと思いって。
ところでこのページは掟破りの邪道文法ソース満載です (^^ゞ
<STYLE type="text/css">
<!--
BODY {font-family: "MS ゴシック"; line-height: 21px; color: #2a2a2a;
background-color: #b2b2b2; background-image: url(images/bgcolor3.gif);
margin-top: 20px; margin-right: 60px; margin-bottom: 20px; margin-left: 60px;}
/* リンクに関するスタイル設定 */
A:link { color:#ff0000; text-decoration:none; }
A:hover,active { color:#0069d6; }
A:visited { text-decoration:none; }
H1:first-letter { color:#ffffff; background-color:#2a2a2a; padding-left:8px; padding-right:8px; }
.kakomi_midashi{
text-align:center;
font-family: "DFPクラフト墨W9";←やっぱ問題はフォント指定が端末依存ちゅうことやね
border-style:outset;
padding:10px;}
.jimon_midashi{
text-align:left;
font-family: "HGゴシックE-PRO";
padding:3px;
padding-left:15px;}
DIV.google {
padding-top: 10px;
padding-bottom: 30px;
padding-left: 100px;}
TD.caption {
height: 60px;
text-align: center;
color: #000000;
text-decoration: underline;}
TD.left_s {
font-size: small;
color: #0000c2;
text-align:left;}
.left {text-align:left;} ┓
.center {text-align:center;} ┃
.right {text-align:right;} ┃
.lmar10 {padding-left:10px;} ┃
.lmar20 {padding-left:20px;} ┃
.lmar30 {padding-left:30px;} ┃
.lmar40 {padding-left:40px;} ┃ この辺が微調整にこだわるえぶぃかるサイト
.lmar50 {padding-left:50px;} ┃ ぽい無駄なツール(タグ)と言えるかも (^-^;
.rmar10 {padding-right:10px;} ┃
.rmar20 {padding-right:20px;} ┃
.rmar30 {padding-right:30px;} ┃
.rmar40 {padding-right:40px;} ┃
.rmar50 {padding-right:50px;} ┛
.lcolored {font-size:12pt;
color: #2f9a2a;
text-align:right;}
.bold {font-family: "Eras Bold ITC";}
-->
</STYLE>
簡単なjavascriptを使って ↑「閉じるボタン」をつけてみました。
MSIEっていつになったらタブ型ブラウザになるんでしょ? プラグイン
とかフリーで出てるのかしら? IEって使いづらくないです? わたしは
専らOperaでしか検証してません。そこんとこ蒙度御容赦御免願上候 m(_ _)m