無料ブログ作成ならJUGEM(ジュゲム)

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : sakura

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}</title>
<meta name="robots" content="index,follow" />
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
</head>

<body>

<div class="site_title">{blog_name}
</div>
<div class="description">{blog_description}</div>

<a name="top"></a>

<div id="entryarea">

<div class="entry">
<div class="entry_date">{entry_year}.{entry_month}.{entry_day}({entry_eng_week_short}){entry_time_only}
</div>
<div class="entry_title">
♪　{entry_title}
</div>

<br>

<div class="entry_body">
<p>{entry_description}</p>

</div>
<a name="sequel"></a>
<div class="entry_more">
{entry_sequel}<br><br>
</div>
<div class="entry_state">
</div>

<div class="page">{prev_page_link}  | <a href="#top">PAGE TOP</a> |  {next_page_link}</div>

<div id="log">
	<div class="linktitle">OLD LOG</div>
	<div class="linktext">
		{archives_list}
	</div>
</div>

{ad}

<br>
copyright(C) sakurachips all right reserved .

</div>

</div>
</div>

</div>

CSS

/*
リスト設定
*/
UL LI { 
list-style-type: square; 
color: #555;
margin-left: -20px;
}

body{
 font-size: 11px;
}

#log {
margin-left: 80px;
}

html{
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color:#000;
}

#wrapper {
margin: auto;
margin-top: 0px;
padding: 0px;
text-alight: center;
width: 300px;
border-left: 1px #555 dotted;
border-right: 1px #555 dotted;
}

.site_title  a{
	background-image: url(http://img-cdn.jg.jugem.jp/7bd/130528/20090315_572975.gif);
display:block;
width: 300px;
height: 113px;
margin: 0px;
text-indent: -9999px;

}

hr {
	color: #555;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

*>hr{
    border-style: solid;
    border-color: #555;
    border-width: 1pt 0 0 0;
    margin-left:  0;
}

.text 
{
font-family: Verdana;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
リンク設定
*/
a:link {color:#393; text-decoration:none;border:none;}
a:visited {color:#393; text-decoration:none;border:none;}
a:active {color:#393; text-decoration:none;border:none;}
a:hover {color:#555; text-decoration:none;}

.linktitle {
	font-family: "Verdana";
	font-weight: normal;
	color: #555;
	margin: 2px 0px 0px 2px;
text-alight: left;
}

.linktext {
	font-family: "Verdana";
	color: #555;
	line-height: 150%;
text-alight: center;
}

.page {
	font-family: "Verdana";
	color: #555;
	line-height: 150%;
        text-align: center;
	margin: 2px 10px 10px 10px;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
エントリー設定
*/
.entry_date {
font-family: "Verdana";
font-size: 22px;
font-weight: normal;
	text-align: center;
color: #555;
	margin: 10px 0px 0px 1px;
}

.entry_title {
font-family: "century gothic";
font-size: 12px;
font-weight: bold;
text-align: left;
color: #555;
	margin: 10px 0px 0px 1px;
padding: 5px;
}

.entry_body {
         font-family: "Verdana","MS UI Gothic";

line-height: 1.5;
color: #555;
margin:auto;
  padding: 2px 8px 2px 8px;
text-align: left;
width: 260px;
}

.entry_more {
         font-family: "Verdana","MS UI Gothic";

line-height: 1.5;
color: #555;
margin: 0px 0px 1px 5px;
  padding: 2px 8px 2px 8px;
text-align: left;
}

.entry_navi {
	text-align: center;

font-family: "Verdana", "MS UI Gothic";
	padding: 5px 0px 0px 0px; 
	margin:0px 20px -25px 0px;
}

blockquote {
         font-family: "Verdana","MS UI Gothic";

line-height: 1.5;
color: #555;
margin: 0px 0px 1px 5px;
  padding: 2px 10px 2px 10px;
	}

#write {

font-family: "Verdana","MS UI Gothic";

text-align: center;
         margin: 0px 0px 50px 5px;
         color: #555;
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ブログパーツ設定
*/
.tuna {
margin: 2px 10px 2px 10px;
}

.profile {
margin: 2px 10px 2px 10px;

color: #555;
        letter-spacing: 1pt;
         line-height:150%;
         font-family: "Verdana","MS UI Gothic";
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
広告設定
*/

.ad {
float: right;
margin-right: 50px;        
}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
画像　の　設定
*/
img {
text-alight: center;
}

/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
フッターの設定
 */

#footer { 
color: #555;

font-family: Verdana;
text-alight: center;
margin:auto;
padding: 5px;
}

.left {
float: left;
}

.right {
float: right;
}

* {
margin: 0px;
padding: 0px;
}

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成