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

ホーム

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

テンプレート名 : kk1_2karam

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

</head>

<td width="460" class="back">
<div id="header">
<br>

<h1 class="site_title">{blog_name}</h1>

</div>
<div class="description">{blog_description}</div>
<br><br>

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

<div class="entry">

<div class="entry_title"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>{entry_title}</div>
<div class="entry_date" style="text-align:right;">{entry_date}</div>
<div class="entry_body">
<br>
{entry_description}
</div>
<a name="sequel"></a>
<br><br>
<div class="entry_more">
{entry_sequel}
</div>
<br><br>
<div class="entry_state">
| {category_name} | {entry_time} | {comment_num} | {trackback_num} | <a href="#top">↑</a> |
</div>

</div>

{trackback_auto_discovery}

<a name="comments"></a>
<div class="entry">

<div class="com_body">
<br>
{comment_description}
</div>
<div class="com_state">
| {comment_name} | {comment_time} |
</div>

<div class="entry_date"></div>
<div class="com_body">
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br/>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />
<label for="email">email:</label><br>
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">url:</label><br>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></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>

</div>

<a name="trackback"></a>
<div class="entry">

<div class="cb_title">この記事のトラックバックURL</div>

<div class="com_body">
{trackback_url}
</div>
<br><br>
<div class="cb_title">TRACKBACK</div>

<div class="cb_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="com_state">
 | {trackback_blog_name} | {trackback_time} | 
</div>

<br><br>
</div>

<div class="entry">

<div class="entry_title"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>{profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div>

<br><br><br>


<div class="page"><center><font size="1" color="000000">{prev_page_link}  | {page_now}/{page_num}P |  {next_page_link}</center></font></div>
<br><br>
<div class="copyright">
{copyright}<br>
</div>

<td width="10"background="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360242.gif"background-repeat:repeat-y;>
</td>

<td width="210" class="back2">

<div class="linktitle" id="calendername"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>CALENDER</div>
<div class="calendar" align="center">
<div class="calendar">{calendar2}</div></div>

<br>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>ENTRIES</div>
<div class="linktext">
{selected_entry_list}</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>ABOUT</div>
<div class="linktext">
{user_list}
</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>CATEGORIES </div>
<div class="linktext"id="categorylist">{category_list}</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>COMMENTS </div>
<div class="linktext" id="commentlist">{recent_comment_list}</div>
</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>TRACKBACKS </div>
<div class="linktext" id="tblist">{recent_trackback_list}</div>
</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>LINKS</div>
<div class="linktext"id="linklist">{link_list}</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>ARCHIVES </div>
<div class="linktext3">{archives_list}</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>{freespace_title1} </div>
<div class="linktext">{freespace_contents1}</div>

<div class="linktitle"id="recommendname"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>RECOMMEND</div>

<div class="amazon"><a href="{amazon_url}" target="_blank" title="{amazon_ProductName}">
<img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" border="0" align="center" /></a></div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>OTHERS </div>
<div class="linktext">
<ul>
<li><a href="./admin/">管理者ページ</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li> <a href="./?mode=atom">Atom0.3</a></li>
<li>template by <a href="http://mariamaria123.jugem.jp/"target="_blank">maria</a></li>  
</ul>
<div class="jugem_bana">
{powered}
</div>
</div>

<div class="linktitle"><img src="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360254.gif"style="margin-bottom : -3px;"/>SPONSORED </div>
{ad}

<form method="get" action="">
<div class="search">
Search this site.
</div>
<div class="search_box">
<input id="search" name="search" size="20" style="width:140px" class="form" />
<input type="submit" value="Search" class="button" />
</div>
</form>

<td width="11"background="http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360243.gif"background-repeat:repeat-y;>
</td>

</td>

</td>
</tr>
</table>

<script type="text/javascript" language="javascript">
<!--
//カテゴリーリストでサブカテゴリーがあるっぽく表示する
//ツリー化スクリプト ver 2 edit by stroll
function makeTreeElements (idName,objList) {
  if (!objList.innerHTML) return;
  var objLink = objList.getElementsByTagName('a')[0];
  var linkUrl = objLink.getAttribute('href');
  if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
    var tmpText = objList.innerHTML.split("⇒");
    tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
    this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
    this.elem = objLink.innerHTML;
  } else if (idName.indexOf('entry') > -1) {
    var tmpText = objList.innerHTML;
    tmpText.match(/$(\d\d\/\d\d)$/);
    this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
    this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
  } else if (idName.indexOf('link') > -1) {
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/\[(.+)\](.+)/) ) {
      this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
      this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
    }
  } else if (idName.indexOf('category') > -1) {
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/>(.+)$(.+)$.+(\s$.+$)/) ) {
      this.base = Array(RegExp.$1).join('');
      this.elem = Array('<a href="',linkUrl,'"> ',RegExp.$2, '</a>', RegExp.$3).join('');
    } else {
      this.base = Array('<a href="',linkUrl,'">',tmpText,'</a>').join('');
      this.elem = 'null';
    }
  }
  return this;
}
function createTreeList(idName,option) {
  var objFocus = this.document.getElementById(idName);
  if (!objFocus) return;
  if (!objFocus.innerHTML) return;
  var objLists = objFocus.getElementsByTagName('li');
  var linkList = new Array();
  var outText = new Array();
  var linkListNum = new Array();
  var count = 0;
  var tempDispNum = '';
  if (objLists.length > 0) {
    for (i=0;i<objLists.length;i++) {
      var chckFlag = true;
      var elemText = new makeTreeElements(idName,objLists[i]);
      if (!elemText.base || !elemText.elem) return;
      for (j=0;j<linkList.length;j++) {
        if (linkList[j].base.indexOf(elemText.base) > -1) {
          chckFlag = false;
          linkList[j][linkList[j].length] = elemText.elem;
        }
      }
      if (chckFlag) {
        var tmpNum = linkList.length;
        linkList[tmpNum] = new Array();
        linkList[tmpNum][0] = elemText.elem;
        linkList[tmpNum].base = elemText.base;
      }
    }

if (idName == 'categorylist' && linkList.length > 0) {
      for (i=0;i<linkList.length;i++) {
        linkListNum[i] = 0;
        for (j=0;j<linkList[i].length;j++) {
          if (linkList[i][j] != 'null' && linkList[i][j].match(/\s$(.+)$/)) {
            linkListNum[i] = linkListNum[i] + parseInt(RegExp.$1);
          }
        }
      }
    }

if (linkList.length > 0) {
      outText[outText.length] = '<ul>\n';
      for (i=0;i<linkList.length;i++) {
        tempDispNum = '';
        if (idName == 'categorylist' && linkListNum[i] > 0) {
          tempDispNum = ' ('+linkListNum[i]+')';
        }
        outText[outText.length] = Array('<li>',linkList[i].base,tempDispNum,option.top).join('');
        if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
        for (j=0;j<linkList[i].length;j++) {
          if (linkList[i][j] != 'null') {
            outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
            outText[outText.length] = Array(linkList[i][j],option.leef).join('');
          }
        }
        outText[outText.length] = Array(option.btm,'</li>').join('');
      }
      outText[outText.length] = '</ul>\n';
      objFocus.innerHTML = outText.join('');
    }
  }
}
var gTreeOption = new Array;
gTreeOption['sort'] = false;      /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '→';      /* ツリー用マーク(通常) */
gTreeOption['end']  = '→';      /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />\n'; /* 各枝の末尾 */
gTreeOption['top']  = '<br />\n'; /* ツリー本体の最初 */
gTreeOption['btm']  = '';         /* ツリー本体の最後 */
gTreeOption['num']  = 0;          /* ()の中身の数の合計数（値を変更しないでください） */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption);    // エントリリストのツリー化
createTreeList('commentlist',gTreeOption);  // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption);       // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption);     // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

