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

ホーム

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

テンプレート名 : ribon

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="{site_encoding}" standalone="no"?>
<!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" xml:lang="ja" lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset={site_encoding}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="imagetoolbar" content="no" />
<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="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<tr><td width=35 background="http://img-cdn.jg.jugem.jp/332/392352/20070130_17537.gif"></td>
<td width=450>

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

</td>
<td width=35 background="http://img-cdn.jg.jugem.jp/332/392352/20070130_17538.gif"></td>

<div class="calendar">
<table border="0" cellspacing="1" cellpadding="0"><tr>
		<td class="weekday"><font size=1>S</td>
		<td class="weekday"><font size=1>M</td>
		<td class="weekday"><font size=1>T</td>
		<td class="weekday"><font size=1>W</td>
		<td class="weekday"><font size=1>T</td>
		<td class="weekday"><font size=1>F</td>
		<td class="weekday"><font size=1>S</td></tr></table>
<font face=verdana size=1>{calendar}</font>
</div></div></li></ul>

<div class="list_title">Profile</div>
<div class="list_text">{user_list}</div>

<div class="list_title">New Entries</div>
<div class="list_text">{latest_entry_list}</div>

<div class="list_title">Category</div>
<div class="list_text">{category_list}</div>

<div class="list_title">Comments</div>
<div class="list_text">{recent_comment_list}</div>

<div class="list_title">Archives</div>
<div class="list_text">{archives_list}</div>

<div class="list_title">Links</div>
<div class="list_text">{link_list}</div>

<div class="list_title">Trackback</div>
<div class="list_text">{recent_trackback_list}</div>

<div class="list_title">Mobile</div>
<div class="list_text">{site_qrcode}</div>

<div class="list_title">Recommend</div>
<div class="list_text">{amazon_item}</div>

<div class="list_title">Search</div>
<div class="list_text">
<form method="get" action="">
<input id="search" name="search" size="20" style="width:140px" class="form" />
<input type="submit" value="Search" class="button" />
</form>
</div>

<div class="list_title">Others</div>
<div class="list_text">
<ul><li>
<a href="./admin/">Log in</a></li>
<li>Template by <a href="http://noindex.jugem.jp/" target="_blank">NoIndex</a></li>
</ul>
</div>

<div class="list_title">{freespace_title1}</div>
<div class="list_text">{freespace_contents1}</div>

<div class="list_title">{freespace_title2}</div>
<div class="list_text">{freespace_contents2}</div>

<div class="list_title">{freespace_title3}</div>
<div class="list_text">{freespace_contents3}</div>

<div class="list_title">{freespace_title4}</div>
<div class="list_text">{freespace_contents4}</div>

<div class="list_title">{freespace_title5}</div>
<div class="list_text">{freespace_contents5}</div>

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

</td>
<td class="line"><img src="http://img-cdn.jg.jugem.jp/332/392352/20080921_403329.gif" width="20" height="1"></td>

<div class="entry">
<div class="entry_title">{entry_title}</div>
<div class="entry_body">{entry_description}</div>
<a name="sequel"></a>
<div class="entry_more">
{entry_sequel}</div>
<div class="entry_state">{entry_date}　{category_name}<br />
{comment_num}　{trackback_num}</div>
<div class="entry_state">{trackback_auto_discovery}</div>
<img src="http://img-cdn.jg.jugem.jp/332/392352/20070130_17550.gif" width=374 height=12></div>

<div class="entry">
<div class="entry_title">comment</div>

<div class="comment_name">From.{comment_name}　{comment_time}</div>
<div class="comment_body">{comment_description}</div>

<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<table border="0">
<tr>
<td align="right">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name"><font size=1 face=verdana>Name </label>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}"/><br />
<label for="email"><font size=1 face=verdana>Mail </label>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url"><font size=1 face=verdana>Web </label>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
</td></tr><tr><td>
<textarea tabindex="4" id="description" name="description" style="width:350px;height:80px;"></textarea></td></tr>
<tr><td>
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie"><font size=1 face=verdana>Cookie</label>
<input tabindex="5" type="submit" value="submit" onclick="javascript:setval();" />
</td></tr></table>
</form>
</div>

<a name="trackback"></a>
<div class="entry">
<div class="entry_title">Trackback</div>

<div class="comment_name">{trackback_title}</div>
<div class="tb_name">{trackback_excerpt}</div>
<div class="tb_body">{trackback_blog_name}　at. {trackback_time}</div>

<div class="entry">
<div class="entry_title">Profile</div>
<div class="entry_body">name : {profile_name}</div>
<div class="entry_body">{profile_description}</div>
<img src="line-ribon.gif" width=374 height=12>
</div>

<div class="page">
{prev_page_link}  : {page_now}/{page_num} :  {next_page_link}</div>

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

