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

ホーム

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

テンプレート名 : エセLife stripe

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="icon" type="image/png" href="http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734238.png" alt="favicon" width="16" height="16" class="pict" /">
<script src="https://jugem.jp/common/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<div id="wrapper">
<div id="contents">

<div id="header"></div>
<div id="header2"></div>
<div id="header3">{blog_name}</div>
<div id="header4"></div>

<div id="leftbox">
<div id="leftmain">

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

<div class="entry">
<div class="entryinfo_left">
{entry_year}.{entry_month}.{entry_day}.{entry_eng_week_short}
<span class="kyo2">{entry_title}</span>
</div>
<div class="jgm_entry_desc_mark">{entry_description}</div>
<a name="sequel"></a>
<div class="entry_more">{entry_sequel}</div>
{category_name} | {entry_time} | {comment_num}｜{trackback_num}
</div>

<a name="comments"></a>
<div class="comment">
<span class="kyo3">Comment...</span>

<div class="comment_description">{comment_description}
<div class="commenttext">| {comment_name} | {comment_time} |</div>
</div>

<span class="kyo3">Do! Comment...</span>
<div class="commentmain">
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name</label>
<br/>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" style="width:200px;" />
<br />
<label for="email">email</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:200px;" />
<br />
<label for="url">url</label>
<br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:200px;"/>
<br />
<label for="description">comments</label>
<br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></textarea>
<br />
<br />
<input tabindex="5" type="submit" value="submit" onclick="javascript:setval();" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</form>
</div>

</div>

<a name="trackback"></a>
<div class="comment">
この記事のトラックバックURL
<div class="commenttext">{trackback_url}</div>
<span class="kyo3">TRACKBACK</span>

<div class="comment_description">{trackback_excerpt}
<div class="commenttext">{trackback_title} | {trackback_blog_name} | {trackback_time_24}</div>
</div>

</div>

<div class="profile">{profile_name}</div>
<div class="profile">{profile_description}</div>

<img src="http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734236.gif" width="260px" height="1px" />　{prev_page_link}　|　{next_page_link}
<br />
<img src="http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734236.gif" width="1px" height="15px" />
<br />

</div>
</div>

<span class="kyo1">PROFILE</span>
<div class="sidedot">
<span class="kyo3">

{user_list}

</span>
<br />
</div>

<span class="kyo1">
ARCHIVE
</span>

<form action="#" class="archiveslist">
<select onchange="location.href=value;">
<option value=" " selected="selected">Archive list</option>

<option value="./?month={archives_item_id}" >{archives_item_eng}（{archives_item_num}）</option>

</select>
</form>

<br />
<span class="kyo1">CATEGORY</span>

<form action="#" class="categorylist">
<select onchange="location.href=value;">
<option value=" " selected="selected">Category list　</option>
 
<option value="./?month={category_item_id}" >{category_item_name}（{category_item_num}）</option>

</select>
</form>

<br />
<span class="kyo1">BAR CODE</span>
<div class="sidedot">
{site_qrcode}
</div>
<br />

<span class="kyo1">SPONSORED LINKS</span>
<div class="sidedot">
	
{ad}

</div>

</div>

<div id="footer"></div>

</div>
</div>
</div>
<script type="text/javascript">

</script>

</body>
</html>

CSS

body{
font-size: 12px;
color: #696969;
cursor:move;
font-family: Helvetica,Arial,Verdana,Osaka,'Hiragino Kaku Gothic Pro',Georgia;
background: url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734222.gif");
line-height:160%;
}

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

#wrapper {
margin:0px;
padding: 0px;
text-align:center;
}

#contents{
width: 750px;
margin: 0 auto;
}

#header	{
width:750px;
height:115px;
margin:0px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734229.gif");
}

#header2{
width:31px;
height:32px;
margin:0px;
float: left;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734234.gif");
}

#header3{
width:719px;
height:32px;
margin:0px;
float: right;
text-align:left;
font-weight:bold;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734235.gif");
}

#header4{
clear: both;
width:750px;
height:12px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734230.gif");
}

#center{
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081221_735348.gif");
}

