- テンプレ無しで1から弄くろうと思いましたが、うまくいきません><
- ここまでで弄くったcssは以下の通りです(ベースはhatenaの基本テンプレです)
body
{
background-color:#0066CC;
margin:0px;
padding:0px;
text-align:center;
width:100%;
}
#simple-header
{
border:0px;
height:80px;
background-image:url(http://www.ric.hi-ho.ne.jp/warusanta/test/simplehead.png);
background-repeat:no-repeat;
background-color:#0066CC;
padding:0px;
text-align:left;
width:800px;
margin:0px auto;
}
#simple-header ul {
margin-right: 45px;
margin-top:11px;
}
#simple-header ul li a
{
font-size: 90%;
color: #000000;
}
#simple-header img#logo-hatena
{
position: absolute;
top: 15px;
left: 35px;
}
#simple-header img#logo-diary
{
position: absolute;
top: 15px;
left: 110px;
}
#simple-header form.search-form {
position: absolute;
top: 15px;
left: 150px;
}
H1
{
background:#FFFFFF url(http://www.ric.hi-ho.ne.jp/warusanta/test/title.png) no-repeat scroll 0%;
border:none;
color:#000000;
font-family:"times new roman","geogia",serif;
font-size:150%;
margin:0px auto;
max-width:910px;
padding:0px;
text-align:left;
text-indent: -2000px;
width:910px;
height:110px;
}
.day h2 {
background:#FFFFFF url(http://www.ric.hi-ho.ne.jp/warusanta/test/time.png) no-repeat scroll 0%;
padding:25px 0.5em 0.2em 53px;
}
.hatena-body {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #4A5973;
border-right:1px solid #4A5973;
line-height:1.5;
margin:0pt auto;
max-width:910px;
text-align:left;
width:910px;
}
ul {
list-style-image: url(http://www.ric.hi-ho.ne.jp/warusanta/test/mark.png);
}
.sidebartitle
{
background:#A5BCE7 url(http://www.ric.hi-ho.ne.jp/warusanta/test/sidebartitle.png) no-repeat scroll 0%;
color:#FFFFFF;
font-family:"times new roman","geogia",serif;
font-size:100%;
font-weight:bold;
padding:3px 0.5em 3px 0.7em;
text-align:center;
}
.kategori
{
list-style-image: url(http://www.ric.hi-ho.ne.jp/warusanta/test/mark2.png);
}