今回のCSS

ページのヘッダ

<span class="bevelmenu">
<a class="rssbutton" href="http://d.hatena.ne.jp/nanamasuhoshi/">Top</a>
<a class="rssbutton" href="http://d.hatena.ne.jp/nanamasuhoshi/archive/">Archive</a>
<a class="rssbutton" href="http://b.hatena.ne.jp/nanamasuhoshi/">Bookmark</a>
<a class="rssbutton" href="http://b.hatena.ne.jp/nanamasuhoshi/add">Admin</a>
<a class="rssbutton" href="http://d.hatena.ne.jp/nanamasuhoshi/20050120/">RS</a>
</span>
<div class="mymain">

ページのフッタ

</div>
<div class="myfooter">
	<hatena name="calendar2">
	<hatena name="searchform" template="hatena-module">
	<hatena name="section" template="hatena-module">
	<hatena name="comment" template="hatena-module">
</div>

スタイルシート

body h1 {display:none;}
body {
	border-right:1em solid #3b5f8a;
	border-left:1em solid #3b5f8a;
}

#myfooter {
margin: 0% 5% 0% 5%;
padding: 4px;
}
#mycal {
	float:left;
	margin:2px;
}
/*
#footeritem,
#footeritem form,
#footeritem .hatena-module,*/
#footeritem .hatena-module .hatena-moduletitle,
#footeritem .hatena-module .hatena-modulebody,
#footeritem .hatena-module .hatena-modulebody ul,
#footeritem .hatena-module .hatena-modulebody ul li {
	display:inline;
}
#footeritem .hatena-module .hatena-moduletitle a {
	text-decoration:none;
	color:black;
}

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
/*background-color: #FFF2BF;*/
background-color: #C9D5F8;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

/*.bevelmenu li{*/
.bevelmenu a {
list-style: none;
display: inline;
}

/*.bevelmenu li a{*/
.bevelmenu a{
padding: 3px 0.5em;
text-decoration: none;
/*color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;*/
color: #1841CE;
background-color: #C9D5F8;
border: 2px solid #C9D5F8;
}

/*.bevelmenu li a:hover{*/
.bevelmenu a:hover{
/*color: black;
background-color: #FFE271;*/
color: white;
background-color: #5279E7;
border-style: outset;
}

/*html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
html>body .bevelmenu a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

kbd {white-space: nowrap;}
kbd {
	color: #333333;
	background-color: #EFEFEF;
	font-family: "Verdana";
	font-weight: normal;
	font-size: 80%;
	text-align: center;
	border-top: 2px double #CFCFCF;
	border-left: 3px solid #BABABA;
	border-right: 4px solid #AAAAAA;
	border-bottom: 6px solid #909090;
	padding-left: 0.2em;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0em;
	line-height: 1.6em;
	vertical-align: top;
}
@media screen, tv {
html {background-color: #3b5f8a;}
}
@media print {
kbd:before {content: "[";}
kbd:after {content: "]";}
}

div.body {clear:none;}