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

ホーム

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

テンプレート名 : open

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="{site_encoding}"?>
<!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" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<meta name="robots" content="index,follow" />
<meta name="Keywords" content="Open, Local, Open Local, OpenLocal, オープン, ローカル, オープンローカル, 地域, 情報, 地域情報, 県庁所在地, 県庁, 地区, 地方, 地図, 公式ホームページ, 都道府県, 市区町村,市町村, 市, 区, 町村, 町, 村, 郡, 日本, 全国, 北海道, 東北, 関東, 北信越, 東海, 近畿, 中国, 四国, 九州, 沖縄, 北海道, 青森県, 岩手県, 秋田県, 宮城県, 山形県, 福島県. 茨城県, 栃木県, 群馬県, 千葉県, 東京都, 埼玉県, 神奈川県, 山梨県, 新潟県, 長野県, 富山県, 石川県, 福井県, 静岡県, 愛知県, 岐阜県, 三重県, 滋賀県, 京都府, 大阪府, 兵庫県, 奈良県, 和歌山県, 岡山県, 鳥取県, 広島県, 島根県, 山口県, 香川県, 徳島県, 愛媛県, 高知県, 福岡県, 佐賀県, 長崎県, 大分県, 熊本県, 宮崎県, 鹿児島県,沖縄県" />
<meta name="AUTHOR" content="Square Edge">
<meta name="DESCRIPTION" content="日本の地域情報サイト">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<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}" />
<title>{site_title}</title>
</head>

<body>

<div class="title_bg">
<h1 class="site_title">
<a href="http://c2c-1.rocketbeach.com/~openlocal/jpn/">
<font color="#ffcc00">O</font><font color="#006600">p</font><font color="#000000">e</font><font color="#ff0000">n</font><font color="#000099">Local</font></a>
</h1>
<div class="description">{blog_description}</div>
</div>

</div>
			
			<div id="search_box">

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

</div>
		</td>
	</tr>
<tr>
  <td colspan="2">
<div id="pan_link">
<small><a href="http://c2c-1.rocketbeach.com/~openlocal/jpn/">トップ</a> - 更新日記</small>
</div>
</td>
</tr>
	<tr valign="top">
		<td class="left_border">

<div id="left">
<div class="counter">
<div class="left_title" id="countname">&nbsp;COUNTER</div>
<div class="left_text" id="countlist">
<TABLE align=center border=0>
<TBODY>
<TR>
<TD align=right><div class="left_counter">TOTAL</div></TD>
<TD>
<SCRIPT type=text/javascript>design=1808;</SCRIPT>
<SCRIPT src="http://counter2.yaboo.jp/c.js" type=text/javascript></SCRIPT>
</TD></TR>
</TBODY></TABLE>
</div>
<div class="border"> </div>
</div>

<div class="ads">
<div class="left_title" id="adsname">&nbsp;RECOMMEND<FONT COLOR="red">*</FONT></div>
<center>
<div class="left_text" id="adslist"><a href="http://feedmeter.net/detail.php?r=http%3A%2F%2Fopenlocal.jugem.cc%2F%3Fmode%3Drss" target="_feedmeter"><img src="http://feedmeter.net/image.php?r=http%3A%2F%2Fopenlocal.jugem.cc%2F%3Fmode%3Drss" border="0" width="60" height="36" alt="RSS feed meter for http://openlocal.jugem.cc/" /></a><br><br>
<script src="http://trackfeed.com/usr/0e90ccf6c1.js"></script><br><br><A HREF="http://blog.with2.net/link.php?108348" target="_blank"><img src="/?image=13" width="88" height="31" alt="BlogRanking" border="0" /></A><br><br><script src="http://banner.blogranking.net/scs?1149"></script>
<noscript><a href="http://blogranking.net/?1149" target="_blank"><img src="http://banner.blogranking.net/nosbanner?1149" alt="ブログランキング ドット ネット" border="0" /></a></noscript><br><br>
<a href="http://www11.bestblogrank.zmapple.com/cgi-bin/12/ranklink.cgi?id=openloca">
<img src="http://www11.bestblogrank.zmapple.com/12/img/88x31.gif" border=0>
</a>
<br><br>
<a href="http://www.blogpeople.net/Option_Service.html#hirogaru" target="_blank"><img src="http://www.blogpeople.net/images/hirogaru-banner/hirogaru3.gif" border="0" /></a><br><br>
<a href="javascript:void(bloppop=window.open('http://www.blogpeople.net/addlink.jsp?n=1&u=http%3A%2F%2Fopenlocal.jugem.jp%2F&ti='+escape(document.title),'blop','scrollbars=no,width=475,height=350,left=75,top=175,status=yes,resizable=yes'));">OpenLocalを登録<br> by BlogPeople</a>
</center></div>
<div class="border"> </div>
</div>

