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

ホーム

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

テンプレート名 : te07pink

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>

<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">
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="stylesheet" href="style.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}" />
</HEAD>

<DIV class="TITLE">{blog_name}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">CALENDAR</DIV>
<DIV class="calendar_body">{calendar}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">NEW ENTRIES</DIV>
<DIV class="LEFT_LINK_1">{latest_entry_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">ARCHIVES</DIV>
<DIV class="LEFT_LINK_1">{archives_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">CATEGORIES</DIV>
<DIV class="LEFT_LINK_1">{category_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">SELECTED ENTRIES</DIV>
<DIV class="LEFT_LINK_1">{selected_entry_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">TRACKBACK</DIV>
<DIV class="LEFT_LINK_1">{recent_trackback_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">COMMENTS</DIV>
<DIV class="LEFT_LINK_1">{recent_comment_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">LINKS</DIV>
<DIV class="LEFT_LINK_1">{link_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">PROFILE</DIV>
<DIV class="LEFT_LINK_1">{user_list}</DIV>

<P><BR>

<DIV class="LEFT_TITLE_1">OTHERS</DIV>
<DIV class="LEFT_LINK_1">
<UL>
<li><a href="./admin/">ADMIN</a></li>
<li><a href="{site_rss}">RSS1.0</a></li>
<li><a href="{site_atom}">Atom0.3</a></li>
<li><a href="http://lolipop.jp/" title="ロリポブログ">Powered by ロリポブログ</a></li>
</UL>
</DIV>

<P><BR>

<a name="sequel"></a>
<TABLE style="margin-left:10px"><TR valign="bottom">
<TD class="KIJI_TITLE">{entry_title}</TD>
<TD class="KIJI_DATE">{entry_date} {entry_time}</TD></TR></TABLE>
<DIV class="KIJI_HONBUN">{entry_description}</DIV>
<DIV class="KIJI_TUIKI">{entry_sequel}</DIV>
<DIV class="KIJI_STATE" align="right">{category_name}　{comment_num}　{trackback_num}</DIV>

<a name="comments"></a>
<DIV class="KIJI_TITLE">コメント</DIV>

<DIV class="KIJI_HONBUN">
{comment_description}
<DIV class="COMMENT_STATE">{comment_name}　{comment_time}</DIV>
</DIV>

<P><BR>

<DIV class="KIJI_TITLE">コメント フォーム</DIV>

<TABLE>
<TR align="center">
  <TD class="cell">NAME</TD>
  <TD><INPUT class="COMMENT_FORM" type="text" tabindex="1" name="name" value="{cookie_name}" style="width:300px"></TD>
</TR>
<TR align="center">
  <TD class="cell">MAIL</TD>
  <TD><INPUT class="COMMENT_FORM" type="text" tabindex="2" name="email" value="{cookie_email}" style="width:300px"></TD>
</TR>
<TR valign="center" align="center">
  <TD class="cell">HOME</TD>
  <TD><INPUT class="COMMENT_FORM" type="text" tabindex="3" name="url" value="{cookie_url}" style="width:300px"></TD>
</TR>
</TABLE>
<TEXTAREA class="COMMENT_FORM" tabindex="4" name="description" rows="5" cols="50" style="width:340px;"></TEXTAREA><BR>
<TABLE cellpadding="0" style="margin-top:3px"><TR>
<TD style="padding-right:10px"><INPUT tabindex="5" type="submit" value="SUBMIT" style="border:solid 1px #cccccc;background:url(../06/bg3.gif);width:100px;color:#999999"></TD>
<TD><INPUT type="checkbox" name="set_cookie" value="1" id="set_cookie" style="border:0" checked></TD>
<TD class="cell"><LABEL for="set_cookie">Cookie</LABEL></TD>
</TR></TABLE></FORM>

</DIV>

<P><BR>

<a name="trackback"></a>

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

<DIV class="KIJI_HONBUN">
{trackback_excerpt}
<DIV class="COMMENT_STATE">{trackback_title}｜{trackback_blog_name} | {trackback_time}</DIV>
</DIV>

<P><BR>

<DIV class="KIJI_TITLE">トラックバック アドレス</DIV>
<DIV class="KIJI_HONBUN">
<INPUT onmouseover="this.select()" readonly value="{trackback_url}"  style="border:0;color:#999999;width:300px">
</DIV>

<P><BR>

<P><BR>

<DIV class="KIJI_TITLE">プロフィール</DIV>
<DIV class="KIJI_HONBUN">
<DIV class="COMMENT_STATE">{profile_name}</DIV>
{profile_description}
</DIV>

<P><BR>

<P><BR>

<DIV class="KIJI_TITLE">BLOG DESIGNED by <A href="http://mama.oops.jp/" target="_blank">TABLE ENOCH</A></DIV>

<P><BR>

</DIV>

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

</BODY></HTML>

CSS

/*************************************************************
　　　　　CSS by TABLE E.NO.CH * http://mama.oops.jp/
          Ver.2006/09/02/jugem * Template name 「te07pink」
*************************************************************/

BODY{
  background:#ffffff url(http://img-cdn.jg.jugem.jp/28b/233272/20060902_53160.gif) repeat-y ;
  scrollbar-3dlight-color:#ffe1e6 ;
  scrollbar-darkshadow-color:#ffe1e6 ;
  scrollbar-highlight-color:#ffe1e6 ;
  scrollbar-shadow-color:#ffe1e6 ;
  scrollbar-arrow-color:#ffffff ;
  scrollbar-face-color:#ffe1e6 ;
  scrollbar-track-color:#ffffff ;
}

/******************************/
.TITLE{
  width:200px ;
  margin-left:25px ;
  text-align:center ;
  font:12px Verdana ;
  letter-spacing:2px ;
}
.TITLE A{
  text-decoration:none ;
  color:#666666 ;
}
.TITLE A:HOVER{
  font-weight:bold ;
}

/******************************/
.calendar_body{
  width:200px ;
  text-align:center ;
  margin-left:25px ;
}
.calendar{
  margin-top:10px ;
}
.calendar_month{
  padding-top:12px ;
  text-align:center ;
  font:10px Verdana ;
  color:#999999 ;
  letter-spacing:1.6px ;
}
.calendar_month A{
  padding-left:5px ;
  padding-right:5px ;
  color:#999999 ;
  text-decoration:none ;
}
.calendar_month A:HOVER{
  color:#ff9999 ;
  position:relative ;
  top:2px ; left:2px ;
}

.cell{
  width:25px ;
  height:20px ;
  text-align:center ;
  font:10px Verdana ;
  color:#666666 ;
}
.cell A{
  padding:5px ;
  color:#99ccff ;
  text-decoration:none ;
}
.cell A:HOVER{
  font-weight:bold ;
  BACKGROUND:#FFFFFF ;
}

/******************************/
.LEFT_TITLE_1{
  width:190px ;
  margin-left:25px ;
  text-align:center ;
  background-color:#FFFFFF ;
  margin-bottom:3px ;
  padding:5px ;
  font:10px Verdana ;
  color:#666666 ;
  letter-spacing:2px ;
}

UL,LI{
  margin:0 0 0 7px ;
  padding-left:0 ;
  font:10px Verdana ;
  color:#999999 ;
  list-style:none ;
}

.LEFT_LINK_1{
  width:190px ;
  margin-left:25px ;
  text-align:left ;
}
.LEFT_LINK_1 A{
  color:#99ccff ;
  text-decoration:none ;
}
.LEFT_LINK_1 A:HOVER{
  color:#666666 ;
  position:relative ;
  top:2px ; left:2px ;
}

/*****************************************************************************/
.KIJI_TABLE{
  border-top:solid 1px #ffe1e6 ;
}
.KIJI_TITLE{
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060902_53172.gif) no-repeat left center ;
  font:10px Verdana ;
  color:#666666 ;
  letter-spacing:2px ;
  padding:5px 5px 5px 18px ;
  margin-left:10px ;
}
.KIJI_TITLE A{
  color:#666666 ;
  text-decoration:none ;
}
.KIJI_TITLE A:HOVER{
  color:#ffb6c1 ;
}

.KIJI_DATE{
  font:10px Verdana ;
  color:#cccccc ;
  padding:5px ;
}
.KIJI_DATE A{
  color:#cccccc ;
  text-decoration:none ;
}
.KIJI_DATE A:HOVER{
  color:#ffb6c1 ;
}

.KIJI_HONBUN{
  margin-left:10px ;
  padding-top:10px ;
  font:10px Verdana ;
  color:#999999 ;
  line-height:160% ;
  letter-spacing:1.6px ;
  border-top:solid 1px #ffe1e6 ;
}

.KIJI_TUIKI{
  margin-left:10px ;
  margin-top:10px ;
  padding-top:10px ;
  font:10px Verdana ;
  color:#999999 ;
  letter-spacing:1.6px ;
  line-height:160% ;
  border-top:solid 1px #ffe1e6 ;
}
.KIJI_TUIKI A{
  color:#ffb6c1 ;
  text-decoration:none ;
}
.KIJI_TUIKI A:HOVER{
  background:#ffe1e6 ;
  color:#ffffff ;
}

.KIJI_STATE{
  margin-left:10px ;
  margin-top:10px ;
  padding-top:10px ;
  font:10px Verdana ;
  color:#999999 ;
  letter-spacing:1.6px ;
  line-height:160% ;
  border-top:solid 1px #ffe1e6 ;
  color:#99ccff ;
}
.KIJI_STATE A{
  color:#99ccff ;
  text-decoration:none ;
}
.KIJI_STATE A:HOVER{
  color:#ffb6c1 ;
  position:relative ;
  top:2px ; left:2px ;
}

/******************************/
.COMMENT_FORM{
  border:solid 1px #cccccc ;
}
.COMMENT_STATE{
  color:#99ccff ;
  margin-bottom:10px ;
}
.COMMENT_STATE A{
  color:#ffb6c1 ;
  text-decoration:none ;
}
.COMMENT_STATE A:HOVER{
  color:#99ccff ;
  position:relative ;
  top:2px ; left:2px ;
}

/******************************/
.copyright{
  margin-top:50px ;
  text-align:right ;
  font:10px Verdana ;
  color:#999999 ;
}
.copyright A{
  text-decolation:none ;
  color:#999999 ;
}
.copyright A:HOVER{
  color:#ffb6c1 ;
}

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