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

ホーム

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

テンプレート名 : ウェールズ

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="{site_encoding}"?>
<!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">
<HEAD>
	<META http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
	<META http-equiv="Content-Style-Type" content="text/css" />
	<META http-equiv="Content-Script-Type" content="text/javascript" />
	<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}" />
	<TITLE>{site_title}</TITLE>
</HEAD>

<DIV ID="header">
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD>

<A href="http://nankin-mk.com/arthur/">The Sher of Avalon</A> | 
<A href="http://nankin-mk.com/arthur/bbs/yybbs.cgi">bbs</A> | 

<A href="./admin/">Blog Admin</A> | </TD>

<FORM method="get" action="">
<TD>
<DIV class="search">
Search this site.<INPUT id="search" name="search" size="20" style="width:140px" class="form" />
<INPUT type="submit" value="Search" class="button" />
</DIV>
</TD></FORM>

</TR>
</TABLE>
</DIV>

<H1 class="site_title">{blog_name}</H1>
<DIV class="description">{blog_description}</DIV>


<DIV class="calendar">{calendar_horizontal}</DIV>

<DIV id="content">
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR valign="top">

<TD class="con-left">

<DIV class="entry_navi">
 {prev_entry} | <A href="./">main</A> | {next_entry} 
</DIV>

<TABLE  border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_top.gif" width="452" height="15" alt="" /></TD>
</TR>
<TR>
<TD class="entry">
<DIV class="entry_title">{entry_title}</DIV>
<DIV class="entry_date">{entry_date}</DIV>
<DIV class="entry_body">{entry_description}</DIV>
<A name="sequel"></A>
<DIV class="entry_more">{entry_sequel}</DIV>
<DIV class="entry_state">| {user_name} | {category_name} | {entry_time} | {comment_num} | {trackback_num} |</DIV>
</TD>
</TR>
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_bottom.gif" width="452" height="17" alt="" /></TD>
</TR>
</TABLE>

{trackback_auto_discovery}

<A name="comments"></A>

<DIV class="entry_date">コメント</DIV>

<DIV class="entry_body">
{comment_description}
</DIV>
<DIV class="entry_state">
| {comment_name} | {comment_time} | 
</DIV>
<BR />

<DIV class="entry_date">コメントする</DIV>
<DIV class="entry_body">
<FORM 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}" />
<BR />
<LABEL for="email">email:</LABEL><BR />
<INPUT type="text" tabindex="2" name="email" id="email" value="{cookie_email}" />
<BR />
<LABEL for="url">url:</LABEL><BR />
<INPUT type="text" tabindex="3" name="url" id="url" value="{cookie_url}" />
<BR />
<LABEL for="description">comments:</LABEL><BR />
<TEXTAREA tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;"></TEXTAREA>
<BR />
<BR />
<INPUT type="submit" value="コメント送信" />
<INPUT type="checkbox" name="set_cookie" value="1" id="set_cookie">
<LABEL for="set_cookie">Cookieに登録</LABEL>
</FORM>
</DIV>
</TD>
</TR>
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_bottom.gif" width="452" height="17" alt="" /></TD>
</TR>
</TABLE>

<A name="trackback"></A>
<TABLE  border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_top.gif" width="452" height="15" alt="" /></TD>
</TR>
<TR>
<TD class="entry">
<FORM>
<DIV class="entry_date">この記事のトラックバックURL</DIV>
<DIV class="entry_body"><INPUT type="text" size="50" value="{trackback_url}" style="width:400px; border-style: solid ; border-color: #CCCCCC; border-width: 1px; padding:3px;" /></DIV>
</FORM>

<DIV class="entry_date">トラックバック</DIV>

<DIV class="entry_title">{trackback_title}</DIV>
<DIV class="entry_body">{trackback_excerpt}</DIV>
<DIV class="entry_state">
 | {trackback_blog_name} | {trackback_time} | 
</DIV>

</TD></TR>
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_bottom.gif" width="452" height="17" alt="" /></TD>
</TR>
</TABLE>

<TABLE  border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_top.gif" width="452" height="15" alt="" /></TD></TR>
<TR><TD class="entry">
<DIV class="entry_date">プロフィール</DIV>
<DIV class="entry_title">{profile_name}</DIV>
<DIV class="entry_body">{profile_description}</DIV>
</TD>
</TR>
<TR>
<TD><IMG src="http://nankin-mk.com/blog/chalice/entry_bottom.gif" width="452" height="17" alt="" /></TD>
</TR>
</TABLE>

