FC2のBBSの改造
空色スケッチブック風
まず、空色の背景を右上に固定しています。スケッチブック風のところは、画像とborderの合わせ技です。
見栄え(50%縮小)
空の画像
スケッチブックの画像
ソース
トリプルクリックが便利です。
<style type="text/css" media="all">
<!--
body{
background:#ffffff url(空の画像) right top no-repeat fixed;
font-size : 100%;
color : #000066;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#3399ff;
scrollbar-3dlight-color:#3399ff;
scrollbar-arrow-color:#3399ff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:ffffff;
}
td{
line-height: 150%;
margin:0;
padding:0;
}
a{
background-color:transparent;
text-decoration:none;
color:#000066;
}
a:visited{
background-color:transparent;
color:#3399ff;
}
a:hover {
background-color:transparent;
color:#ccccff;
}
textarea,input,select{
border-left:3px solid #ccffff;
border-right:3px solid #3399ff;
border-top:3px solid #ffffff;
border-bottom:3px solid #3366cc;
background-color : #66ccff; color : #666666;
}
textarea{
width:300px;
}
h1{
background-color:transparent;
font-size:160%;
text-align:center;
font-family:Comic Sans MS, fantasy;
line-height:3em;
color:#ffffff;
}
table{
width:450px;
margin-left:auto;
margin-right:auto;
border-style:solid double solid none;
border-color:#046afc;
border-width:1px 3px 1px 0;
background:transparent url(スケッチブックの画像) 0 0 repeat-y;
color:#3366cc;
}
form table table table,table table{
border:0 none;
width:100%;
}
address{
text-align:right;
clear: both;
border-bottom:dashed #000066 1px;
margin:6px;
}
a img{
margin-left:6px;
border:0 none;
}
form table table table font{
margin-left:24px;
}
td hr{
visibility:hidden;
}
-->
</style>