#leftbox {
float: left;
width: 524px;
margin:0px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734224.gif");
text-align:left;
}

#leftmain{
width:524px;
margin:0px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734224.gif");
}

#right{
float:right;
width:226px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734225.gif");
}

#rightheader{
width: 226px;
height:18px;
margin:0px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734227.gif");
}

#rightfooter{
width: 226px;
height:17px;
margin:0px;
padding:0px;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734226.gif");
}

#footer{
clear: both;
margin:0px;
padding:0px;
width:750px;
height:52px;
text-align:right;
background-image:url("http://img-cdn.jg.jugem.jp/f6f/720613/20081220_734228.gif");
}

a:link{color:#696969; text-decoration:none;}
a:visited{color:#484848; text-decoration:none;}
a:active{color:#696969; text-decoration:none;}
a:hover{color:#4c4c80; text-decoration:none;}

.entry {
width: 475px;
margin-left: 30px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
border-bottom-width:1px;
border-bottom-color:#696969;
border-bottom-style: dotted;
text-align:right;
line-height:150%;
}

.entryinfo_left {
font-family: Helvetica,Arial,Verdana,'Hiragino Kaku Gothic Pro',Osaka,Georgia;
font-size: 20px;
font-weight: bold;
color: #000000;
margin:10px;
text-align: left;
}

.jgm_entry_desc_mark{
width:460px;
font-size: 12px;
color: #383838;
margin-left:8px;
margin-right:1px;
margin-top:15px;
margin-bottom:30px;
text-align:left;
font-family: Helvetica,Arial,Verdana,Osaka,'Hiragino Kaku Gothic Pro',Georgia;
}

.entry_more {
font-size: 11px;
color: #181818;
margin:10px;
text-align:left;
font-family: Helvetica,Arial,Verdana,Osaka,'Hiragino Kaku Gothic Pro',Georgia;
}

.entry_navi{
font-size:11px;
color:#696969;
margin-left:15px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
text-align:left;
font-family: Helvetica,Arial,Verdana,Osaka,'Hiragino Kaku Gothic Pro',Georgia;
}

.profile{
width:450px;
font-size:12px;
margin-left:46px;
margin-top:10px;
margin-bottom:10px;
margin-right:4px;
text-align:left;
font-family: Helvetica,Arial,Verdana,Osaka,'Hiragino Kaku Gothic Pro',Georgia;
}

.comment{
margin-left:40px;
margin-right:0px;
margin-top:6px;
margin-bottom:10px;
text-align:left;
}

.comment_description{
width:430px;
margin:6px;
border-bottom-width:1px;
border-bottom-color:#696969;
border-bottom-style: dotted;
}

.commenttext{
font-size:11px;
color:#696969;
text-align:right;
margin:10px;
}

.commentmain{
margin-left:16px;
margin-right:1px;
margin-top:6px;
margin-bottom:8px;
width:430px;
text-align:left;
font-size:12px;
}

img{
border:0;
}

img.pict{
border: 1px solid #cccccc;
}

td{
font-size:11px;
}

.name{
font-weight:bold;
}

.proname{
width:176px;
font-size:11px;
margin-top:6px;
margin-left:20px;
margin-right:1px;
margin-bottom:5px;
text-align:left;
color:#484848;
font-family: Helvetica,Arial,Verdana,'Hiragino Kaku Gothic Pro',Osaka,Georgia;
}

.sidedot{
font-size:11px;
color:#696969;
margin-top:1px;
margin-bottom:1px;
margin-right:1px;
margin-left:16px;
text-align:left;
}

.categorylist{
text-align:left;
font-size: 12px;
line-height: 150%;
margin: 10px 5px 10px 6px;
border: none;
}

.archiveslist {
text-align:left;
font-size: 12px;
line-height: 150%;
margin: 10px 5px 10px 6px;
border: none;
}

.kyo3{
font-weight: bold;
}

.kyo2{
font-weight:bold;
font-size:11px;
color:#484848;
}

.kyo1{
text-align:left;
font-weight:bold;
font-size:13px;
color:#c9caca;
}

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