</TD>

<TD class="con-right">

<DIV class="links">
<DIV class="linktitle">
LINKS<BR />
</DIV>
<DIV class="linktext">
{link_list}
</DIV>
</DIV>

<DIV class="links">
	<DIV class="linktitle">
	amazon<BR />
	</DIV>
	<DIV class="linktext">
	{amazon_item}
	</DIV>
</DIV>

<DIV class="links">
<DIV class="linktitle">
NEW ENTRIES<BR />
</DIV>
<DIV class="linktext">
{latest_entry_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktitle">
RECENT COMMENTS<BR />
</DIV>
<DIV class="linktext">
{recent_comment_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktitle">
RECENT TRACKBACK<BR />
</DIV>
<DIV class="linktext">
{recent_trackback_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktitle">
CATEGORIES<BR />
</DIV>
<DIV class="linktext">
{category_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktext">
<FORM method="get" action="http://www.amazon.co.jp/exec/obidos/external-search">
<TABLE border="0" cellpadding="0" cellspacing="0" class="amazon-search">
<TR>
<TD align="RIGHT" valign="middle"><B>サーチ: </B></TD>
<TD align="left" valign="middle"> 
<SELECT name="mode">
<OPTION value="blended">すべての商品
<OPTION value="books-jp">和書
<OPTION value="books-us">洋書
<OPTION value="music-jp">音楽
<OPTION value="classical-jp">クラシック
<OPTION value="dvd-jp">DVD
<OPTION value="vhs-jp">ビデオ
<OPTION value="software-jp">ソフトウェア
<OPTION value="videogames-jp">TVゲーム
</SELECT>
</TD>
</TR>
<TR>
<TD align="RIGHT" valign="middle"><B>サーチ:</B></TD>
<TD align="left" valign="middle">
<INPUT type="text" name="keyword" size="10" value="">
<INPUT type="hidden" name="tag" value="avalonmizube-22">
<INPUT type="hidden" name="tag" value="avalonmizube-22">
<INPUT type="hidden" name="encoding-string-jp" value="日本語">
<INPUT type="image" border="0" value="Go" name="Go" src="http://www.nankin-mk.com/amazon/go-button.gif" align="absmiddle" width="21" height="21">
</TD>
</TR>
<TR bgcolor="#000000">
<TH colspan="2" valign="top" align="center">
<A href="http://www.amazon.co.jp/exec/obidos/redirect-home?tag=avalonmizube-22"><IMG src="http://www.nankin-mk.com/amazon/jp_searchbox.gif" border="0" hspace="0" vspace="0" alt="Amazon.co.jpアソシエイト" width="146" height="33"></A>
</TH>
</TR>
</TABLE>
</FORM>
</DIV> 
</DIV>

<DIV class="links">
<DIV class="linktitle">
ARCHIVES<BR />
</DIV>
<DIV class="linktext">
{archives_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktitle">
PROFILE<BR />
</DIV>
<DIV class="linktext">
{user_list}
</DIV>
</DIV>

<DIV class="links">
<DIV class="linktext">
<UL>
<LI><A href="./admin/">管理者ページ</A></LI>
<LI><A href="./?mode=rss">RSS1.0</A></LI>
<LI><A href="./?mode=atom">Atom0.3</A></LI>
<LI><A href="https://jugem.jp/" title="ブログのレンタルならJUGEM（じゅげむ）">Powered by "JUGEM"</A></LI>
</UL>
</DIV>
</DIV>

{ad}

</TD>
</TR>
</TABLE>
</DIV>

<BR />
<TABLE border="0" cellspacing="0" cellpadding="0" class="copyright">
<TR valign="top">
<TD>
{copyright}<BR />
photo by <A href=""http://arthur-min.jugem.jp/" target="_blank">min onouchi</A>
</TD>

<TD align="right">
<A href="#top">go to PAGETOP</A>
</TD>
</TR>
</TABLE>

</DIV>
</BODY>
</HTML>

CSS

body	{margin: 0px;
	padding: 0px;
	background-color: #FFF;
	color: #212121;
	font-size: 12px;}
#header
	{width: 760px;
border-right: 1px solid #666;
	border-bottom: 1px solid #666;}

div#header table{
width: 760px;
	margin: 0px;
	padding: 0px;
	background-color: #E8DFD9;
	font-size: 10px;
}
	
div#header table td{
padding: 3px 15px 3px 30px;
}

/*背景写真はここで変更できます*/
/*カレンダーとエントリーの背景は自動で50%の濃さになります*/
#bg	{width: 760px;
	background-image: url(http://nankin-mk.com/blog/chalice/bg.jpg);
	background-repeat:no-repeat;
	background-position: 100% 0%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-right: 1px solid #666;}
	
#content
	{margin: 0px 0px 0px 30px;
	padding: 0px;}
.con-left
	{/*width: 480px;*/
	margin: 0px;
	padding: 0px 15px 0px 0px;}
table td.con-left table
	{width: 452px;
	margin: 0px 0px 30px 0px;
	padding: 0px;}

.con-right
	{margin: 0px;
	padding: 0px 15px 0px 15px;}

div {font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	}

a:link {color:#663366; text-decoration:underline;}
a:visited {color:#947094; text-decoration:underline;}
a:active {color:#D55580; text-decoration:none;}/*CC3366*/
a:hover {color:#D55580; text-decoration:none;}

h1	{margin:0px;
	padding:0px;
	font-size: 20px;
	font-weight: bolder;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}

ul	{margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-image: url("http://nankin-mk.com/blog/chalice/ul.gif") ;
	list-style-type: circle; }
li	{margin: 0px;
	padding: 0px 0px 3px 0px;
	font-size: 10px;
	line-height: 120%;}

.site_title
	{margin: 15px 10px 10px 30px;
	color: #67120E;}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover 
	{color: #67120E;
	text-decoration:none;}

.description
	{margin: 0px 10px 70px 30px;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	line-height: 150%;}

.entry
	{width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px;
	background-image: url(http://nankin-mk.com/blog/chalice/entry_bg.gif);
	background-repeat:repeat-y;
	/*background-color: #FFFFFF;*/}

.entry_navi
	{width: 440px;
	margin:0px 5px 10px 5px;
	padding: 0px 0px 5px 0px;
	font-size: 12px;
	text-align:center;
	border-bottom: 2px dotted #A56843;}
.entry_title
	{margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 14px;
	font-weight: bolder;
	color: #67120E;
	border-bottom: 1px dotted #CCCCCC;}
	
.entry_date 
	{margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 11px;
	text-align:right;
	border-bottom: 1px dotted #CCCCCC;}

.entry_body
	{margin: 15px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 170%;
	color: #333333;}

.entry_more
	{margin: 15px 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 170%;
	color: #333333;}

.entry_state
	{margin: 20px 0px;
	padding: 0px;
	font-size: 10px;
	color: #666666;}

blockquote
	{margin: 20px 10px 20px 10px;
	padding: 10px;
	font-size: 11px;
	color: #666666;
	border-color: #CCCCCC;
	border-style: dotted dotted dotted solid;
	border-width: 1px 1px 1px 3px;}

.pict
	{border-width: 1px;
	border-style: solid;
	border-color: #ffffff;}

.links
	{margin: 0px 0px 20px 0px;
	padding: 0px;}

.linktitle
	{margin: 0px 0px 5px 0px;
	padding: 0px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #67120E;
	line-height: 100%;
	border-left: solid #67120E 7px;}

.linktext
	{margin: 0px 0px 20px 10px;
	font-size: 10px;
	line-height: 170%;}

/* SEARCH--------------------------- */
.search 
	{margin: 0px;
	font-size: 10px;
	text-align:right;}

.template
	{margin: 20px 0px 5px 20px;
	font-size: 10px;
	color: #333333;
	line-height: 170%;}

/* FOOTER--------------------------- */
.copyright
	{width: 700px;
	margin: 0px 30px 10px 30px;
	padding: 5px 0px;
	font-size: 11px;
	line-height: 150%;
	/*border-top: 1px solid #666;*/
	border-top: 2px dotted #A56843;}

/* CALENDAR--------------------------- */
.calendar
	{margin: 0px 0px 10px 0px;
	padding: 5px 30px;
	background-image: url(http://nankin-mk.com/blog/chalice/bg_calen.gif);
	font-family: "Verdana";
	font-size: 10px;
	color: #333333;
	text-align: center;}

.cell
	{padding: 0px 10px;
	width: 24px;
	height: 18px;}
/* CLOCK--------------------------- */
.clock {margin: 0px 0px 0px 20px;}

/*amazon search box*/
.amazon-search {
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #999999;
font-size: 11px;
}
table.amazon-serch td{
padding: 1px;}

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