<div class="recommend">
					<div class="left_title" id="reconame">&nbsp;RECOMMEND<FONT COLOR="red">**</FONT></div>
						<div class="left_text" id="recolist">
							<div style="text-align:left;">
								<div style="margin-left:auto;margin-right:auto;">{amazon_item}</div>
							</div>
						</div>
				</div>

<div class="links">
					<div class="left_title" id="linkname">&nbsp;<a href="http://c2c-1.rocketbeach.com/~openlocal/jpn/" target="_blank">OpenLocal</a></div>
					<div class="left_text" id="linklist">{link_list}</div>
					<div class="border"> </div>
				</div>

<div class="left_title" id="othersname">&nbsp;OTHERS</div>
				<div  class="left_text" id="otherslist" style="text-align: center;">
				<br />
					<div style="margin-left: auto; margin-right: auto;">
						<a href="http://jugem.cc" target="_blank" title="ブログのレンタルならJUGEM（じゅげむ）"><img src="../template/separate/img/jugem_blue01.gif" width="128" height="22" alt="ブログのレンタルサービス JUGEM" border="0" /></a>
						<br />
						<br />
						<a href="http://paperboy.co.jp/" target="_blank" title="インターネットのトータルソリューション企業paperboy&co."><img src="../template/separate/img/paperboy_blue01.gif" width="128" height="22" alt="paperboy&co." border="0" /></a>
						<br />
						<br />
						<a href="./?mode=rss"><img src="../template/separate/img/rss10.png" border="0" alt="RSS 1.0" width="46" height="15" /></a>
						<br />
						<br />
						<a href="./?mode=atom"><img src="../template/separate/img/atom03.png" border="0" alt="ATOM  0.3" width="46" height="15" /></a>
						<br />
						<br />
					</div>
				</div>

</div>
			
		</td>
		<td>

<div class="calendar">{calendar_horizontal}</div>

</div>
						
					</td>
				</tr>
				<tr valign="top">
					<td>
						
						<div id="mid">

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

<div class="entry">
								<div class="entry_date">{entry_date}</div>
								<div class="entry_title">{entry_title}</div>
								<div class="entry_author">author : {user_name}</div>
								<div class="entry_body">{entry_description}</div>
								<div class="entry_more">{entry_sequel}</div>
								<div class="entry_state">| {category_name} | {entry_time} | {comment_num} | {trackback_num} | <A HREF="http://openlocal.jugem.jp/">TOP</A> |</div>
							</div>
							{trackback_auto_discovery}

