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

ホーム

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

テンプレート名 : TWILIGHT 未完…

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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}" />
</HEAD>

<BODY>

<B>- {blog_name} -</B>

</DIV></TD>
  <TD class="side"></TD>
 </TR>
 <TR>

  <TD class="left" valign="top" align="right">
<DIV class="menu">SELECTED ENTRIES<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050903_19626.gif"></DIV>

{selected_entry_list}

<DIV class="menu">CATEGORIES<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050903_19626.gif"></DIV>

{category_list}

<DIV class="menu">CALENDAR<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050903_19626.gif"></DIV>

<TT>{calendar2_addzero}</TT>

<DIV class="menu">RECENT COMMENTS<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050903_19626.gif"></DIV>

{recent_comment_list}

<BR>
{ad}
</TD>

<TD class="middle" valign="top" align="center">

<DIV class="entry">
<B class="entry_title">{entry_title}</B><BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050917_29542.jpg" style="margin: -1px 0px 15px 0px"><BR>
<DIV class="entry_description" align="left">
{entry_description}</DIV>
<BR>
<BR>
<DIV class="entry_description" align="left">
{entry_sequel}</DIV><BR>
<HR size="1" color="#aa9900" noshade>
<DIV class="entry_data" align="right">{entry_date} {entry_time} | {comment_num}</DIV>
<HR size="1" color="#aa9900" noshade>
<DIV>{comment_description} </DIV>
</DIV>

</TD>

<TD class="right" valign="top" align="right">

<DIV class="menu">OWNER<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050905_20644.gif"></DIV>

{user_list}

<DIV class="menu">RECOMMEND<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050905_20644.gif"></DIV>

<A href="{amazon_url}" title="{amazon_comment}"><IMG src="{amazon_ImageUrlSmall}"><BR>
{amazon_ProductName}</A><BR>

<DIV class="menu">LINKS<BR>
<IMG src="http://img-cdn.jg.jugem.jp/e32/82332/20050905_20644.gif"></DIV>

{link_list} 

<UL><li><A title="Design and Photo by TAKUTO" href="http://windsdestination.client.jp/">Wind's Destination</A></li></UL>
</TD>
 </TR>
</TABLE>

</BODY>

</HTML>

CSS

body{
 font-size: 8.5pt;
 letter-spacing: 2px;
 font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅";
 margin: 0px;
 background-color: #222222;
 background-image: url(http://img-cdn.jg.jugem.jp/e32/82332/20050903_19627.gif);
  scrollbar-face-color:black;
  scrollbar-highlight-color:black;
  scrollbar-shadow-color:WHITE;
  scrollbar-3dlight-color:WHITE;
  scrollbar-arrow-color:WHITE;
  scrollbar-track-color:black;
  scrollbar-darkshadow-color:black;
}
IMG{
 border-width: 0px;
}
TABLE{
 width: 900px;
 height: 100%;
}
A{
 text-decoration: none;
 color: #ffffdd;
}
A:HOVER{
  color :ffffdd;
  text-decoration : none;
  cursor : default;
  visibility : visible;
  float : none;
  clear : none;
  position : relative;
  top : 1pt;
  left : 1pt;
}
ul{
 font_size: 7pt;
}
.entry{
 width: 96%;
 border-style: solid;
 border-color: #000000;
 border-width: 10px 2px 1px 2px;
 margin: 20px 2px 20px 2px;
 padding: 10px 5px 15px 5px;
 background: #000000 url(http://img-cdn.jg.jugem.jp/e32/82332/20050906_21973.jpg) no-repeat fixed 50% 100%;
 color: #ffffff;
 font-size: 7.8pt;
 letter-spacing: 2px;
 line-height: 125%;
}
.side{
 width: *%;
 height: 150px;
 font-size: 8.5pt;
 color: #ffffff;
 letter-spacing: 2px;
 font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅";
 background-color: #000000;
}
.title{
 width: 500px;
 height: 150px;
 font-size: 14pt;
 color: #222222;
 letter-spacing: 2px;
 font-family: "Times New Roman","Palatino Linotype","HG-制楷書体-PRO";
 background-color: #000000;
 background-image: url(http://img-cdn.jg.jugem.jp/e32/82332/20050903_19628.jpg);
 background-position: 50% 50%;
 background-repeat: no-repeat;
}
.title DIV{
margin-top: 100px;
margin-right: 20px;
}
.title A{
 text-decoration: none;
 color: #222222;
}
.left{
 width: 200px;
 height: *%;
 font-size: 7.5pt;
 color: #ffffff;
 letter-spacing: 2px;
 line-height: 11pt;
 font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅";
 background-color: #000000;
}
.left .menu{
 margin-top: 20px;
 font-size: 8.5pt;
 line-height: normal;
 font-family: "Times New Roman","Palatino Linotype","HG-制楷書体-PRO";
}
.middle{
 width: 500px;
 height: *%;
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 font-size: 8.5pt;
 color: #ffffff;
 letter-spacing: 2px;
 font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅";
 background-color: #666666;
 background-image: url(http://img-cdn.jg.jugem.jp/e32/82332/20050903_19627.gif);
 overflow: scroll;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:black;
  scrollbar-darkshadow-color:black;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:black;
  scrollbar-shadow-c  olor:#ffffff;
  scrollbar-track-color:#ffffff;
}
.right{
 width: 200px;
 height: *%;
 font-size: 7.5pt;
 color: #ffffff;
 letter-spacing: 2px;
 line-height: 11pt;
 font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅";
 background-color: #000000;
}
.right .menu{
 margin-top: 20px;
 font-size: 8.5pt;
 line-height: normal;
 font-family: "Times New Roman","Palatino Linotype","HG-制楷書体-PRO";
}
.calendar{
 width: 140px;
}
.cell{
 width: 20px;
}
.entry_title{
 margin-top: 20px;
}
.links{
 height: 200px;
}
.linktext{
 background-color: #000000;
}

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