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

ホーム

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

テンプレート名 : オリジナル

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={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}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<script type="text/javascript" src="./template/js/cookie.js"></script>

</head>

<body onload="javascript:initval();" id="{eid}">
<span class="gohan_img-"><a href="./admin/">管理者ページ</a></span><span  class="clear"></span >

<a name="top"></a>
<div id="layout">
  
  <div id="header">
    <h1 class="site_title">{blog_name}</h1>
    <div class="description">{blog_description}<br>
ご来訪の記念にお気軽どうぞ。<a href="http://yanasawako.jugem.jp/?eid=11">ゲスト帳</a></div>
    <div class="gohan-"> <a href="http://yanasawako.jugem.jp/?eid=2"><img src="http://www.digi-cliche.com/blog/kichi_gohan.gif" width="150" height="60" border="0" class="gohan_txt-"></a>
      <p class="gohan_txt-">吉祥寺大好き<br>
        遊びにきたら寄ってってね<br />
        オススメ店を個人的意見で綴る<br>
        独断的なコンテンツ<br>
      <p class="clear">&nbsp;</p>
    </div>
  </div>
  <br class="clear" />
  
  
  
  <div id="contents">
    <div id="left">
      <p class="commet1-">■clicheです。</p>
      <div align="center"><a href="http://www.digi-cliche.com/" target="_blank"><img src="http://www.digi-cliche.com/blog/cliche_anim.gif" width="150" height="150" border="0" /></a></div>
      <p class="commet2-">ambient,acid brazil,<br>
        electronica,euro jazz,<br>
        downtempo,lounge, ...</p>
      <p class="link_box"><a href="http://www.digi-cliche.com/"><img src="http://www.digi-cliche.com/frame/common_img/minihome.gif" border="0"> web<br>
        cliche official </a></p>
      <p class="link_box"><a href="#" onclick="MM_openBrWindow('http://www.digi-cliche.com/special/bgm_harusame.html','','width=380,height=230')"><img src="http://www.digi-cliche.com/frame/common_img/mininote.gif" height="11" border="0"> BGM</a></p>
      <p class="link_box"><a href="#cd"><img src="http://www.digi-cliche.com/frame/common_img/minicd.gif" border="0"> cliche-CD</a></p>
      <br>

<br />
      <p class="commet1-"><a name="cd"></a>■clicheのCD</p>
      TowerRecord、HMV、新星堂、WAVEなどで販売しております。販売店舗、通販などは各アルバムの詳細ページをご確認ください。<br>
      <p class="contact-">CDに関するお問い合わせ:<a href="mailto:contact@senecio.info"><br>
        contact@senecio.info</a></p>
      <p class="cd-"><a href="http://www.digi-cliche.com/nigori/nigori.html" target="_blank"><img src="http://www.digi-cliche.com/nigori/img/nigori.jpg" width="50" height="50" border="0" align="middle"></a> <br>
        2002「にごり」<br>
        xe-0001/税抜：1200円</p>
      <p class="cd-"><a href="http://www.digi-cliche.com/optimist/optimist.html" target="_blank"><img src="http://www.digi-cliche.com/frame/sound/img/op-jacket.jpg" alt="New mini-album" width="50" height="50" border="0" align="middle"></a> <br>
        2004「an optimist」<br>
        xe-0002/税込：1600円</p>

<br />

<p class="commet1-">■cliche関連リンク</p>
			  <a href="http://mixi.jp/" target="_blank"><img src="http://www.digi-cliche.com/blog/mixi_small.gif" width="76" height="76" border="0" class="sidealign_auto-"></a><br />
mixiにて、<a href="http://mixi.jp/view_community.pl?id=190986" target="_blank">clicheのコミュニティ</a>ができました。ご利用のみなさま、是非ご登録ください。cliche両名、本名で参加しております。お気軽に遊びにきてください（mixiは紹介制のサービスです。既にご登録いただいている知人の方から招待を受けないと参加することができません。mixiの登録については一切お答えしておりませんのでご了承ください）
。
			  
		
		      </a><br />

<p class="linktitle">BLOG LINK</p>
<div class="scroll_box-">
<p><a href="http://blog.studiotap3.com/" target="_blank">●tap3 blog</a></p>
<p><a href="http://blogs.yahoo.co.jp/eclipseshimane" target="_blank">●same no shitai</a></p>
<p><a href="http://blog.goo.ne.jp/ayumu63/" target="_blank">●映画と周辺</a></p>
<p><a href="http://homepage.mac.com/sundullers/iblog/B1322501613/index.html" target="_blank">●BLG_SDLS</a></p>
<p><a href="http://atomcraft.net/blogn213/blognplus/" target="_blank">●atomlog</a></p>
<p><a href="http://oakist.blog12.fc2.com/
" target="_blank">●四十にして惑う</a></p>
<p><a href="http://blog.goo.ne.jp/sbs_ts/" target="_blank">●sub_source</a></p>
</div>
		
		<br />
		
