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

ホーム

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

テンプレート名 : Laurus nobilis

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" 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" />
<title>{site_title}</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>
<script src="./template/30days_1/js/menu.js" type="text/javascript"></script>
</head>

<div id="wrapper">
<a name="top" id="top"></a>

<div id="header">

<h1>{blog_name}</h1>
<p>{blog_description}</p>

</div>

<div id="MENU1" class="MENU">

<div class="list_text">{user_list}</div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> about me <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div id="MENU2" class="MENU">

<div class="list_text">{category_list}</div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> category <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div id="MENU3" class="MENU">
<div style="height:300px; overflow-x:hidden; overflow-y:scroll; border:0px solid; background-color:; color:#707070; line-height:1.5em;scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#333; scrollbar-darkshadow-color:#fff; scrollbar-face-color:#fff; scrollbar-shadow-color:#fff; scrollbar-track-color:#fff; scrollbar-highlight-color: #fff;">

<div class="amazon_item"><a href="{amazon_url}" target="_blank"><img border="0" src="{amazon_ImageUrlMedium}" alt="{amazon_ProductName} / {amazon_Creator}" ></a><br><a href="{amazon_url}" target="_blank">{amazon_ProductName}</a><br> {amazon_Creator} <br>{amazon_comment}</div>

</div>
<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> recommend <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div id="MENU4" class="MENU">

<div class="list_text">{recent_comment_list}</div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> comment <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div id="MENU5" class="MENU">

<div class="list_text">{archives_list}</div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> archives <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>
	
	
<div id="MENU6" class="MENU">

<div class="list_text">{link_list}<ul><li><a href="./manage/">管理者ページ</a></ul></li></div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> link <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div class="f_t">{freespace_title1}</div>
<div class="f_c">{freespace_contents1}</div>

<div class="f_t">{freespace_title2}</div>
<div class="f_c">{freespace_contents2}</div>

<div class="f_t">{freespace_title3}</div>
<div class="f_c">{freespace_contents3}</div>

<div class="f_t">{freespace_title4}</div>
<div class="f_c">{freespace_contents4}</div>

<div class="f_t">{freespace_title5}</div>
<div class="f_c">{freespace_contents5}</div>

</div>

<div class="list_title"><img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif" alt="" width="20" height="16"> others menu <img src="http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779251.gif" alt="" width="20" height="16"></div>
</div>

<div id="linkmenu" class="clearFix">
<a href="" onclick="return buttonClick(event, 'MENU1');">about</a>  |
<a href="" onclick="return buttonClick(event, 'MENU2');">category</a> |
<a href="" onclick="return buttonClick(event, 'MENU4');">voice</a> |
<a href="" onclick="return buttonClick(event, 'MENU5');">log</a> |
<a href="" onclick="return buttonClick(event, 'MENU3');">recommend</a> |
<a href="" onclick="return buttonClick(event, 'MENU6');">link</a> |
<a href="" onclick="return buttonClick(event, 'MENU7');">other</a>
</div>

<div id="content">

<div id="main">

<div class="entry_navi">{prev_entry} | <a href="./">main</a> | {next_entry} </div>

<div class="entry_area">
<div class="entry_content clearFix">
<div class="entry_header clearFix">
<div class="entry_title">{entry_title}</div>
<div class="entry_date">{entry_year}{entry_month}{entry_day}</div> 
</div>
<div class="entry clearFix">{entry_description}</div>
<a name="sequel" id="sequel"></a>
<div class="entry clearFix">{entry_sequel}</div>
<div class="entry_footer">
<ul class="state clearFix">
{category_name} : <a href="{entry_permalink}#comments">CM({comment_num_only})</a> : {entry_time}</ul>
</div>
</div>
</div>

		

<a name="comments" id="comments"></a>
<div class="entry_area">
<div class="entry_content clearFix">
<dl id="com_area">
<dt class="title">comment</dt>

