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

ホーム

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

テンプレート名 : ribon

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">

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<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" title="ATOM" href="{site_atom}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>{site_title}</title>
</HEAD>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">ARCHIVES</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{archives_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">CATEGORIES</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{category_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">NEW ENTRIES</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{latest_entry_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">SELECTED ENTRIES</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{selected_entry_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">RECENT COMMENT</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{recent_comment_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">RECENT TRACKBACK</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{recent_trackback_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">LINKS</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{link_list}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">MASTER</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{user_list}<UL>
<li><a href="{site_rss}">RSS1.0</a></li>
<li><a href="{site_atom}">Atom0.3</a></li>
<li><a href="./admin/">ADMIN</a></li>
</UL></TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">POWERED</SPAN></TD></TR>
<TR><TD class="LINK_TXT"><UL>
<li><a href="http://lolipop.jp/">Powered by ロリポブログ</a></li>

<li><a href="http://mama.oops.jp/">BlogDesigned by TABLE ENOCH</a></li>
</UL></TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">AMAZON</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{amazon_item}</TD></TR></TABLE>

<TABLE class="LINK_TABLE" cellspacing="0" cellpadding="0">
<TR><TD><SPAN class="LINK_TITLE">QRコード</SPAN></TD></TR>
<TR><TD class="LINK_TXT">{site_qrcode}</TD></TR></TABLE>

</TD><TD width="400">

<DIV align="right">
<SPAN id="BLOG_TITLE">{blog_name}</SPAN>
</DIV>

<DIV class="KIJI">
<DIV class="KIJI_TITLE">{entry_title}</DIV>
<DIV class="KIJI_DATE">{entry_date} {entry_time} - {category_name} -</DIV>
<DIV class="KIJI_TEXT">{entry_description}</DIV>
<DIV class="KIJI_TEXT">{entry_sequel}</DIV>
<DIV class="KIJI_STATE">{comment_num} - {trackback_num}</DIV>
</DIV>
{trackback_auto_discovery}

<a name="comments"></a>
<DIV class="KIJI">
<DIV class="KIJI_DATE">COMMENT</DIV>

<DIV class="KIJI_STATE">{comment_name}　{comment_time}</DIV>
<DIV class="KIJI_TEXT">{comment_description}</DIV>

<DIV class="KIJI_DATE">FORM</DIV>

<TABLE align="center"><TR><TD>
NAME<BR>
<INPUT class="COMMENT_INPUT" type="text" tabindex="1" name="name" value="{cookie_name}"><BR>
MAIL<BR>
<INPUT class="COMMENT_INPUT" type="text" tabindex="2" name="email" value="{cookie_email}"><BR>
HOME<BR>
<INPUT class="COMMENT_INPUT" type="text" tabindex="3" name="url" value="{cookie_url}"><BR>
COMMENT<BR>
<TEXTAREA class="COMMENT_INPUT" tabindex="4" name="description" rows="5"></TEXTAREA><BR>
</TD></TR><TR><TD align="center">
<TABLE style="margin-top:3px"><TR>
  <TD><INPUT class="COMMENT_SUBMIT" tabindex="5" type="submit" value="SUBMIT"></TD>
  <TD><INPUT type="checkbox" name="set_cookie" value="1" id="set_cookie" style="border:0" checked></TD>
  <TD><LABEL for="set_cookie">Cookie</LABEL></TD>
</TR></TABLE></TD></TR></TABLE>

</FORM></DIV>

</DIV>

<a name="trackback"></a>
<DIV class="KIJI">
<DIV class="KIJI_DATE">TRACKBACK</DIV>

<DIV class="KIJI_STATE">{trackback_title}｜{trackback_blog_name} | {trackback_time}</DIV>
<DIV class="KIJI_TEXT">{trackback_excerpt}</DIV>

<DIV class="KIJI_DATE">ADDRESS</DIV>
<DIV align="center"><INPUT class="TRACKBACK_INPUT" onmouseover="this.select()" readonly value="{trackback_url}"></DIV>

</DIV>

<DIV class="KIJI">
<DIV class="KIJI_DATE">PROFILE</DIV>
<DIV class="KIJI_STATE">{profile_name}</DIV>
<DIV class="KIJI_TEXT">{profile_description}</DIV>
</DIV>

<DIV class="COPYRIGHT">
<A href="{prev_page_url}">NEXT</A>
　|　{page_now} / {page_num}　|　
<A href="{next_page_url}">PREV</A>
</DIV>

<DIV class="COPYRIGHT">
<A href="{next_permalink}">NEXT</A>
　|　<a href="./">TOP</a>　|　
<A href="{prev_permalink}">PREV</A>
</DIV>

<DIV class="COPYRIGHT">{copyright}</DIV>

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

</BODY></HTML>
{ad}

CSS

/* CSS by TABLE E.NO.CH * http://mama.oops.jp/ */

HTML{
  scrollbar-3dlight-color:#000000 ;
  scrollbar-darkshadow-color:#000000 ;
  scrollbar-highlight-color:#000000 ;
  scrollbar-shadow-color:#000000 ;
  scrollbar-arrow-color:#ffffff ;
  scrollbar-face-color:#000000 ;
  scrollbar-track-color:#ffffff ;
}

BODY{
  margin:0 ;
  background-color:#000000 ;
  color:#ffffff ;
}

/* BLOG_TITLE */

#BLOG_TITLE{
  background-color:#ffffff ;
  padding:10px ;
  padding-left:80px ;
  font:12px Verdana ;
  letter-spacing:2px ;
}
#BLOG_TITLE A{
  color:#000000 ;
  text-decoration:none ;
}
#BLOG_TITLE A:HOVER{
  color:#999999 ;
}