<a name="comments"></a>
							<div class="entry">
								<div class="entry_comment">コメント</div>
								
								<BLOCKQUOTE><UL><div class="entry_body">{comment_description}</div><div class="entry_state">| {comment_name} | {comment_time} |</div></UL></BLOCKQUOTE>
								
								<div class="entry_docomment">コメントする</div>
								<div class="entry_body">
									<form action="./?mode=comment" method="post">
										<input type="hidden" name="entry_id" value="{entry_id}" />
										<label for="name">name:</label><br />
										<input class="form_border" type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />
										<label for="email">email:</label><br />
										<input class="form_border" type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
										<label for="url">url:</label><br />
										<input class="form_border" type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
										<label for="description">comments:</label><br />
										<textarea class="form_border" tabindex="4" id="description" name="description" rows="12" cols="50" style="width:360px;"></textarea><br />
										<br />
										<input class="form_border" type="submit" value=" Submit " />
										<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="entry_trackback">この記事のトラックバックURL</div>
								<div class="entry_body"><input name="tb" size="255" style="width:350px" value="{trackback_url}" class="form" /></div>
								<div class="entry_date">トラックバック</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">PROFILE</div>
								<div class="entry_title">{profile_name}</div>
								<div class="entry_body">{profile_description}</div>
							</div>

</div>
						
					</td>
					<td class="right_border">
						
						<div id="right">

<div class="right_title" id="newentryname">&nbsp;NEW ENTRIES</div>
							<div class="right_text" id="newentrylist">{latest_entry_list}</div>
							<div class="border"> </div>

<div class="right_title" id="commentname">&nbsp;RECENT COMMENTS</div>
							<div class="right_text_comment" id="commentlist">{recent_comment_list}</div>
							<div class="border"> </div>

<div class="right_title" id="tbname">&nbsp;RECENT TRACKBACK</div>
							<div class="right_text_tb" id="tblist">{recent_trackback_list}</div>
							<div class="border"> </div>

<div class="right_title" id="categoryname">CATEGORIES</div>
							<div class="right_text" id="categorylist">{category_list}</div>
							<div class="border"> </div>

<div class="right_title" id="archivename">&nbsp;ARCHIVES</div>
							<div class="right_text" id="archivelist">{archives_list}</div>
							<div class="border"></div>

<div class="right_title" id="profilename">&nbsp;PROFILE</div>
							<div class="right_text" id="profilelist">
							{user_list}
							</div>
							<div class="border"> </div>

<div class="right_title" id="loname">&nbsp;LOGIN</div>
							<div class="login" id="lolist"><form action="./admin/?mode=login" method="post">id:<input class="form_border" type="text" name="account_name" style="width:110px" /><br />pass:<input class="form_border" type="password" name="password" style="width:110px" /><br /><input class="form_border" type="submit" name="" value=" Login " /></form></div></div>
						
					</td>
				</tr>
			</table>

</td>
	</tr>
	<tr>
		<td colspan="2">
			
			<div id="footer">
				<div class="copyright">
			</div>
<script charset="Shift_JIS" src="http://c2c-1.rocketbeach.com/~openlocal/jpn/footer.js"></script>
			</div>
			
		</td>
	</tr>
</table>

CSS

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

a {text-decoration: none;}
a:link {color: #FF0000; text-decoration: none;}
a:active {color: #FFCC00; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #006600; text-decoration: none;}

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

li {
	color: #333333;
}

form{
	margin:0px;
}

.site_title {
	font-family: "Times New Roman", "serif", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-weight: bolder;
	color: #000;
	margin: 10px 0px 10px 20px;
}

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

.description {
	width: 420px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 20px;
}

p {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #808080;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border-left:  20px solid #000000;
}

blockquote {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #808080;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-left:  10px solid #ffcc00;
}

.pict {
	background: #000000;
	margin: 15px 0px 15px 0px;
	padding: 8px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	align: center;
}

/* container------------------------------------------------------------ */
#container1 {
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #FFFFFF;
}

#container2 {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

/* head----------------------------------------------------------------- */
#head {
	width: 790px;
	height: 70px;
}

/* search--------------------------------------------------------------- */
#search_box {
	width: 790px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dashed #000099;	
	text-align: right;
}