<p class="linktitle">UPDATING</p>
<div class="scroll_box-"><pre>liveinfo追加
Cookieたぶん動く
blogリンクとここを追加</pre>
</div>

<a href="http://yanasawako.jugem.jp/?eid=38">クラス一覧</a>

</div>
    
    <div id="center">

<div class="entry_navi"> {prev_entry} | <a href="./">main</a> | {next_entry} </div>
        
        
        <div class="entry">
          <div class="entry_box">
		  	<span class="entry_author">★{user_name} </span>
		    <span class="entry_date">★{entry_date}</span>
		  </div>
		  
          <div class="entry_title">{entry_title}</div>
          <div class="entry_body">{entry_description}</div>
          <a name="sequel"></a>
          <div class="entry_more">{entry_sequel}</div>
          <div class="entry_state">| {category_name} | | {comment_num} | {trackback_num} |</div>
        </div>
        {trackback_auto_discovery}

<div class="comment-title">コメントする　（改行は2行分して1行分です。なんか変だわ。）</div>
          <div class="entry_body">
            <form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
              <input type="hidden" name="entry_id" value="{entry_id}" style="width:250px;" class="form_color" />
              <label for="name">name:</label>
              <br/>
              <input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" style="width:250px;" class="form_color" />
              <br />
              <label for="email">email:</label>
              <br>
              <input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:250px;" class="form_color" />
              <br />
              <label for="url">url:</label>
              <br>
              <input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:250px;" class="form_color" />
              <br />
              <label for="description">comments:</label>
              <br />
              <textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;" class="form_color"></textarea>
              <br />
              <br />
              <input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" />
              <input type="checkbox" name="set_cookie" value="1" id="set_cookie">
              <label for="set_cookie">Cookieに登録</label>
            </form>
          </div>

<a name="comments"></a>
       <div class="entry">
        <div class="comment-title">コメント</div>
        <div class="entry_body"><img src="https://imaging.jugem.jp/admin/img/emoji/d02.gif"><br />{comment_description}</div>
        <div class="entry_state">| {comment_name} ||</div>
	   </div>

<a name="trackback"></a>
        <div class="entry">
          <div class="trackback-title">この記事のトラックバックURL</div>
          <div class="entry_body">{trackback_url}</div>
          <div class="trackback-title">トラックバック</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>
          
        </div>
        
        
        <div class="entry">
          <div class="entry_date">プロフィール</div>
          <div class="entry_title">{profile_name}</div>
          <div class="entry_body">{profile_description}</div>
        </div>
        
        
        <div class="page">{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}</div>
        
      </div>

<div id="right">
	  
      <div class="linktitle">CATEGORIES</div>
      <div class="linktext"> {category_list}</div>  
      
	  
	  CATEGORIESを選ぶと、属した記事が表示されるよ。
	  <br />
<br />

<div class="linktitle">SELECTED ENTRIES</div>
      <div class="linktext"> {selected_entry_list} </div>
      
      
      <div class="linktitle">RECENT COMMENT</div>
      <div class="linktext"> {recent_comment_list} </div>
      
      
      <div class="linktitle">RECENT TRACKBACK</div>
      <div class="linktext"> {recent_trackback_list} </div>
      
      
      <div class="linktitle">LINKS</div>
      <div class="linktext"> {link_list} </div>
      
      
      <div class="linktitle">SEARCH THIS SITE.</div>
      <form method="get" action="">
        <div class="search">
          <input id="search" name="search" size="15" style="width:130px" class="form_color" />
          <input type="submit" value="Search" class="button" />
        </div>
      </form>
      
      
      <div class="linktitle">PROFILE</div>
      <div class="linktext"> {user_list} </div>

<!-- BEGIN calendar 
      <div class="linktitle">CALENDAR</div>
      <div class="calendar">
        <table border="0" cellpadding="0" cellspacing="1">
          <tr align="center">
            <td class="cell" style="color:#CC0000">S</td>
            <td class="cell" style="color:#000000;">M</td>
            <td class="cell" style="color:#000000;">T</td>
            <td class="cell" style="color:#000000;">W</td>
            <td class="cell" style="color:#000000;">T</td>
            <td class="cell" style="color:#000000;">F</td>
            <td class="cell" style="color:#0066CC">S</td>

</tr>
        </table>
        {calendar} </div>
      END calendar -->

<div class="linktitle">amazonでお買い物</div>
	        
      <div class="linktext">
<strong>■{amazon_ProductName}</strong><br>
<a href="{amazon_url} " target="_blank">
<img border="0" src="{amazon_ImageUrlSmall}" alt="商品名" class="amazon_pict" />{amazon_ListPrice} </a>
<br>
{amazon_Creator}
<br>
{amazon_comment} 
</div>

