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

ホーム

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

テンプレート名 : 右レビュー記事_2col

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 src="http://jugem.jp/common/menu.js" type="text/javascript"></script>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<h1 class="site_title">{blog_name}</h1>
	<p class="site_description">{blog_description}</p>

<div class="linkmenu">
		<a href="" onclick="return buttonClick(event, 'MENU1');">profile ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU2');">category ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU3');">entry ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU4');">comment ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU5');">trackback ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU6');">archive ▼</a> | 
		<a href="" onclick="return buttonClick(event, 'MENU7');">link ▼</a>
	</div>

<div class="MENU" id="MENU1">
		<div class="list_text">{user_list}</div>
		<div class="list_title">profile</div>
	</div>

<div class="MENU" id="MENU2">
		<div class="list_text">{category_list}</div>
		<div class="list_title">category</div>
	</div>

<div class="MENU" id="MENU3">
	
		<div class="list_text">{latest_entry_list}</div>
		<div class="list_title">latest entries</div>
	
	
		<div class="list_text">{selected_entry_list}</div>
		<div class="list_title">selected entries</div>
	
	</div>
	
	<div class="MENU" id="MENU4">
		<div class="list_text">{recent_comment_list}</div>
		<div class="list_title">recent comment</div>
	</div>
	
	
	<div class="MENU" id="MENU5">
		<div class="list_text">{recent_trackback_list}</div>
		<div class="list_title">recent trackbacks</div>
	</div>
	
	
	<div class="MENU" id="MENU6">
		<div class="list_text">{archives_list}</div>
		<div class="list_title">archive</div>
	</div>

<div class="MENU" id="MENU7">
		<div class="list_text">{link_list}</div>
		<div class="list_title">links</div>
	</div>

<div CLASS="MAIN">
		<div CLASS="CONTENTS">
		
				
					<div class="pagingLink">{prev_entry} | <a href="./">main</a> | {next_entry} </div>
				
				<div class="entry">
					<h3 class="entry_title">
						<a href="{entry_permalink}">{entry_title}</a>
					</h3>
					<div class="entry_body" target="_blank">{entry_description}</div><br>
					<div class="entry_more">{entry_sequel}</div>
					<table align="right" STYLE="margin-right:5px;" BORDER="0">
						<tr>
							<td align="right">
								<span CLASS="linktext">posted by</span>
							</td>
							<td>
								<div class="entry_author">{user_name}</div>
							</td>
						</tr>
						<tr>
							<td align="right">
								<span CLASS="linktext">at </span>
							</td>
							<td>
								<div class="entry_date">{entry_date} {entry_time}</div>
							</td>
						</tr>
					</table>
					<br clear="all">
					<p class="entry_state">{category_name} | {comment_num} | {trackback_num}| <a href="#top">▲top</a></p>
				</div>
				{trackback_auto_discovery}
			
			
				<div class="entry"><h3 id="comments" class="comment-title">コメント</h3>
					
						<div class="comment_body">{comment_description}</div>
						<p class="entry_state">| {comment_name} | {comment_time} | </p>
					
					<div class="commentform">
						<form action="./?mode=comment" method="post">
							<input type="hidden" name="entry_id" value="{entry_id}" />
							<table>
								<tr>
									<td><label for="name">name:</label></td>
									<td><input type="text" name="name" value="{cookie_name}" size="20" tabindex="1" id="name"></td>
								</tr>
								<tr>
									<td><label for="email">email:</label></td>
									<td><input type="text" name="email" value="{cookie_email}" size="30" tabindex="2" id="email"></td>
								</tr>
								<tr>
									<td><label for="url">url:</label></td>
									<td><input type="text" name="url" value="{cookie_url}" size="50" tabindex="3" id="url"></td>
								</tr>
								<tr>
									<td colspan="2"><label for="description">comments:</label></td>
								</tr>
								<tr>
									<td colspan="2">
										<textarea tabindex="4" id="description" name="description" rows="6" cols="45"></textarea>
									</td>
								</tr>
							</table>
							<input type="submit" value="コメント送信" />
							<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">
					<h3 class="comment-title">この記事のトラックバックURL</h3>
					<div class="entry_body">{trackback_url}</div>
					
						<h3 class="comment-title">トラックバック</h3>
						<h4 class="trackback_title">{trackback_title}</h4>
						<div class="comment_body">{trackback_excerpt}</div>
						<p class="entry_state"> | {trackback_blog_name} | {trackback_time} | <a href="#top">page top ▲</a></p>
					
				</div>
			
			
				<div class="entry">
					<h3 class="entry_title">プロフィール</h3>
					<dl>
						<dt>{profile_name}</dt>
						<dd>{profile_description}</dd>
					</dl>
				</div>
			
		</div>
		
		<div class="calendar">
			{calendar_vertical_only_addzero}
		</div>