.search {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000099;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* pan--------------------------------------------------------------- */
#pan_link {
	position:relative; 
	top:0px;
	width: 790px;
	margin: 5px 5px 5x 5px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/* openad--------------------------------------------------------------- */
#open_ad {
	position:relative; 
	top:5px;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* left----------------------------------------------------------------- */
#left {
	width: 190px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

.left_border {
	border-right: 1px dashed #000099;
}

.title_img {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #000099;
}

.left_title {
	font-size: 12px;
	color: #000000;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	text-align: left;
}

.left_text {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #333;
	line-height: 170%;
	margin: 1px 5px 10px 6px;
	padding: 10px;
}

.left_counter {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.amazon{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

.counter{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

.links {
	margin: 0px;
	padding: 1px 0px 0px 0px;
	background: #FFFFFF;
}

.recommend {
	margin: 0px;
	border-bottom: 1px dashed #000099;
}

.ads {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

/* calendar------------------------------------------------------------- */
#calendar_box {
	width: 600px;
	margin: 0px;
	padding: 0px;
	background: #006600;
	border-bottom: 1px dashed #000099;
}

.calendar {
	font-family: "Verdana";
	font-size: 9px;
	color: #FFFFFF;
	line-height: 130%;
	margin: 0px;
	padding: 4px 0px 6px 0px;
	text-align: center;
}

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

.cell {
	width: 25px;
	height: 13px;
	padding: 1px;
}

.weekday {
	font-size: 9px;
	text-align: center;
	width: 25px;
	height: 13px;
	padding: 1px;
}

.today {
	/*background-color: #CC6699;*/
}

/* mid------------------------------------------------------------------ */
#mid {
	width: 400px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
.entry_navi{
	margin: 4px;
	padding: 2px 0px;
	background: #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:center;
	font-size: 12px;
}

.entry {
	margin: 4px;
	padding: 10px 0px 10px 0px;
	background: #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.entry_date {
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
/*	background: #C54343;*/
	background: #000099;
	text-align: right;
}

.entry_comment{
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
	margin: 0px 10px 5px 0px;
	padding: 3px;
	background: #FFCC00;
	text-align: right;
}

.entry_docomment{
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
	background: #FF0000;
	text-align: right;
}

.entry_trackback{
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
	background: #000000;
	text-align: right;
}

.entry_title {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	color: #000;
	margin: 12px;
}

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

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

.entry_body {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 170%;
	color: #666;
	margin: 12px;
	}

.entry_more {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 170%;
	color: #666666;
	margin: 12px;
}

.entry_more a {text-decoration: none;}
.entry_more a:link {color: #FF0000; text-decoration: none;}
.entry_more a:active {color: #FFCC00; text-decoration: none;}
.entry_more a:visited {color: #000000; text-decoration: none;}
.entry_more a:hover {color: #006600; text-decoration: none;}

.entry_state {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #999;
	margin: 20px 12px 15px 12px;
}

.entry_state a {text-decoration: none;}
.entry_state a:link {color: #FF0000; text-decoration: none;}
.entry_state a:active {color: #FFCC00; text-decoration: none;}
.entry_state a:visited {color: #000000; text-decoration: none;}
.entry_state a:hover {color: #006600; text-decoration: none;}

/* right---------------------------------------------------------------- */
#right {
	width: 200px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

.right_border {
	border-left: 1px dashed #000099;
}

.right_title {
	font-size: 12px;
	color: #000000;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	text-align: left;
}

#commentlist,
#tblist,
#newentrylist,
.right_text {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #333;
	line-height: 170%;
	margin: 1px 5px 10px 4px;
	padding: 10px;
}

.border {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #000099;
}

.login {
	width: 200;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #006600;
	margin: 0px 0px 30px 0px;
	padding: 15px 10px 10px 0px;
	text-align: right;
	vertical-align: middle;
	line-height: 170%;
}

/* footer--------------------------------------------------------------- */
#footer {
	width: 790px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	border-top: 1px dashed #000099;
}

.copyright {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 9px;
	color: #000000;
	line-height: 130%;
	margin: 0px;
	padding: 6px 4px 4px 4px;
	text-align: center;
}

.copyright a:visited,
.copyright a:active,
.copyright a:hover {
	color: #BDCCDB;
	text-decoration: none;
}

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