デザインのバックアップ

hatena
  • テーマ：Memo
  • ヘッダ色：緑
  • ヘッダタイプ：細いヘッダ

ページのヘッダ

<div class="main">

<hatena template="hatena-module" name="breadcrumbs">
<br><br><br><br><br><br><br><br><br><br>
<hatena name="calendar">

ページのフッタ

<div class="sidebar">

<hatena name="profile" template="hatena-module">
<hatena name="calendar2" template="hatena-module">
<hatena name="searchform" template="hatena-module">
<hatena template="hatena-module" name="section" listlimit="20" showcategory="false">
<hatena name="sectioncategory" template="hatena-module">
<hatena template="hatena-module" name="comment" listlimit="10">
<hatena template="hatena-module" name="trackback" listlimit="10">
<hatena name="rss"
 url="https://search.twitter.com/search.atom?q=from:kenmituo"
 moduletitle="I am doing..."
 template="hatena-module"
 dateformat="%m/%d %H:%i"
 listlimit="10">

スタイルシート

.hatena-star-star-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110106/20110106175226.png);}

.hatena-star-green-star-image {
  background-image: url();
}
.hatena-star-red-star-image {
  background-image: url();
}
.hatena-star-blue-star-image {
  background-image: url();
}
div.purple .hatena-star-add-button-image {
  background-image: url();
}
.hatena-star-temp-star-image {
  background-image: url()
}

.hatena-star-add-button-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110328/20110328232953.png);
}
.hatena-star-comment-button-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110106/20110106175226.png);
}
.hatena-star-comment-button-image-active {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110328/20110328232953.png);
}

body {

background-image: urlhttp://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110106/20110106162724.jpg();

background-repeat: repeat-y;

background-position: center top;

background-attachment: fixed;

}
.hatena-star-star-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110106/20110106175226.png);}

.hatena-star-green-star-image {
  background-image: url();
}
.hatena-star-red-star-image {
  background-image: url();
}
.hatena-star-blue-star-image {
  background-image: url();
}
div.purple .hatena-star-add-button-image {
  background-image: url();
}
.hatena-star-temp-star-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110328/20110328232953.png)
}

.hatena-star-add-button-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110328/20110328232953.png);
}
.hatena-star-comment-button-image {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110328/20110328232955.png);
}
.hatena-star-comment-button-image-active {
  background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/k/kkkmi/20110106/20110106175226.png);
}
pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
body {