<p class="commet1-">■好物</p>
<a href="http://pt.afl.rakuten.co.jp/c/01c502c2.2de8e02a/?url=http://www.rakuten.co.jp/bali-indah/446369/502548/#471012" target="_blank"><img src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/bali-indah/img64/img1030669856.jpeg" border=0 alt="【送料無料】本場タイの屋台の味（辛いですよ～）タイの即席麺お試しお得20袋セット"></a><br>
黄緑のが好き。

CSS

body{
margin: 0px auto;
padding: 0px;
background-color: #E1DDC4;
text-align: center;
text-align:left;
	white-space:nomal;
	overflow:auto;
}

body,scroll_box-{
	
	SCROLLBAR-FACE-COLOR: #ffffef;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffef;
	SCROLLBAR-SHADOW-COLOR: #bbbbad; 
	SCROLLBAR-3DLIGHT-COLOR: #bbbbad;
	SCROLLBAR-ARROW-COLOR: #bbbbad;
	SCROLLBAR-TRACK-COLOR: #ffffef;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffef;
	SCROLLBAR-BASE-COLOR: #ffffef; 
}

body,td,div{
font-size:10px;
color:#333333;
LINE-HEIGHT : 170%; COLOR : #555; letter-spacing:1px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height: 170%;
}

.clear {
clear: both;
font: 0px/0px sans-serif ;
height:0px;
}

#layout {
	margin: 20px auto 0px;
	width: 860px;
	text-align: left;
}

#header {
background-color: #CC9900;
padding:20px 20px 0px;
width:820px;
margin-bottom:10px;
}

#contents{
background-color: #ECE9D8;
height:100%;
}

#contents #left {
	float: left;
	width: 150px;
	background-color: #ECE9D8;
	padding:10px;
	overflow:hidden;
}

#contents #center {
float: left;
width: 480px;
background-color:#F9F8F2;
padding:20px;
height:100%;
overflow:hidden;
}

#contents #right {
	white-space:nomal;
overflow:hidden;

width: 130px;
	background-color: #ECE9D8;
	padding:10px;
}

#footer {
clear: both;
}

/*----------------------------------------------------------*/

h1,p{
margin: 0px;
padding: 0px;
}

ul {
margin: 0px 0px 0px 15px;
padding: 0px;
}

.form_color {
	background: #ECECEC;
}