/* COPYRIGHT */

.COPYRIGHT{
  margin-top:50px ;
  margin-bottom:10px ;
  font:10px Verdana ;
  color:#eeeeee ;
  text-align:center ;
}
.COPYRIGHT A{
  color:#eeeeee ;
  text-decoration:none ;
  border-bottom:solid 1px #666666 ;
}
.COPYRIGHT A:HOVER{
  background-color:#666666 ;
}

/* LINK */

.LINK_BODY{
  border-right:dashed 2px #ffffff ;
  width:200px ;
  text-align:left ;
}

.LINK_TABLE{
  margin-top:20px ;
  width:180px ;
}

.LINK_TITLE{
  padding-right:10px ;
  padding-left:20px ;
  background-color:#eeeeee ;
  color:#000000 ;
  font:10px Verdana ;
  letter-spacing:1.6px ;
  text-align:left ;
}

.LINK_TXT{
  padding-top:10px ;
  padding-left:10px ;
  color:#cccccc ;
  font:10px Verdana ;
  letter-spacing:1.6px ;
  line-height:150% ;
  text-align:left ;
}
.LINK_TXT A{
  color:#cccccc ;
  text-decoration:none ;
  border-bottom:solid 1px #666666 ;
}
.LINK_TXT A:HOVER{
  background-color:#666666 ;
}

UL,LI{
  margin-left:10px ;
  padding:0 ;
  line-height:160% ;
  list-style:square ;
}

/* ENTRY */

.KIJI{
  margin-top:20px ;
  margin-bottom:60px ;
  margin-left:30px ;
  width:370px ;
  text-align:left ;
}

.KIJI_TITLE{
  font:10px Verdana ;
  color:#ffffff ;
  letter-spacing:2px ;
  text-align:left ;
}

.KIJI_DATE{
  margin-top:3px ;
  margin-bottom:10px ;
  padding:2px ;
  font:10px Verdana ;
  background-color:#999999 ;
  color:#000000 ;
  text-align:left ;
}
.KIJI_DATE A{
  color:#000000 ;
  text-decoration:none ;
}
.KIJI_DATE A:HOVER{
  color:#ffffff ;
}

.KIJI_TEXT{
  margin-top:20px ;
  margin-right:5x ;
  margin-bottom:20px ;
  margin-left:12px ;
  font:10px Verdana ;
  color:#ffffff ;
  letter-spacing:2px ;
  line-height:15px ;
}
.KIJI_TEXT A{
  color:#cccccc ;
  text-decoration:none ;
  border-bottom:solid 1px #666666 ;
}
.KIJI_TEXT A:HOVER{
  color:#ffffff ;
  border-bottom:0 ;
}

.KIJI_STATE{
  margin-top:10px ;
  font:10px Verdana ;
  border-bottom:solid 1px #666666 ;
  color:#cccccc ;
  text-align:right ;
}
.KIJI_STATE A{
  color:#cccccc ;
  text-decoration:none ;
}
.KIJI_STATE A:HOVER{
  color:#ffffff ;
}

/* COMMENT */

.COMMENT_INPUT{
  margin-left:15px ;
  border:0 ;
  width:280px ;
  background-color:#ffffff ;
  font:10px Verdana ;
  color:#000000 ;
  scrollbar-3dlight-color:#ffffff ;
  scrollbar-darkshadow-color:#ffffff ;
  scrollbar-highlight-color:#ffffff ;
  scrollbar-shadow-color:#ffffff ;
  scrollbar-arrow-color:#000000 ;
  scrollbar-face-color:#ffffff ;
  scrollbar-track-color:#ffffff ;
}

.COMMENT_SUBMIT{
  margin-right:10px ;
  border:0 ;
  width:100px ;
  background-color:#000000 ;
  border:solid 1px #eeeeee ;
  font:10px Verdana ;
  color:#ffffff ;
}

/* TRACKBACK */

.TRACKBACK_INPUT{
  border:0 ;
  width:300px ;
  background-color:#000000 ;
  font:10px Verdana ;
  color:#ffffff ;
}

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