<dt class="com_desc">{comment_description}</dt>
<dd>
<ul>{comment_name} > {comment_year}{comment_month}{comment_day} {comment_hour_24}:{comment_minute}</ul>
</dd>

</dl>

<dl id="com_form">
<dd>
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" class="input" />
<label for="name">Name</label><br />
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
<label for="email">Email</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />
<label for="url">URL</label><br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /><br />
<label for="description">Comments</label><br />
<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />
<span class="form_line"><input tabindex="5" type="submit" value="comment"onclick="javascript:setval();" />&nbsp;
<input type="checkbox" name="set_cookie" value="1" id="set_cookie"><label for="set_cookie">&nbsp;cookie*</label></span>
</form>
</dd>
</dl>
</div>
</div>

                

<div class="entry_area">
<div class="entry_content clearFix">
<dl id="profile_area">
<dt class="title">about me</dt>
<dd class="txt_bold"></dd>
<dd>{profile_description}</dd>
</dl>
</div>
</div>
 
		
<div class="navi_area clearFix">

<div class="page_navi">{prev_page_link} | {page_now}/{page_num} | {next_page_link}</div>

<div class="page_top"><a href="#top">▲back to top</a></div>
</div>

<center>
<dl>
<dt>PR</dt>
<dd>{ad}</dd>
</dl>
</center>

</div>

</div>

<address class="copyright">template by <a href="http://nymphaealotu.jugem.jp/" target="_blank">black butterfly</a> / material by <a href="http://tailfin.rejec.net/~tiptoe/" target="_blank">tiptoe</a></address>

</div>

</body>
</html>

CSS

@charset "EUC-JP";

/* ----------------------------------------
 カスタマイズは利用規約の範囲内でお願いします

禁止事項
・画像のみ持ち出し
・著作権削除 改変(カスタマイズ後もNG)
・再配布、アダルトサイトでの使用

詳しい規約は以下で確認してください

利用規約↓
http://nymphaealotu.jugem.jp/?eid=1

最終更新日2011/4/02　＠黒蝶
---------------------------------------- */

* {
margin: 0px 0px;
padding: 0;
zoom: 1;
}

html {
font-size: 10px;
overflow-y: auto;
}

body {
background: url(http://img-cdn.jg.jugem.jp/fbb/2021078/20110407_1777721.gif) fixed;
padding: 0 0 0px 0;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#333333;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}

body, table, form, select, input, textarea {
font-size:11px;
font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
color: #000;
line-height:2.0em;
}

br { letter-spacing: normal } 
img {border:none;vertical-align:top;}

/* =================================== */
/* レイアウトの設定 */
/* =================================== */
#wrapper {
background: #FFF url(http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779168.gif) no-repeat top center;
width: 520px;
margin: 0 auto;
padding: 0 0 0px 0;
border-top:5px solid #000;
border-bottom:5px solid #000;
}

#header {
width:520px;
clear:left;
margin:0px;
padding:40px 0 0 0;
}

/* #main,#side用のblock */
#content {
width: 520px;
padding: 0px;
margin: 0 auto;
}

#main {
width: 520px;
margin: 20 auto;
padding: 50;
}

/*ページ送り*/
#page_area { margin: 0;}

/* フッター */
address {
padding: 15px 0 0 0;
margin: 0;
text-align: center;
font-style: normal;
background: url(http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779210.gif) no-repeat bottom center;
}

/*フッター画像*/
#footer {}

