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

ホーム

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

テンプレート名 : donut

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>
<link rel="stylesheet" href="{site_css}" type="text/css" />

<div id="container">

<div id="layout">

<div id="header">

<div class="blogtitle">

<p class="description">{blog_description}</p>

</div>

</div>

<div class="entry_navi">
{prev_entry}  <a href="./">main</a>  {next_entry} 
</div>

<p class="date">{entry_date}</p>

<div class="entry_title">{entry_title}</div>

<div class="entrybody">
{entry_description}
</div>

<a href="./?eid={entry_sequel_id}#sequel">Read More...</a>

{entry_sequel_text}

</div>

<div class="entry_state">{category_name} / {entry_date} / {comment_num} / {trackback_num}</div>

{trackback_auto_discovery}

<a name="comments"></a>

<div class="date">comment</div>

</td>
<td valign="top" rowspan="4">

<label for="description">comments:</label>

</td>
</tr>
<tr>
<td valign="middle">

<label for="email">email:</label>

</td>
</tr>
<tr>
<td valign="middle">

</td>
</tr>
<tr>
<td valign="middle">

<label for="set_cookie">cookie:</label>

<input type="checkbox" name="set_cookie" value="1" id="set_cookie" class="cookie" /> cookie on？

</td>
</tr>
<tr>
<td colspan="2" align="center">

</td>
</tr>
</table>

</form>

<div class="entrybody">{comment_description}</div>

<div class="comment_entry_state">{comment_name} / {comment_time_24}</div>

<a name="trackback"></a>

<div class="date">trackback URL</div>

<p>URL:{trackback_url}</p>

<div class="tb_title">
<h3>{trackback_title}</h3>
</div>

<div class="entrybody">{trackback_excerpt}</div>

<div class="comment_entry_state">{trackback_blog_name} / {trackback_time}</div>

<div class="date">profile</div>

<div class="entry_title">{profile_name}</div>

<div class="entrybody">{profile_description}</div>

<dl>
<dd id="pagenavi">
{prev_page_link}&nbsp;{page_now}/{page_num}&nbsp;{next_page_link}
</dd>
</dl>

</div>

<div class="linktitle">CATEGORIES</div>

<div class="linktext">
{category_list}
</div>

<div class="linktitle">ARCHIVES</div>

<div class="linktext">
{archives_list}
</div>

<div class="linktitle">COMMENTS</div>

<div class="linktext">
<div id="commentlist">{recent_comment_list}</div>
</div>

<div class="linktitle">{freespace_title1}</div>

<div class="linktext">{freespace_contents1}</div>

<div class="linktitle">{freespace_title2}</div>

<div class="linktext">{freespace_contents2}</div>

<div class="linktitle">{freespace_title3}</div>

<div class="linktext">{freespace_contents3}</div>

<div class="linktitle">{freespace_title4}</div>

<div class="linktext">{freespace_contents4}</div>

<div class="linktitle">{freespace_title5}</div>

<div class="linktext">{freespace_contents5}</div>

<div class="linktitle">LINKS</div>

<div class="linktitle">OTHERS</div>

<div class="linktext">
<ul>
<li><a href="http://hacca-haco.jugem.jp/" target="_blank">Template by hacca*</a></li>
<li><a href="./admin/">master only</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
<li><a href="http://jugem.jp/" title="ブログのレンタルならJUGEM（じゅげむ）">Powered by JUGEM</a></li>
</ul>
</div>

<div class="linktitle">RECOMMEND</div>

<div class="linktext">{amazon_item}</div>

<div class="linktitle">PROFILE</div>

</div>

</div>

</div>

</body>
</html>

CSS

@charset "EUC-JP";

*{
margin: 0;
padding: 0;
}

html{
scrollbar-arrow-color:#aaaaaa;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#B5878A;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#B5878A;
scrollbar-darkshadow-color:#ffffff;
}

body, html{
margin: 0px;
padding: 0px;
height: 100%;
}