</td>
<td width=36 background="http://img-cdn.jg.jugem.jp/332/392352/20070130_17528.gif"></td></tr>

</body>
</html>

CSS

body { font-family:'verdana'; font-size: 10px; color: #808080; line-height: 12pt; letter-spacing: 1px; background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17517.gif'); 
text-align: left;}
table,tr,td { font-family:'verdana'; font-size: 10px; color: #808080; line-height: 12pt; letter-spacing: 1px; text-align: left;}
a { color: #ff9d9d; text-decoration: none; }
a:link { color: #ff9d9d; text-decoration: none; }
a:visited { color: #ff9d9d; text-decoration: none; }
a:active { color: #ff9d9d; text-decoration: none; }
a:hover { color: #ff9d9d; text-decoration: underline;}

.site_title { color: #ff9d9d; font-size: 22px; font-family:'times new roman'; 
text-align: center; margin-top: 15px;}
.site_title a { color: #ff9d9d; text-decoration: none; }
.site_title a:link { color: #ff9d9d; text-decoration: none; }
.site_title a:visited { color: #ff9d9d; text-decoration: none; }
.site_title a:active { color: #ff9d9d; text-decoration: none; }
.site_title a:hover { color: #ff9d9d; text-decoration: underline;}
.site_d { text-align: center; margin-top: 5px; color: #FFC3BF;}

.line-dot { height: 40px; background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17542.gif'); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px;}
.line { background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17528.gif'); background-repeat: repeat-y; background-position: left top; width: 30px:}

.entry { margin: 0px 35px 30px 35px;}
.entry_title { color: #ff9d9d; font-family: 10px; font-weight: bolder; letter-spacing: 1px; background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17547.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 23px; margin: 10px 0px 20px 0px;}
.entry_body { line-height: 15pt; letter-spacing: 1px; margin: 30px 0px;}
.entry_more { line-height: 15pt; letter-spacing: 1px; margin: 30px 0px;}
.entry_state { margin: 5px 0px; text-align: right; color: #ff9d9d;}

.comment_name { background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17547.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 23px; }
.comment_body { line-height: 15pt; letter-spacing: 1px; margin: 10px 0px 40px 0px;}
.tb_name { line-height: 15pt; letter-spacing: 1px; margin: 10px 0px;}
.tb_body { line-height: 15pt; letter-spacing: 1px; margin: 10px 0px 40px 0px;}

.calendar { font-family: "Verdana";font-size: 10px;color: #ff9d9d;line-height: 150%; margin: 0px 0px 20px 10px;}
.calendar a,
.calendar a:link,
.calendar a:visited,
.calendar a:active,
.calendar a:hover {color:#ff9d9d;;text-decoration:underline;}
.cell { width: 20px;height: 15px;padding: 0px;text-align:center;font-size: 10px;color: #999;letter-spacing : 1px}
.cell a { color: #ff9d9d;text-decoration: none; font-weight:bolder;}
.cell a:link { color: #ff9d9d;text-decoration: none; font-weight:bolder;}
.cell a:visited { color: #ff9d9d;text-decoration: none; font-weight:bolder;}
.cell a:active { color: #ff9d9d;text-decoration: none; font-weight:bolder;}
.cell a:hover { color: #ff9d9d;text-decoration: underline; font-weight:bolder;}
.weekday { width: 20px;height: 10px;padding: 0px; text-align:center; 
font-size: 10px;color: #ff9d9d; letter-spacing : 1px}

HTML {
SCROLLBAR-FACE-COLOR: #fed3d9; SCROLLBAR-HIGHLIGHT-COLOR: #fed3d9; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #fed3d9; SCROLLBAR-DARKSHADOW-COLOR: #fed3d9; SCROLLBAR-BASE-COLOR: #ffe8e8; scrollbar-3d-light-color: #fed3d9}
br { letter-spacing: normal; }

.list_title { color: #FF9D9D; font-weight: bolder; padding-left: 38px; height: 18px; background-image: url('http://img-cdn.jg.jugem.jp/332/392352/20070130_17543.gif'); background-repeat: no-repeat; background-position: left center;  margin: 10px 0px 10px 0px;}
.list_text { margin: 0px 0px 20px 0px; color: #AAAAAA; }
.list_text a { color: #808080; text-decoration: none; }
.list_text a:link { color: #808080; text-decoration: none; }
.list_text a:visited { color: #808080; text-decoration: none; }
.list_text a:active { color: #808080; text-decoration: none; }
.list_text a:hover { color: #808080; text-decoration: underline;}
.ad { margin: 40px 0px 20px 10px; }

ul{ margin: 0px; padding: 0px;}
ul li{margin: 0.2em 0 0 1em; list-style-type: none;}
input,textarea{ color:#808080; border:1px solid #c0c0c0; background:#FFF4F3;
font-size: 10px; letter-spacing: 1px;}

.page { text-align: center; margin-bottom: 30px;}

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