メイン

■BBS　CSS テンプレート001 black2
資料です解像度の小さい用にセンター配置で左端の画像をなしにしたものです

@import url("common.css");

/*全称セレクタ*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

/* 各掲示板本体全体 */
ul{
list-style-type: none; /* ●を消す */ 
text-align:center;
}

/* 新規投稿 */
#write {
background:url() no-repeat 98% 5px;
padding:0.5em 0 1em 2em;
}

/* 新規投稿 リンク文字 */
#write a{
color:#00ffff;  /* 文字の色 */
font:normal normal bold 12pt/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif; 
padding: 3px 3px 3px 16px;
background: url() no-repeat left;
}

/* 新規投稿 　カーソル乗ったとき*/
#write a:hover{
color:#ff00ff;  /* 文字の色 */
background: #000000 url() no-repeat left;
}

/* 過去の記事　ページめくり*/
#navigation {
background:url() no-repeat 50% 20px;
padding-bottom:30px;
font-size:11pt;
text-align: ;
color:orange;
margin-left:10px;
}

#navigation a span{color:dodgerblue;}

#navigation a:hover span{color:hotpink;}

/* 本体部 */
.post { padding: 2.5em 0.5em 0.5em 0.5em;
margin-bottom:2em;
background-color:;
width :88%; 
border-style:solid;
border-width: 5px;
border-top-color:#ffa500; 
border-right-color:#ff6600;
border-bottom-color:#ff4500;
border-left-color:#ff8c00;
color:crimson; /* 指定していない文字色 from at*/
background-image: url() ;
text-align:left;
margin-right:auto;
margin-left:auto;

}

/*IE7用CSSハック*/
*:first-child+html .post{
width : 83%;
}

/* 本体上部 */
.post_auther{
background-color:;
padding:0.5em 1em 0.5em 1em;
font-size:11pt;
position:relative;width:100%;
border-width:;
border-style:;
border-color:;
text-align:left;
}

/* 本体上部 IE7用ハック*/
*:first-child+html .post_auther{
position:relative;width:97%;
}

/* No*/
.post_no{
color:#808080;
}

/* 名前 リンクなしの時*/
.post_name{
font-weight: bold;
color:greenyellow;
}

/* 名前 リンク*/
.post_name a{
color:gold;
}

/* 名前 リンク　カーソル乗ったとき*/
.post_name a:hover{
color:#9900ff;
}

/* 時間*/
.post_time{
color:#808080;
}

/* 編集*/
.post_edit a{
color:dodgerblue;
background-color:;
border: 1px solid dodgerblue;
padding:0.2em 0.4em 0.2em 0.4em;
position:absolute; top:-27px; right:58px; 
}

/* 編集　カーソル乗ったとき*/
.post_edit a:hover{
color:hotpink;
background-color:;
border: 1px solid hotpink;
}

/* 返信*/
.post_reply a{
color:dodgerblue;
background-color:;
border: 1px solid dodgerblue;
padding:0.2em 0.4em 0.2em 0.4em; 
position:absolute; top:-27px; right:10px;  
}

/* 返信　カーソル乗ったとき*/
.post_reply a:hover{
color:hotpink;
background-color:;
border: 1px solid hotpink;
}

/* タイトル*/
.title{
margin:0.5em 1em 0.5em 1em;
font-size:11pt;
font-weight:bold;
background-color:; 
border-width: 1px;
border-style: solid;
border-color: #ff00ff;
padding: 5px;
background-image: url();
background-repeat: no-repeat;
background-position: 98% 95%;
text-align:left;
}

/* タイトル リンク色*/
.title a{
color:dodgerblue;
padding: 1px 2px 1px 24px;
background: url() no-repeat left;
display:block;
}

/* タイトル リンク色 カーソル乗ったとき*/
.title a:hover{
color:#9900ff;
background: url() no-repeat left;
}

/* コメント*/
.post_text{
border-width:;
border-style:;
border-color:;
font-size:14px;  /* 文字の大きさ*/
color:#00ff00;  /* 文字の色*/
font-weight:500;  /* 文字の太さ*/
width:;
line-height : 1.2;	/* 行の高さ*/
letter-spacing : 0.1em;	/* 文字間隔 */
padding:10px;
margin-left:0px;
margin-right:0px;
margin-bottom:12px;
background-color:; 
background-image: url();
background-repeat: no-repeat;
background-position: 100% 100%;
text-align:left;
}

/* firefoxで連続する半角英数字が改行されないのでスクロールバーで対応 */
.post>p{overflow:auto; }

/* IE6で連続する半角英数字が改行されない修正 */
.post p{word-break:break-all; white-space: ; }

/* 下部過去の記事ページめくり*/

div a span{color:dodgerblue; margin-left:10px;}

div a:hover span{color:hotpink;}

/* 下部戻りのリンク*/

#back_link{
margin-bottom:40px;
padding:30px 10px 30px;
text-align:left;
background-image: url(http://www.eclat.cc/home/ikanago/files/kisetu.gif) ;
background-repeat: no-repeat;
background-position: 50% 10px;
}

/* 戻りのリンク色*/
#back_link a{
color:dodgerblue;
font:normal normal bold 100%/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif; 
padding: 8px 2px 8px 22px;
background: url() no-repeat left;
}

/* 戻りのリンク　カーソルが乗ったとき*/
#back_link a:hover{
color:hotpink;
background: url() no-repeat left;
}

/* IEの改行対策*/
br { letter-spacing: 0; }

body {
background-color: #000000;
background-image: url() ;
background-attachment: fixed;
color:orange;
font-size:11pt
}

a:link {text-decoration:none; }
a:visited {text-decoration:none; }
a:hover {text-decoration:none; }


画像は借りているものなのではずしてます
自分でアップしてアドレスを記入してください
background: url()　や　background-image: url() となってる個所

()のなかに画像のアドレスをいれてください

更新履歴 2008年8月16日　作成