body{
color : #000000;
background-image: url('http://img-cdn.jg.jugem.jp/d1c/2582573/20120820_91641.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:5px 20px;
background-color:#ffffff;
text-align : left;
line-height : 1.7;
font-size:10px;
font-family:"Verdana","Osaka‐等幅", "century gothic", "arial", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "trebuchet MS", "trebuchet", "sans-serif";
letter-spacing:1px;
}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,td{
margin: 0;
padding: 0;
border: 0px; 
font-weight: normal; 
font-style: normal; 
text-decoration: none; 
}

ul{
list-style:none;
}

li{
margin:0px 5px 0px 10px;
padding:0 0 0 20px;
background: url(http://img-cdn.jg.jugem.jp/d1c/2582573/20120821_93487.gif) no-repeat 0 4px;
}

img{
border:none;
margin:8px;
}

.clear{
clear:both;
display:none;
}

br{
letter-spacing:normal;
}

a{ 
color: #333333; 
text-decoration:none; 
}

a:link{ 
color: #333333; 
text-decoration:none; 
}

a:visited{ 
color: #333333;
text-decoration:none; 
}

a:active{ 
color: #333333; 
text-decoration:underline; 
}

a:hover{ 
color: #F6B480; 
text-decoration:underline; 
}

#container{
overflow: hidden;
background-color:transparent;
}

#layout{
width: 760px;
margin:0px auto;
padding: 0 5px;
text-align: left;
}

#header{
width: 100%;
margin:0px;
padding: 0;
background-color:transparent;
}

/*  サイトタイトル　 */
#header .blogtitle{
padding:0px 10px;
}

.site_title{
color: #B5878A;
font-size:xx-large;
text-align:left;
padding:0px;
}

.site_title a{
color: #B5878A;
text-decoration: none;
}

.site_title a:hover{
color: #B5878A;
text-decoration:overline;
}

.description{
float:left;
width:355px;
margin:5px 0px 10px 0px;	
color:#F6B480;
font-size:11px;
}

#body{
float:right;
width:460px;
}

.entry_navi{
padding: auto;
font-size:13px;
color: #aaaaaa;
}

.date{
padding:0px 20px 0;
font-size:21px;
border-top:1px solid #5D0066;
border-bottom:1px dotted #5D0066;
font-weight:normal;
}

.entry_title {
font-size:12px;
font-weight: bolder;
color:#555555;
margin:0 0 15px 0px;
padding:0 0px 0 20px;
border-bottom:solid 1px #5D0066;
}

div.entrybody{
font-size:100%;
line-height:205%;
padding:0px 5px 0px 65px;
}

/* 記事の続き */
.entry_more{
margin:10px 5px 5px 0;
}

blockquote{
color: #999999;
border-left:4px double;
margin: 10px 5px;
padding: 0px 0 0 10px;
}

.pict{
padding: 5px;
}

.entry_state{
font-family:Verdana;
font-size: 11px;
color: #777777;
margin: 15px 5px 25px 0px;
}

/* コメントフォーム */
.commnet_form{
margin:20px auto;
}

input,textarea{
width:200px; 
border:1px solid #777777;
line-height : 1.7;
font-size:10px;
font-family:"Verdana","Osaka‐等幅", "century gothic", "arial", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "trebuchet MS", "trebuchet", "sans-serif";
}

.cookie{
width:auto;
border:none;
}

.button{
background-color: transparent;
border:none;
border:solid 1px #B5878A;
background-color: #F6B480;
text-align: center;
color: #eeeeee;
}

.comment_entry_state{
text-align:right;
font-size:11px;
color:#555555;
margin:0 0 25px;
}

.tb_title{
font-weight: bold;
padding:10px 5px;
font-size:12px;
color:#5D0066;
}

dd#pagenavi{
color:#B5878A;
font-size:84%;
text-align:right;
}

#left{
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color: #F6B480;
margin-top:270px;
width:300px;
}

.linktitle {
font-size:12px;
font-weight:lighter;
color: #5D0066;
margin: 2px 15px 0px 5px;
padding: 2px 3px 1px 4px;
border-top: 1px solid;
border-bottom: 1px dotted;
background: #ffffff;
}

.linktext {
font-family:Verdana;
font-size: 11px;
color: #111111;
line-height: 170%;
margin:10px 0px 10px 0px;
background: #ffffff;
}

/* -- ツリ－表示 -- */
ul.tree{
list-style-image:url();
margin:5px;
padding:0px;
line-height:185%;
}

ul.tree li{
margin: 0px;
padding:0px 0px 0px 16px;
background: url(http://img-cdn.jg.jugem.jp/d1c/2582573/20120816_83759.gif) no-repeat;
}

ul.tree li.end{
background-image: url(http://img-cdn.jg.jugem.jp/d1c/2582573/20120816_83758.gif);
}

/* アマゾン */
.amazon {
margin-bottom:10px;
}

.amazon_text {
font-size:10px;
text-align:left;
}

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