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

ホーム

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

テンプレート名 : pipi white

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" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<script src="./template/analogue/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<table width=400 bgcolor=#da0d07 cellpadding=0 cellspacing=1 border=0>
<tr><td background="" height=133 align=right valign=top>
<font size=6 face="lucida sans unicode" color=white>
<div style="margin: 12px">
<div class="blog_name">{blog_name}</font></div>
<font size=1 face="ms gothic" color=white><div class="blog_description">
{blog_description}</font></div></div>

<br><div style="margin: 20px">
<font size=1 face="ms gothic">
<SPAN style="LINE-HEIGHT: 200%">
<font face=verdana size=1 color=#da0d07>Title: {entry_title}</font><p>

{entry_description}
<a name="sequel"></a>
{entry_sequel}
{trackback_auto_discovery}
<p><div align=right>
<font face=verdana size=1 color=#da0d07>{entry_date} {entry_time} <a href="{entry_permalink}#comments" title="comment">c{comment_num_only}</a></font></div></div>

<table cellspacing=0 cellpadding=0 width=350 border=0><td valign=left>
<a name="comments"></a><br><div style="margin: 20px">
<font size=1 face=verdana>Comment<br>
⇒書き込みは認証(管理人によって手動更新)のあとに表示されます。</font></span>
<p>

<font size=1 face="ms gothic">
{comment_name}　{comment_time}<br>
{comment_description}
<p>

<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<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="url"><font size=1 face=verdana>Web </label>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<tr><td colspan=2>
<textarea tabindex="4" id="description" name="description" style="width:340px;height:30px;"></textarea>
<tr><td align=left colspan=2>
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie"><font size=1 face=verdana><SPAN style="LETTER-SPACING: 0px">Cookie</label>
<input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" />
</tr></table>
</form>

<font size=1 face="ms gothic"><br><div style="margin: 20px">
<SPAN style="LINE-HEIGHT: 200%">
<SPAN style="LETTER-SPACING: 2px">プロフィール<p>
{profile_name}<p>
{profile_description}</font>

</span></table></table>
</table>

<p>

<font size=1 face=verdana><div align=center>
{site_qrcode}<br>
<a href="http://jugem.jp/" target="_blank">JUGEM</a><br>
{ad}
</div>

</table>
</body>
</html>

CSS

.calendar {font-family: "Verdana";font-size: 10px;color: #800000;
line-height: 120%;margin: 0px;padding-top: 0px 0px 0px 0px;}
.calendar a,
.calendar a:link,
.calendar a:visited,
.calendar a:active,
.calendar a:hover {color:#800000;;text-decoration:underline;}
.cell {width: 25px;height: 16px;padding: 0px;text-align:center;font-size: 9px;color: #800000;background:#ffffff;letter-spacing : 1px}
.cell a {color: #800000;text-decoration: none; font-weight:bolder;}
.cell a:link {color: #ca0065;text-decoration: none;}
.cell a:visited {color: #ca0065;text-decoration: none;}
.cell a:active {color: #ca0065;text-decoration: none;}
.cell a:hover {color: #CC0033;text-decoration: underline;}
.weekday {width: 25px;height: 7px;padding: 0px;text-align:center;font-size: 9px;color: #800000;letter-spacing : 1px}
.pict {
border-width: 3px;border-style: solid;border-color: #fff;margin: 2px;}
input,textarea{color:#800000;border:1px solid #800000;background:#ffffff;}
.amazon_pict {display: block;margin-left: auto;margin-right: auto;padding: 5px 5px 5px 5px;}

A:hover {text-decoration:underline;}
a{text-decoration:none}
br { letter-spacing: normal; }
ul{margin: 1px;padding: 0px;}
ul li{margin: 0.1em 0 0 1em; list-style-type: none;}
.menu { font-family:"verdana"; line-height : 11pt;font-size:9px;letter-spacing : 1px;}
HTML {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: marron; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; scrollbar-3d-light-color: #ffffff}
.blog_name a {color: #ffffff; text-decoration: none;font-size:26px;font-family:"ucida sans unicode";}
.blog_name a:link {color: #ffffff; text-decoration: none;font-size:26px;font-family:"ucida sans unicode";}
.blog_name a:visited {color: #ffffff; text-decoration: none;font-size:26px;font-family:"ucida sans unicode";}
.blog_name a:active {color: #ffffff; text-decoration: none;font-size:26px;font-family:"ucida sans unicode";}
.blog_name a:hover {color: #ffffff; text-decoration: underline;font-size:26px;font-family:"ucida sans unicode";}
blog_description {color: #ffffff; font-size:8px; font-family:"ucida sans unicode" }

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