</body>
</html>

CSS

body {
margin: 0px 0px 0px 0px;
background:#ffffff;        
}
html {
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#B0A174;
scrollbar-darkshadow-color:#B0A174;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
}

/* ----- 全般 ----- */
a{text-decoration:none;}
a:link{color:#B0A174;}
a:visited{color:#B0A174;}
a:active{color:#B0A174;}
a:hover{color:#000000;}

/* サイドコンテンツ */

.linktext a { color: #B0A174;text-decoration: none;}
.linktext a:link { color: #B0A174;text-decoration: none;}
.linktext a:visited { color: #B0A174;text-decoration: none;}
.linktext a:active { color: #B0A174;text-decoration: none;}
.linktext a:hover { color: #000000;text-decoration: none;}

.linktext3 a { color: #B0A174; text-decoration: none;}
.linktext3 a:link { color: #B0A174;text-decoration: none;}
.linktext3 a:visited { color: #B0A174;text-decoration: none;}
.linktext3 a:active { color: #B0A174;text-decoration: none;}
.linktext3 a:hover { color: #000000;text-decoration: none;}

/* エントリー */
.entry a{text-decoration:none;}
.entry a:link{color:#B0A174;}
.entry a:visited{color:#B0A174;}
.entry a:active{color:#B0A174;}
.entry a:hover{color:#B0A174;}

ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-image: url();
}

input, textarea {
	border: 1px solid #B0A174;

}

#header {
width:460px;
padding-top:0px;
margin:0px 0px 0px 10px;
font-color:#300000;
text-align:center;
height:170px;
background-image: url(http://img-cdn.jg.jugem.jp/1ab/667422/20080813_360244.gif);
background-repeat:no-repeat; 
background-attachment: scroll;
}

.site_title {
	font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-weight: bolder;
font-size: 20px;
color: #7a4b45;
margin: 0px 0px 0px 25px;
text-align: left;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
	color:#7a4b45;
	text-decoration:none;
}

.description {
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 9px;
color: #7a4b45;
margin: 0px 0px 0px 0px;
text-align:right;
}

.entry {
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

.entry_navi{
	font-size:10px;
	text-align:center;
padding: 10px;
}

.entry_date {
	font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
font-weight: bolder;
text-align:right;
color: #7a4b45;
padding-bottom: 1px;
margin: 0px 0px　0px 0px;
}

.entry_title {
	font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 11px;
font-weight: bolder;
color: #7a4b45;
margin: 5px 0px 0px 0px;
padding: 3px;		
border-bottom: 1px dotted #B0A174; 
}

.entry_body {
font-family: Tahoma;
font-size: 11px;
color: #7a4b45;
line-height: 20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;

}

.entry_more {
font-family: Tahoma;
	font-size: 11px;
	line-height: 170%;
	color: #7a4b45;
	margin: 0px 0px 0px 0px;
	}

.entry_state {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #7a4b45;
	text-align:right;
margin: 0px 0px 0px 0px;	
}

.pict {
	
margin-bottom:10px;
padding:1px;
    border: 1px #B0A174 solid;

}

.cb_title {
	font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #666;
	margin: 10px 5px 0px 5px;
border-bottom: 1px dotted #B0A174;
border-top: 1px dotted #B0A174;
background-image:url();
background-repeat:repeat;
background-position:90% 100%;
}

.com_body {
font-family: Tahoma;
	font-size: 11px;
	line-height: 180%;
	color: #7a6045;	
margin: 10px 5px 0px 5px;

}

.com_state {
	font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #7a6045;
	margin: 10px 0px 0px 0px;	
background-image:url();
background-repeat:repeat;
background-position:90% 100%;	
text-align:right;
border-bottom: 1px dotted #B0A174;
border-top: 1px dotted #B0A174;
}

.com_state a:link
{color: #000000;text-decoration:none;}
.com_state a:active
 {color: #000000;text-decoration: none;}
.com_state a:visited
 {color: #000000;text-decoration: none;}
.com_state a:hover
{
color:#B0A174;text-decoration:none;position:relative;top:1px;left:1px;}

.linktitle {
	font-family: "Verdana";
	font-size: 11px;
	font-weight: bold;
	color: #7a4b45;
	line-height: 100%;
	margin: 5px 10px 0px 10px;
	padding: 3px;
	border-bottom: 1px dotted #B0A174;
}

.linktext {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #7a4b45;
line-height: 180%;
margin: 10px 5px 15px 15px;
padding: 5px;
}

/*archives用スクロール付サイド */
.linktext3{
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
overflow: auto; 
height: 100px;
font-size: 10px;
color: #7a4b45;
line-height: 170%;
margin: 10px 5px 15px 15px;
padding: 5px;
width:180px;
}

.back {
margin: 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
background-image:url();		
}

.back2 {
margin: 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
background-image:url();
}

/*--- アマゾン --- */

.amazon img{
margin: 10px 10px 10px 10px;
padding:2px 0px 2px 20px;
}

/* SEARCH---------------------------------------------------------------------- */
.search {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #7a4b45;
	line-height: 170%;
	margin: 20px 0px 5px 20px;
}

.search_box {
	margin: 0px 0px 5px 20px;
}

/* FOOTER---------------------------------------------------------------------- */
.copyright {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #7a4b45;
	line-height: 170%;
	margin: 0px 0px 0px 20px;
text-align:center;
}

/* CLOCK---------------------------------------------------------------------- */
.clock {
	margin: 0px 10px 0px 10px;
	background: #300000;
	}

/* --- カレンダー --- */
.calendar{
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 9px;
color: #7a4b45;
line-height: 135%;
letter-spacing : 1px;
margin: 1px auto 5px auto;
padding: 3px 0px 0px 0px;
}

.calendar_month {
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";

font-size: 9px;
color: #7a4b45;
margin: 1px 0px 5px 0px;
padding: 3px 0px 5px 0px;
letter-spacing : 1px;
}

.cell {
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
width: 20px;
height: 13px;
padding: 1px;
color: #7a4b45; 
font-size: 9px;
text-align: center;
}

.cell a { text-decoration: none; display: block; border: none;}
.cell a:link { color: #7a4b45; background: #B0A174; border: none;}
.cell a:visited { color: #7a4b45; background: #B0A174; border: none;}
.cell a:active { color: #7a4b45;  background: #B0A174; border: none;}
.cell a:hover { color: #000000; }

.weekday {
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 9px;
text-align: center;
width: 20px;
height: 13px;
padding: 1px;
}

.today {
color: #300000;
background-color: #cccccc;
font-weight: bolder;
}

.jugem_bana{
	margin: 20px 1px 10px 0px;
}
.amazon {
height:80px;
width:150px;
}

/*--- アマゾン --- */
.amazon_content {
color : #663333;
font-size: 9px;
background-color: #ffffff;
line-height: 130%;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
}

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