<div CLASS="right">
			
			<div class="recommend">
				{amazon_item}
			</div>

<div CLASS="powered">
				<div class="linktitle">POWERED BY</div>
				<div class="linktext">
					<ul>
						<li>{powered}</li>
						<li>{ad}</li>
					</ul>
				<div class="linktext">
					<ul>
						<li><a href="http://beautypixy.jugem.cc/?mode=rss"><img SRC="http://img-cdn.jg.jugem.jp/196/38262/20050824_11139.gif" ALT="RSS 1.0" /></a></li>
						<li><a href="http://beautypixy.jugem.cc/?mode=atom"><img SRC="http://img-cdn.jg.jugem.jp/196/38262/20050824_11140.gif" ALT="atom 0.3" /></a></li>
						<li><a href="http://beautypixy.jugem.cc/admin/">管理者ページ</a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</div>

</div>
<div CLASS="FOOTER">
	<address class="copyright">{copyright}</address>
</div>
<script type="text/javascript">
<!--
// Amazonを新規登録順に表示
function doReverseAmazon() {
var amazonTagClassName = 'amazon';
var amazonTagName = 'div';

var newAmazonTagList = new Array();
var obj = document.getElementsByTagName(amazonTagName);

for (var i = 0; i < obj.length; i++) {
if (obj[i].className == amazonTagClassName) newAmazonTagList[newAmazonTagList.length] = obj[i].innerHTML;
}

var count = newAmazonTagList.length - 1;
for (var i = 0; i < obj.length; i++) {
if (obj[i].className == amazonTagClassName) {
obj[i].innerHTML = newAmazonTagList[count];
count--;
}
}

}
doReverseAmazon();
//-->
</script>
</body>
</html>

CSS