A:LINK			{	COLOR: #FF3333; TEXT-DECORATION: none;}
A:VISITED		{ COLOR: #FF3333; TEXT-DECORATION: NONE; }
A:ACTIVE		{ COLOR: #FF3333; TEXT-DECORATION: NONE; }
A:HOVER			{ COLOR: #FF3333; TEXT-DECORATION: UNDERLINE; }

/*-header部分-------------------------------------------------------------------*/

.site_title {
margin: 0px 0px 10px 0px;
font-size: 20px;
font-weight: 900;
color:#FFFFFF;
}

.site_title a {color: #FFFFFF;text-decoration: none;}
.site_title a:link {color: #FFFFFF;text-decoration: none;}
.site_title a:visited {color: #FFFFFF;text-decoration: none;}
.site_title a:active {color: #FFFFFF;text-decoration: none;}
.site_title a:hover {color: #FF3300;text-decoration: underline;}

.description {
/*サイト説明*/
font-size: 10px;
color: #003366;
}

/*ご飯*/

.gohan-{
	margin-top:10px;
	border-top: 5px solid #BF8F00;
	padding-top:10px;
	background-color: #CC9900;
}
.gohan_txt-{
	float:right;
	line-height:150%;
	text-align:right;
	color: #FFF;
	padding:0px 5px;
}

.gohan_img-{ float:right;}

/*--center------------------------------------------------------------------*/
.entry_navi,.entry_box a{color: #666666;text-decoration: none;}
.entry_navi,.entry_box a:link {color: #666666;text-decoration: none;}
.entry_navi,.entry_box a:visited {color: #666666;text-decoration: none;}
.entry_navi,.entry_box a:active {color: #666666;text-decoration: none;}
.entry_navi,.entry_box a:hover {color: #FF3300;text-decoration: none;}

.entry_navi{
font-size: 9px;
margin: 0px;
text-align: right;
}

.entry {
margin: 0px;
padding: 0px;
}

.entry_box{;
border-top: 10px solid #CCCCCC;
padding-bottom:3px;
margin: 10px 0px;
overflow:visible;
}

.entry_date,.entry_author{
float:right;
font-size: 9px;
color: #336666;
}

.entry_title {
float:left;
font-size: 12px;
font-weight: bolder;
color: #666666;
}

.entry_body {
font-size: 10px;
color: #333333;
line-height:200%;
margin: 15px 0px 15px 0px;
padding-bottom:10px;
clear:both;
border-bottom: 5px dotted #CCCCCC;
}

.entry_more {
font-size: 11px;
color: #333333;
margin: 15px 0px 15px 0px;
}

.entry_state {
	font-size: 9px;
	color: #666666;
	margin: 15px 0px 30px 0px;
	text-align: right;
}

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

.comment-title {
font-size: 10px;
font-weight: bolder;
color: #666666;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.trackback-title {
font-size: 10px;
font-weight: bolder;
color: #666666;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

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

.page {
font-size: 10px;
color: #666666;
padding: 10px 0px 0px 0px;
border-top: 1px dotted #CCCCCC;
text-align: center;
}

/*-RECENT COMMENT、TRACKBACKなど-------------------------------------------------------------------*/
.linktitle {
font-family: Verdana;
font-size: 10px;
font-weight: bolder;
color: #330000;
margin: 10px 0px 0px 0px;
}

.linktext {
	font-size: 10px;
	margin: 5px 0px 25px 2px;
	color: #660033;
	/*color: #006600;*/
}

.search {
font-size: 10px;
color: #333333;
margin: 0px 0px 5px 0px;
}

.button {
	margin: 5px 0 0 0;
}

.copyright {
font-size: 10px;
color: #333333;
border-top: 1px dotted #CCCCCC;
margin: 30px 0px 0px 0px;
padding-top: 10px;
}

.calendar {
font-family: "Verdana";
font-size: 8px;
margin: 5px 0px 20px 0px;
}

.calendar_month {
font-family: "Verdana";
margin-bottom: 10px;
font-size: 8px;
}

.cell {
width: 20px;
height: 20px;
padding: 0px;
text-align:left;
font-size: 8px;
}

.jugem_bana{
	margin: 20px 1px 10px 0px;
}

/*------------------------------------------------*/
.float_right{ float:right;
overflow:visible;}

.float_left{ float:left;
}

.link_box				{
	font-size:12px;
	line-height:150%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	font-weight:bold;
	margin:5px 0px;
	text-align:center; vertical-align:middle; 
	width:140px; background-color:#BEB478; padding:5px;
}

.link_box A:LINK			{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.link_box A:VISITED			{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.link_box A:ACTIVE			{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.link_box A:HOVER			{ COLOR: #330000; TEXT-DECORATION: none;}

.post1{
	color:#FFFFFF;
	pading:5px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0px;
	padding: 5px;
	background-color: #330000;
}

.post2{
	font-size:12px;
	font-weight:bold;
	margin:20px 0px 5px;
	color:#660033;
	pading:10px;
	font-weight:bold;
	padding: 5px;
	border-bottom: 1px double #660033;
}

.post3{
	font-size:12px;
	font-weight:bold;
	margin:20px 0px 5px;
	padding:0px;
	color: #006666;
}

.post4{
	font-weight:bold;
	font-size:10px;
	margin: 20px 0px 5px 10px;
	padding: 0px;
	border-bottom: 1px double #666666;
	color: #333333;
}
.post4-2{ margin-left:20px; 	color: #333333;}

.post5{
	font-size: 9px;
	color: #003333;
	font-weight: lighter;
	padding: 2px;
	background-color: #E6E1CC;
	text-align:right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.post5 A:LINK			{ COLOR: #FF3300; TEXT-DECORATION: none; }
.post5 A:VISITED		{ COLOR: #FF3300; TEXT-DECORATION: none; }
.post5 A:ACTIVE			{ COLOR: #FF3300; TEXT-DECORATION: NONE; }
.post5 A:HOVER			{ COLOR: #000; TEXT-DECORATION: underline; }

.post6{
	margin:10px 20px;
	padding:10px;
	color: #006666;
	letter-spacing:2px;
	background-color:#FEEFCB;
}

.post7{ margin:0px 0px 0px 5px; padding:0px; color: #006666; font-weight:bold; }

.post8{
	margin:5px 5px;
	padding:5px;
	letter-spacing:2px;
	background-color:#FEEFCB;
}

.post9{
	margin:10px 20px;
	padding:10px;
	color: #999999;
	letter-spacing:2px;
	background-color:#000000;
}

/*プロフィール------------------------------------------------*/		
.commet1-{
	color: #330000;
	font-size:12px;
	font-weight:bold;
	margin:0px 5px 5px 0px;
	letter-spacing:1px;
}

.commet2-{
	color: #FF6600;
	margin:5px 5px 10px 5px;
	letter-spacing:1px;
	font-size: 9px;
}

.contact-{margin:10px; color:#330000; text-align:right;}

.cd-{ margin:5px; font-size:10px;}

.scroll_box-{
	overflow:auto;
	width:150px;
	height:50px;
	background-color: #D3CCA5;
	border: 1px inset;
}
	
.page{margin-bottom:100px;}

#eid {}

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