2007年12月の記事


超簡単な全解説つきスタイルシート♪
きんはこれしか使っていませんけど、ガイアっぽいでしょ?(笑)。
きんのBBSタイプでも十分実用的だと思う方・・・。
どこよりも簡単な表に見えない解説つきスタイルシートです。
エクラの掲示板(表示)と日記・ログを簡単にカスタマイズできます。

点線はダメだけど、それから下は全部貼りつけても説明文はページに反映されません。
貼りつけてからヒントを見ながら、自分なりに加工して下さい。
また共通のスタイルシートは無視しますのでページ別にカスタマイズ可能です。
テンプレートじゃ表示が小さくて・・・そんな悩みも解決します。

----------『ここはコピーの範囲外です』----------------------
@import url("common.css");

/*『 きんちゃんのエクラ熱さまシート♪ 』*/

/* メニューと右側のページの最初の文字列までの距離『最小に設定』*/
body {
margin: 0.1em;
/* ページ全体の文字色*/
color: #000000;

/* 全体の文字の普通の大きさ、Mac対応ならミディアムと記述*/
font-size:small;

/* ページのトップからページスタイルまでの距離*/
margin-top:50px;

/* 文字のフォント、マックは明朝体を推奨 (注)小さなお髭も見逃すとペケに。*/
font-family:"MS ゴシック","MS UI Gothic",sans-serif;

/* 太字、斜体など、装飾するならここでね♪。*/  
font-style: normal;

/* 背景の色*/
background-color: #000000;

/* 背景画像のURL*/
background-image: url(http://onsen-com.hp.infoseek.co.jp/tea-bbs/moonsong_w1bl.jpg);

/* 小さい画像を繰り返し使う、しない時はrepeat→none*/
background-repeat: repeat;

/* 背景の固定*/
background-attachment:fixed;
}

/* 新規投稿 */

#write {
margin-bottom:0.1em;
text-align: center;}   /* 新規投稿を中心へ */

/* スタイルシートの設定を透過します */
/* その後投稿記事に対してラインをひき、見やすくします。*/
/* ダッシュは点線、タブルは二重線、ソリッドは直線です。*/
li{background-color:transparent; border-bottom-style:dashed;

/* ラインの色を指定します、そのあとは消えてるので数値を変えても見えません*/
border-color:#ffcc00; padding:0.5em; list-style-type:none; padding:1px; margin:10px;}

/* 投稿文を表示する部分に画像を入れる場合のURL */
p{background-image:url()}

<STYLE type=text/css>
<!--
/* 通常のリンク色 */
A:link { color:darkgreen; }
A:visited { color:yelow; }
A:hover { color:yellow; }
A:active { color:limegreen; }
-->
</STYLE>
コメント (2)