PC掲示板

「日記/コラム」のページに枠を付けるCSS (No.1629 への返信) - donbey

「日記・コラム」のデザイン変更用ＣＳＳソースです。
前回のＢＢＳ同様今入っている@import url("common.css");以外のＣＳＳソースを削除して
下のソースを入れてください。

body {
margin: 0.1em;
color: #ffffff;
font-size:14px;
margin-top:50px;
font-family:"ＭＳゴシック","MS UI Gothic",sans-serif;
font-style: normal;
background-color: #ffffff;
background-image: url(http://onsen-com.hp.infoseek.co.jp/jinsan/image_key.jpg);
background-repeat: repeat;
background-attachment:fixed;
}
#menu {
width: 30%;
float: right;
background-color: #ccffff;
border: 3px double #0000ff;
padding: 6px;
}
div.link_title{
font-weight: bold;
background-color: #66ff66;
color: #ff0000;
padding: 0.5em 0em 0.5em 3em;
}
#main {
margin-right: 32%;
}
div.entry {
background-color: #ffffff;
border: 3px double #0000ff;
padding: 6px;
}
div.entry_date {
background-color: #0000ff;
color: #ffffff;
padding: 0.5em 0em 0.5em 3em;
}
div.entry_title {
margin: 5px;
font-size: 14pt;
font-weight:bold;
}
div.entry_info {
font-weight: bold;
background-color: #66ff66;
color: #ff0000;
padding: 0.5em 0em 0.5em 3em;
}
div.entry_body {
font-size: x-small;
background-color: #ccffff;
color: #0000ff;
line-height: 1.5
}
div.entry_responses {
background-color: #66ff66;
color: #ffffff;
padding: 0.5em 0em 0.5em 3em;
}
ul {
list-style-type: none;
#back_link a{
text-align: center;
border: 2px;
border-style: solid;
border-color: #00ffcc;
background-color:#ccffff;
width: 150px;
padding: 0.2em 0.5em 0.2em 0.5em;
}
#back_link a:hover{
color:#ffffff;
background-color:#0000ff;
width: 150px;
padding: 0.2em 0.5em 0.2em 0.5em;
}
.link_older a {
text-align: center;
border: 2px;
border-style: solid;
border-color: #00ffcc;
background-color:#ccffff;
width: 150px;
padding: 0.2em 0.5em 0.2em 0.5em;
margin-left: 100px
}
.link_older a:hover{
color:#ffffff;
background-color:#0000ff;
width: 150px;
padding: 0.2em 0.5em 0.2em 0.5em;
margin-left: 100px
}
a {
text-decoration: none
}

以上です。バックアップ忘れない様に。

[No.1630] 2008/09/26(Fri) 12:11:22

この記事への返信は締め切られています。
返信は投稿後 30 日間のみ可能に設定されています。