/* =================================== */
/* リンクカラーの設定 */
/* =================================== */
/* 全般 */
a { color: #ef6258; text-decoration: underline; }
a:link { color: #ef6258; text-decoration: underline; }
a:visited { color: #ef6258; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
a:hover	{ color: #000; text-decoration: none;}

/* ヘッダー */
#header a { color: #000; text-decoration: none; }
#header a:link { color: #000; text-decoration: none; }
#header a:visited { color: #000; text-decoration: none; }
#header a:active { color: #ef6258; text-decoration: none; }
#header a:hover { color: #ef6258; text-decoration: none; background:none; }

/* サイドコンテンツ */
#side a { color: #000; text-decoration: none; }
#side a:link { color: #000; text-decoration: none; }
#side a:visited { color: #000; text-decoration: none; }
#side a:active { color: #ef6258; text-decoration: underline; }
#side a:hover { color: #ef6258; text-decoration: underline; }

/* =================================== */
/* 装飾の設定 */
/* =================================== */
blockquote {
border: 1px dotted #CCC;
padding: 12px;
margin: 12px;
}

.left { float: left;}
.right { float: right;}

.clear {
clear: both;
font: 0/0 sans-serif;
}
.submit {}
a#top, a#sequel {font-size: 0;}

#main .pict {border:1px solid #ef6258; padding:3px;}

/* =================================== */
/* #header */
/* =================================== */
/* ブログタイトル */
#header h1 {
font-size:23px;
text-align: center;
font-family: Georgia,"Times New Roman",serif;
letter-spacing: 1px;
padding:0px 0px 0px 0px;
}

/* ブログ説明文 */
#header p {
text-align: center;
margin: 0px 0px 20px 0px;
padding:5px 0 0px 0px;
letter-spacing: 1px;
}

/* カテゴリーメニュー */
#linkmenu {
font-family: Georgia,"Times New Roman",serif;
text-align: center;
margin: 5px auto;
padding:0px 0px 0px 0px;
line-height: 1;
width: 520px;
}

#linkmenu a {
text-decoration: none;
font-weight: normal;
}

.MENU {
visibility: hidden;
z-index: 999;
position: absolute;
width:240px;
margin-top: 5px;
padding: 10px;
background: #ffffff;
border: 1px #cccccc solid;
}
.list_title {
font-family: Georgia,"Times New Roman",serif;
text-align: center;
margin: 10px 0 0 0;
padding: 9px 0 0 0;
line-height: 1;
font-weight: bold;
border-top: 1px dotted #dadada;
}
.MENU li {
list-style: disc;
margin: 0 0 6px 13px;
padding: 0 0 0 0px;
line-height: 1.3;
}
.MENU li a {
text-decoration: none;
color: #000000;
}
.MENU li a:hover,
.MENU li a:active {
color: #ef6258;
text-decoration: underline;
}
.MENU li a:visited {
color: #000000;
text-decoration: none;
}

/* =================================== */
/* #main */
/* =================================== */
/*エントリーナビゲーション*/
#main .entry_navi{
margin: 0;
padding: 20px 0px 5px 0px;
text-align: center;
}
.navi_area {
width: 470px;
margin: 0 auto;
}

/* エントリー部分全体 */
.entry_area {
width: 470px;
padding: 0 0 0 23px;
margin: 0px;
}
.entry_content {	
width: 470px;
padding: 0;
margin: 0 auto;
}

/* エントリータイトル */
.entry_title {
width: 448px;
float: left;
color: #000;
font-size: 11px;
font-weight: bolder;
padding:0px 0 0px 22px;
margin: 20px 0px 3px 0px;
border-bottom: 1px solid #000;
background: url(http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif) no-repeat top left;
}

/* エントリー内見出し */
h2 {
font-size: 11px;
font-weight: bolder;
line-height:1.6em;
margin: 0px;
padding: 0px 0px 0px 5px;
border-left: 5px double #000;
}

/* 記事内リスト */
.entry ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 15px;
}
.entry li {
list-style: disc inside;
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* エントリー時刻 */
.entry_date {
width: 470px;
text-align: right;
color: #000;
font-weight: bolder;
letter-spacing: 1px;
padding:0;
margin: 0;
}

/* エントリー本文 */
#main .entry { margin: 2px 0px;}

/* エントリー情報 */
.entry_footer  {
margin: 5px 0px 50px 0px;
height: 1%;
}
#main ul.state {
width: 470px;
text-align: right;
overflow: hidden;
}