body{
	background-color: Gray;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

.ALL{
    background-color: #F5F5F5;
    width: 800px;
    border: medium solid #F5F5F5;
    margin-left:auto;
    margin-right:auto;
}
.MAIN{
    width: 800px;
    height: auto;
    background-color: #F5F5F5;
}
.CONTENTS{
    float: left;
    width: 490px;
    text-align: left;
    background-color: #F5F5F5;
}
.calendar{
	float: left;
	width: 20px;
	text-align: center;
	background-color: #F5F5F5;
	font-size: 9px;
	line-height: 200%;
	margin: 20px 2px 2px;
}
.right{
    float: left;
    width: 280px;
    text-align: left;
    background-color: #F5F5F5;
	 margin-top: 1em;
}

.FOOTER {
    text-align:center;
    float:none;
	 background-color: #F5F5F5;
}

a:link {color:#000080; text-decoration:none;}
a:visited {color:#000080; text-decoration:none;}
a:active {color:#0000CD; text-decoration:none;}
a:hover {color:#0000FF; text-decoration:none;}

ul {
	list-style-type: square;
	line-height:120%;
	margin: 0px 0px 0px 15px;
}

li {
	margin-bottom:5px;
}

dt{font-weight: bolder;margin-left:1em;}

blockquote {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 90%;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border-left: 3px solid #CCCCCC;
	background-color: #ECFFFF;
}

address {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 12px;
color: #333333;
line-height: 150%;
padding: 3px;
}

img{border:none;}
}

input,textarea {
	color: #666;
	font-size :12px;
	border:1px #CCC solid;
	background-color:#FFF;
	padding: 2px;
	}
.linktitle{
	font-family: "Verdana";
	font-size: 10px;
	font-weight: bolder;
	color: #ce1010;
	margin-left: 2px;
}

.linktext{
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 9px;
	color: #333;
	margin-left: 5px;
	line-height: 150%;
}

.linktext ul{list-style-type:none;}

/* サイトタイトル---------------------------------------------------------------------- */

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 36px;
}

.site_title{
	font-weight: bolder;
	color: #FF0000;
	margin-left: 1em;
	margin-top: 5px;
}

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

.site_description{
	font-weight: bolder;
	font-size: 12px;
	color: Black;
	margin: 10px 0px 5px 30px;
}

/* メニュー---------------------------------------------------------------------- */

.linkmenu {
	font-size: 14px;
	background: Black;
	margin: 2px 1px 1px 1px;
	text-align: center;
	color: #F5F5F5;
}

.linkmenu a {color: #F5F5F5;text-decoration: none;}
.linkmenu a:link {color: #F5F5F5;text-decoration: none;}
.linkmenu a:visited {color: #F5F5F5;text-decoration: none;}
.linkmenu a:active {color: #F5F5F5;text-decoration: none;}
.linkmenu a:hover {color: #F5F5F5;text-decoration: none;}

.MENU {
	visibility: hidden;
	z-index: 999;
	position: absolute;

width:200px;
	margin-top:5px;
	padding-top:5px;

background: #FFF;
	border: 1px #B2B2B2 solid;
	}

.list_title{
	margin-top:15px;
	font-size:18px;
	text-align:center;
	border-bottom:5px #B2B2B2 solid;
	}

.list_text{
	font-size: 10px;
	padding:5px 10px;
	color: #666;
	text-align:left;
	}

/* カレンダー */

.calendar a { font-weight: bold;font-size: 12px;}
.calendar a:link { font-weight: bold;font-size: 12px;}
.calendar a:active { font-weight: bold;font-size: 12px;}
.calendar a:visited { font-weight: bold;font-size: 12px;}
.calendar a:hover { font-weight: bold;font-size: 12px;}

/* アマゾン */
.amazon {
	margin-bottom: 10px;
	float: none;
	/*border: double #D1D1D1;*/
	height: auto;
	clear: both;
}

.amazon_pict {
	width: 90px;
	float: left;
	margin: 2px 2px 2px 2px;
}
.amazon_text {
	width: 170px;
	font-size: 10px;
	text-align: left;
	float: none;
	margin: 5px 2px;
}

.amazon_text strong {
	}

.powered{
	 margin-top: 1em;
	 clear: both;
	/*border: double #D1D1D1;*/
}

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

/* エントリー---------------------------------------------------------------------- */

.entry{
	padding: 1em 1em;
	border: double #D1D1D1;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.entry_date{
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 2px 0px 0px 0px;
}
.entry_title{
	font-weight: bolder;
	font-color: #FF0000;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 3px 10px;
	border-bottom: 1px solid #333;
	font-size: 14px;
}
.entry_body{
	font-size: 12px;
	color: #333;
	margin: 2px 0px 1.5px 1px;
	line-height: 150%;
}
.entry_body span{
	line-height: 250%;
}

.entry_more{
	font-size: 12px;
	color: #333;
	margin: 2px 0px 1.5px 1px;
	line-height: 150%;
}

.entry_author{
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	margin: 2px 0px 0px 0px;
}
.entry_time{
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 2px 0px 0px 0px;
}
.entry_state{
	font-size: 12px;
	color: #666666;
	margin: 5px 0px 0px 0px;
	text-align: right;
}

.entry_state a {color: #9A101D;text-decoration: none;}
.entry_state a:link {color: #9A101D;text-decoration: none;}
.entry_state a:visited {color: #9A101D;text-decoration: none;}
.entry_state a:active {color: #9A101D;text-decoration: none;}
.entry_state a:hover {color: #DF9999;text-decoration: none;}

.pict {
	}

.entry_navi {
	text-align:center;
	margin:30px 0;
	}

/* コメント・トラックバック・プロフィール */

.comment-title{
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 10px 0px 10px 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
}
.comment_body{
	font-size: 10px;
	line-height: 150%;
	color: #333;
	margin: 2em 0px 2em 1em;
}
.commentform{
	font-size: 10px;
	line-height: 150%;
	color: #333;
	margin: 2em 0 1em 1em;
}
.trackback_title{
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 15px 0px 15px 0px;
	padding: 2px 0 3px 7px;
	border-bottom: 1px solid #666;
	border-left:10px solid #666;
}

.profile_name {
	font-weight:bolder;
	margin-bottom:5px;
}

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