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

ホーム

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

テンプレート名 : down

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<title>{site_name}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print">
<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>
<BODY onload="javascript:initval();">
<TABLE border="0" width="800" style="background-image : url(http://img-cdn.jg.jugem.jp/551/957776/20081022_346422.jpg);background-repeat : no-repeat;background-position : left top;" background="http://img-cdn.jg.jugem.jp/551/957776/20081018_334095.jpg">
  <TBODY>
    <TR>
      <TD align="right" valign="middle" colspan="3">designed by <A href="http://pizzica.jugem.jp/">les pas du pizzicato</A></TD>
    </TR>
    <TR>
      <TD colspan="3" align="center" valign="middle" height="238">
      <DIV align="right"></DIV>
      
      <FONT color="#ffffff" size="6" face="ＭＳ Ｐ明朝">{site_title}</FONT><BR>
      <FONT color="#ffffff" size="2">{blog_description}<br><br>
<A href="{blog_url}">&gt;&gt;top page</A></FONT>
      </TD>
    </TR>
    <TR>
      <TD align="center" colspan="3"><BR>
      <BR>
      <BR>
      
      <DIV align="center">{calendar_horizontal}</DIV>
      </TD>
    </TR>
    <TR>
      <TD width="200" valign="top"><BR>
      <DIV align="right" class="left">last entries</DIV>
      <HR style="color : black;" width="90%" noshade align="left">
      <DIV>{latest_entry_list}</DIV><BR>
      <BR>
      <DIV align="right" class="left">categories</DIV>
      <HR style="color : black;" width="90%" noshade align="left">
      <DIV>{category_list}</DIV><BR>
      <DIV align="right" class="left">archives</DIV>
      <HR style="color : black;" width="90%" noshade align="left">
      <DIV>{archives_list}</DIV><BR>
      <DIV align="right" class="left">comment</DIV>
      <HR style="color : black;" width="90%" noshade align="left">
      <DIV>{recent_comment_list}</DIV><BR>
      <DIV align="right" class="left">profile</DIV>
      <HR style="color : black;" align="left" width="90%" noshade>
      <DIV>{user_list}</DIV><BR>
      <DIV align="right" class="left">links</DIV>
      <HR style="color : black;" align="left" width="90%" noshade>
      <DIV>{link_list}</DIV><BR>
      
	<DIV align="right" class="left">others</DIV>
      <HR style="color : black;" align="left" width="90%" noshade>
<DIV class="left">	<A href="./admin/">管理者ページ</A><BR>
      <A href="./?mode=rss">RSS1.0</A><BR>
      <A href="./?mode=atom">Atom0.3</A></DIV>
<BR>
      <BR>
      <BR>
      <BR>
      <DIV align="center">{ad}</DIV>
      </TD>
      <TD class="ent" align="left" valign="top" width="520"><BR>
      <DIV align="center">{entry_title}</DIV>
      <HR noshade style="text-decoration : blink;border-width : 1px 1px 1px 1px;border-style : dashed dashed dashed dashed;border-color : silver silver silver silver;" size="1">
      <DIV align="right"><FONT color="#666666" size="2">{category_name} / {entry_date} {entry_time}</FONT></DIV>
      <DIV class="entr" align="left">{entry_description}</DIV>
      <DIV class="next"><FONT color="#666666">{entry_sequel}</FONT></DIV>
      <br>
      <DIV align="right">by {user_name}({comment_num} {trackback_num})</DIV>
      <HR style="color : black;" size="1" noshade>
      
      <DIV align="center">{prev_entry} | <A href="./">main</A> | {next_entry}</DIV>
      <BR>
      
      <DIV class="com">comment:</DIV>
      <DIV class="comm">{comment_description} </DIV>
      <DIV align="right"><FONT color="#999999" size="2">{comment_name} / {comment_time}</FONT></DIV>
      
      <DIV align="center">
      <form name="comment_area" action="./?mode=comment" method="post"><input type="hidden" name="entry_id" value="{entry_id}" /><label for="name">name : </label><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="form" /><br />
      <label for="email">email : </label><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="form" /><br />
      <label for="url">　 url : </label><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="form" /><br />
      <label for="description">comments:</label><br />
      <textarea tabindex="4" id="description" name="description" rows="7" cols="50" class="form"></textarea><br />
      <BR>
      <input type="checkbox" name="set_cookie" value="1" id="set_cookie">
							<label for="set_cookie">Cookieに登録</label><BR>
      <input tabindex="5" type="submit" value="submit" onclick="javascript:setval();" class="button" /></form>
      <BR>
      </DIV>
      <A name="trackback" href=""></A>
      <DIV align="center">url: {trackback_url}</DIV>
      <DIV class="com">tackback:</DIV>
      <DIV class="comm">{trackback_title}</DIV>
      <DIV class="comm">{trackback_excerpt} </DIV>
      <DIV align="right"><FONT color="#999999" size="2">{trackback_blog_name} / {trackback_time}</FONT></DIV>
      
      <DIV align="center">profile<BR>
      <BR>
      <BR>
      </DIV>

<DIV align="right" class="pro"><B>{profile_name}</B></DIV>
      <HR style="color : black;" size="1" noshade width="100%">
      <DIV class="prof" align="right">
							{profile_description}
						</DIV>

<DIV align="center">{prev_page_link} | {page_now}/{page_num} | {next_page_link}</DIV>
      
      </TD>
      <TD class="ent" align="left" valign="top" width="80"></TD>
    </TR>
    <TR>
      <TD valign="top" colspan="2" height="30" align="center">
      <DIV>		<address>{copyright}</address></DIV>
      </TD>
      <TD valign="top"></TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</html>

CSS

.ent {
	border-left-width: 10px;}
.entr {
	margin-left: 20px;}
.com {
	margin-left: 75px;}
.comm {
	margin-left: 150px;}
.left {
	margin-right: 30px;}
.next {
	margin-top: 5px;
	margin-left: 30px;}
.pro {
	margin-right: 60px;}
.prof {
	margin-right: 40px;}

INPUT {
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-top-color: black;
	border-left-color: black;
	border-right-color: black;
	border-bottom-color: black;
	background-color: white;
}TEXTAREA {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-color: black;
	border-left-color: black;
	border-right-color: black;
	border-bottom-color: black;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
	scrollbar-arrow-color: silver;
	scrollbar-shadow-color: white;
	scrollbar-base-color: white;
	scrollbar-track-color: white;
}

A {	color: black;}
A:LINK {	color: black;}
A:HOVER {	color: gray;
	text-decoration: line-through;}

BODY {
	font-size: 11px;
	font-family: "MS UI Gothic",Verdana;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 15px;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-highlight-color: white;
	scrollbar-arrow-color: silver;
	scrollbar-shadow-color: white;
	scrollbar-base-color: white;
	scrollbar-track-color: white;
}

DIV {
	font-size: 12px;
	font-family: "MS UI Gothic",Verdana;
	line-height: 15px;}

BR {
	word-spacing: normal;}

UL {
	margin-top: 2px;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 5px;}

LI {
	list-style-type: none;
}

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