.entry_moreread { padding: 0 0 0 0.91em;}
.entry_content  dl#com_form,
.entry_content  dl#tb_area {
margin:  30px 0 0 0;
}

/*コメント、プロフィールタイトル*/
a#comments {
text-indent: -9999px;
line-height: 0;
}
dt.title {
border-bottom: 1px solid #000;
margin: 5px 0 12px 0;
padding: 3px 0 6px 22px;
font-weight:bold;
line-height: 1;
background: url(http://img-cdn.jg.jugem.jp/fbb/2021078/20110408_1779190.gif) no-repeat top left;

}

/* コメント本文 */
.com_desc { padding: 0;}

/* コメントユーザー情報 */
dl#com_area dd {
padding: 3px 0px 6px 0px;
margin: 5px 0 20px 0;
border-bottom: 1px solid #000;
text-align: right;
font-weight: bolder;
}
dl#com_area dd a { font-style: normal;}
dl#com_area dd ul { list-style-type: none;}
dl#com_area dd li {
display: inline;
list-style: none;
border-left: 1px solid #666;
padding: 0px;
margin: 0 5px 0 0;
font-size: 0.91em;
line-height: 1;
}

/* コメントフォーム */
dl#com_form dd { padding: 0 0 10px 1em;}
dl#com_form dd input.input {
border: 1px solid #cccccc;
margin: 0 0 6px 0;
padding: 3px;
width: 200px;
}

/* コメントフォーム textarea */
dl#com_form dd textarea {
border: 1px solid #cccccc;
width: 400px;
margin: 0 0 10px 0;
padding: 3px;
line-height:1.3em;
}

span.form_line input {
line-height: 1;
vertical-align: middle;
}

/* =================================== */
/* サイドコンテンツ */
/* =================================== */
#side dl { margin: 0 0 24px 0;}

/* サイドタイトル */
#side dt {
padding: 0;
margin: 0 0 8px 0;
font-weight: bold;
line-height: 1;
}
#side dd{
padding: 0 0 12px 6px;
line-height: 1.2em;
}
#side dd.calendar {
padding: 0 0 12px 0;
line-height: 1.2em;
}
#side ul { margin: 0;}
#side li {
padding: 0;
margin: 0 0 6px 0;
line-height: 1.2em;
list-style: none;
}

/* アマゾン商品紹介 */
.amazon_item {
text-align:center;
font-size:11px;
color: #000;
margin: 10px 0px 40px 10px;
}

/* =================================== */
/* ページ送り */
/* =================================== */
.page_navi { text-align: center;}
.page_top {
float:right;
width:150px;
text-align:right;
}

/* =================================== */
/* jugem_ad*/
/* =================================== */
.links { width:150px;}

/* =================================== */
/* clearFix */
/* =================================== */
.clearFix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearFix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/

/* =================================== */
/* LOGPI */
/* =================================== */
#logpi-badge {
  padding: 0px;
  }

#logpi-badge .badge-icon {
  text-align:center;
  float:center;
  }

#logpi-badge .badge-title {
  font-size: 11px;
  margin: 0px 0 10px 0;
  text-align: center;
  }

#logpi-badge dl {
  border-top: 1px dotted #666;
  padding: 0px 0 5 0;
  clear:both;
  }

#logpi-badge dt {
  margin: 0 0 0px 0;
  font-size: 10px;
  }
  #logpi-badge dt a {
   color: ##ef6258;
    }
  #logpi-badge dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
    }
#logpi-badge dd {
  border-bottom: 1px dotted #666;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 10px;
  color: #333;
  }
  #logpi-badge dd a {
    font-size: 10px;
    color: #333;
    }
  #logpi-badge dd span.reply a {
    background: url(http://logpi.jp/image/reply-mark.gif) no-repeat;
    padding: 0 0 0 14px;
    color: #f10b82 !important;
    }

#logpi-badge .powered {
  text-align: center;
  }

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