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

ホーム

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

テンプレート名 : Newspaper

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 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>

</head>

<div id="container"><div id="container2"><div id="container3">

<div id="header">
		
		<h1>{blog_name}</h1>
		<h2>{blog_description}</h2>
		
	</div>

<div id="content">

<div id="main">

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

<div class="entry_box">
			<h3 class="entry_title">{entry_title}</h3>
			<p class="state_top">{entry_date}&nbsp;{entry_time}&nbsp;|&nbsp;{category_name}</p>

<div class="entry">{entry_description}</div>
			<a name="sequel"></a>
			<div class="entry">{entry_sequel}</div>
			
			{trackback_auto_discovery}

<p class="state_bottom">{comment_num}&nbsp;|&nbsp;{trackback_num}&nbsp;|&nbsp;Posted by {user_name}</p>

</div>

<a name="comments" id="comments"></a>
		<div class="comments_box">
			<h4>Comments</h4>
<dl>
			
			<dt>{comment_description}</dt>
			<dd>{comment_name}&nbsp;|&nbsp;{comment_time}</dd>
			
</dl>
<p><a href="#header">Page top▲</a></p>
		</div>
		
		<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<fieldset>
<legend>Post a Comment</legend>
<div>
			<input type="hidden" name="entry_id" value="{entry_id}" class="input" />
			<p><label for="name">name:</label><br />
			<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /></p>
			<p><label for="email">email:</label><br />
			<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /></p>
			<p><label for="url">url:</label><br />
			<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /></p>
</div>
			<p id="comment_form_right"><label for="description">comments:</label><br />		<textarea tabindex="4" id="description" name="description" rows="5"></textarea></p>
			
			<p><input tabindex="5" type="image" src="http://img-cdn.jg.jugem.jp/588/545765/20070704_56756.png" value="コメント送信" /></p>
			<p><input type="checkbox" name="set_cookie" value="1" id="set_cookie"><label for="set_cookie">入力情報を登録しますか？</label></p>
</fieldset>	
			</form>

<a name="trackback" id="trackback"></a>
		<div class="trackback_box">
<h4>Trackback</h4>
			<dl id="tb_area">
			
			<dt>{trackback_title}</dt>
			<dd>{trackback_excerpt}</dd>
			<dd class="tb_state">{trackback_blog_name} | {trackback_time}</dd>
			
			</dl>
<p><a href="#header">Page top▲</a></p>
		</div>

<form id="trackbackurl_area">
<fieldset>
<legend>Trackback URL</legend>
			<input type="text" value="{trackback_url}" class="input" />
</fieldset>
</form>

<div class="entry_area">
				<dl id="profile_area">
				<dt class="title">プロフィール</dt>
				<dd class="txt_bold">{profile_name}</dd>
				<dd>{profile_description}</dd>
				</dl>
			</div>

<div id="page_area">
		
		<div class="page_navi" style=" ">{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}</div>
		
		<div class="page_top"><a href="#top">Page top▲</a></div>
	</div>

</div>
	
	
		
	<div id="side">

<h5>calendar</h5>
<div id="calendar_box">
			{calendar}
</div>

<h5>sponsored links</h5>
<div class="side_box">
			{ad}
</div>

<h5>{freespace_title1}</h5>
<div class="side_box_f">
			{freespace_contents1}
</div>

<h5>{freespace_title2}</h5>
<div class="side_box_f">
			{freespace_contents2}
</div>

<h5>{freespace_title3}</h5>
<div class="side_box_f">
			{freespace_contents3}
</div>
			
			
			
			<h5>{freespace_title4}</h5>
<div class="side_box_f">
			{freespace_contents4}
</div>
			
			
			
			<h5>{freespace_title5}</h5>
<div class="side_box_f">
			{freespace_contents5}
</div>

<h5>new entries</h5>
<div class="side_box">
			{selected_entry_list}
</div>
			
			
			
			
			<h5>categories</h5>
<div class="side_box">
			{category_list}
</div>

<h5>archives</h5>
<div class="side_box">
			{archives_list}
</div>

<h5>recent comment</h5>
<div class="side_box">
			{recent_comment_list}
</div>

<h5>recent trackback</h5>
<div class="side_box">
			{recent_trackback_list}
</div>

<h5>recommend</h5>
<div class="side_box">
			{amazon_item}
</div>

<h5>favorite links</h5>
<div class="side_box">
			{link_list}
</div>

<h5>profile</h5>
<div class="side_box">
			{user_list}
</div>

<h5>search</h5>
<div class="side_box">
			<form method="get" action="./">
			<input id="search" name="search" size="20" style="width:110px" class="search" />
			<input type="image" src="http://img-cdn.jg.jugem.jp/588/545765/20070704_56762.png" alt="search this site." value="Search" />
			</form>
</div>

<h5>others</h5>
<div class="side_box">
			<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>
			</ul>
</div>

<h5>mobile</h5>
			<div class="side_box">
			{site_qrcode}
			</div>

<h5>powered</h5>
			<div class="side_box">
			{powered}
			</div>

</div>
	
		
	</div>

<div id="footer">
	<address>{copyright}</address>
<p id="template">Template designed by <a href="http://quality-wins.jugem.jp">Quality-wins</a></p>
</div>

</div></div></div>

</body>
</html>

CSS

* {
	line-height: 1.6;
}

h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dd,dt,img{
	border: none;
	margin: 0;
	padding: 0;
}

h3,h4,p,li,div {
	font-family: "ヒラギノ角ゴ Ｐｒｏ Ｗ３","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

body {
	margin: 0 auto;
	padding: 0 5px;
 background: #555;
 text-align: center; /* -IE6 */
}

a:link {
 color: #008;
}
a:visited {
 color: #500;
}
a:hover {
 color: #777;
}
a:active{
 color: #fff;
}

/* -------------------ページレイアウト------------------- */

#container {
 background: url(http://img-cdn.jg.jugem.jp/588/545765/20070701_52632.jpg) repeat-y center;
 width: 800px;
 margin: 10px auto;
 text-align: left; /* -IE6 */
}

#container2 {
 background: url(http://img-cdn.jg.jugem.jp/588/545765/20070701_52620.jpg) no-repeat center bottom;
}

#container3 {
 padding: 7px 30px 20px 30px;
 background: url(http://img-cdn.jg.jugem.jp/588/545765/20070701_52633.jpg) no-repeat center top;
}

#main {
 float: left;
 width: 520px;
}

#side {
 margin: 0 0 0 530px;
 padding: 0 0 10px 10px;
 border-left: 2px solid #000;
 border-bottom: 2px solid #000;
 font-size: 0.9em;
}

#footer {
 clear: both;
 margin: 20px 0 0;
}
/* //end-------------------ページレイアウト------------------- */

/* -------------------ヘッダー------------------- */
h1,h2 {
 text-align: center;
 font-family: "Times Nes Roman", Times , serif;
}

h1 {
 font-size: 3em;
 border-bottom: 3px solid #000;
}

h1 a:link, h1 a:visited, h1 a:active{
 color: #000;
 text-decoration: none;
}

h1 a:hover{
 color: #777;
}

h2 {
 line-height: 1.3;
 border-bottom: 2px solid #000;
 margin: 0 0 15px;
}

/* //-------------------ヘッダー------------------- */

/* -------------------メイン------------------- */
/* エントリーナビ */
div.entry_navi {
 margin: 0 0 10px;
 font-size: 0.9em;
 text-align: center;
}

/* エントリー */
div.entry_box {
 border-bottom: 2px solid #000;
 margin: 0 0 30px;
}

h3.entry_title {
 text-align: center;
 background: #999;
 font-size: 1.2em;
 height:1.2em;
 padding: 5px 0;
}

p.state_top,p.state_bottom {
 font-size: 0.9em;
 padding: 5px 10px;
}

p.state_top {
 border-bottom: 1px dotted #000;
}

p.state_bottom {
 border-top: 1px dotted #000;
 text-align: right;
}

/* -- 記事中身用 -- */
div.entry {
 margin: 10px 20px;
}

div.entry p {
 margin: 10px 0;
 text-indent: 1em;
}

div.entry blockquote {
 margin: 10px 40px;
 padding: 10px 25px;
 border: 2px solid #999;
 color: #666;
 background: url(http://img-cdn.jg.jugem.jp/588/545765/20070629_49932.png) no-repeat center top;
}
/* // -- 記事中身用 -- */

/* -- コメント・トラックバック表示 -- */

/* 共通 */
#main div.comments_box, #main div.trackback_box {
 margin: 10px 0 20px;
 border-bottom: 2px solid #000;
}

#main div.comments_box h4, #main div.trackback_box h4 {
 font-family: "Times New Roman", Times, serif;
 font-size: 1.1em;
 border-bottom: 2px solid #000; 
}

#main div.comments_box dl, #main div.trackback_box dl {
 padding: 0 10px;
}

/* コメント専用 */
#main div.comments_box dt {
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 3px 20px 3px;
 margin: 15px 0 0;
}

#main div.comments_box dd {
 background: #d5d5d5;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 font-size: 0.9em;
 padding: 3px 20px;
 text-align: right;
}

#main div.comments_box p {
 text-align: right;
 padding: 2px;
}

/* トラックバック専用 */
#main div.trackback_box dt {
 background: #d5d5d5;
 border-left: 1px solid #d5d5d5;
 border-right: 1px solid #d5d5d5;
 font-size: 0.9em;
 padding: 5px 20px;
 margin: 15px 0 0;
}

#main div.trackback_box dd {
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 3px 30px;
}

#main div.trackback_box dd.tb_state {
 border: 0;
 border: 1px solid #ccc;
 font-size: 0.9em;
 margin: 0 0 15px;
 padding: 3px 20px;
 text-align: right;
}

#main div.trackback_box p {
 text-align: right;
 padding: 2px;
}
/* // -- コメント・トラックバック表示 -- */

/* --フォーム用-- */
/* comment,trackback共通 */
form#comment_area {

}

form#comment_area fieldset, form#trackbackurl_area fieldset{
 border: 1px solid #000;
 padding: 15px 10px;
}

form#comment_area fieldset legend, form#trackbackurl_area fieldset legend{
 padding: 0 10px;
 border: 1px solid #000;
 font-weight: bolder;
 font-family: "Times New Roman", Times, serif;
 font-size: 1.2em;
 background: #bbb;
}

/* comments専用 */
form#comment_area div{
 float: left;
}

form#comment_area p { /* コメントPすべて（サブミット用） */
 margin: 5px 5px 0 0;
 text-align: right;
 font-size: 0.9em;
}

form#comment_area p input { /* 全てのinpu用 */
 height: 1.6em;
}

form#comment_area div p { /* コメント左側P */
 text-align: left;
 font-size: 1em;
}

form#comment_area div p input {
 margin: 0 0 0 20px;
 width: 150px;
}

form#comment_area p#comment_form_right { /* テキストエリアｐ */
 margin: 5px 0 0 195px;
 text-align: left;
 font-size: 1em;
}

form#comment_area p#comment_form_right textarea {
 width: 270px;
 margin: 0 0 0 20px;
}

/* trackback専用 */
form#trackbackurl_area input {
 width: 85%;
 margin: 10px 20px 0;
 height: 1.6em;
}
/* // --フォーム用-- */
/* //end-------------------メイン------------------- */

/* -------------------サイド------------------- */

#side h5 {
 font-size: 1.3em;
 font-family: "Times New Roman" , Times , serif;
 margin: 10px 0 10px;
 padding: 0 5px;
 text-transform: capitalize;
 border-bottom: 1px solid #000;
}

#side div.side_box, #side div.side_box_f {
 padding: 5px;
}

#side div.side_box img {
 margin: 0 auto 5px;
 display: block;
}

#side li {
 list-style: none;
 border-bottom: 1px dotted #000;
 padding: 3px 5px 5px;
}

/* カレンダー */
#calendar_box table {
 margin: 5px 0 5px 5px;;
 width: 190px;
 font-size: 0.9em;
 border-collapse: collapse;
}

#calendar_box tr {

}

#calendar_box td {
 border: 1px solid #888;
 padding: 3px 0;
 color: #bbb;
}

#calendar_box td a {
}

#calendar_box div.calendar_month {
 color: #000;
}

/* //end-------------------サイド------------------- */

/* -------------------フッター------------------- */
address {
 margin: 5px 0 0;
 text-align: center;
 font-family: "Times New Roman", Times , serif;
 font-weight: bold;
 font-style: normal;
 border-top: 2px solid #000;
}

#template {
 text-align: center;
 font-size: 0.8em;
 font-family: "Times Nes Roman", Times , serif;
 margin: 0 0 5px;
}
/* //-------------------フッター------------------- */

/* +++++++++++++++   CSS hack +++++++++++++++++ */
/* ++ IE7 ++ */
/* *:first-child+html */
}
/* // ++ IE7 ++ */

/* __ -IE6 __ */
/* ブロッククウォート背景イメージをＧＩＦに */
div.entry blockquote {
 _background: url(http://img-cdn.jg.jugem.jp/588/545765/20070629_49933.gif) no-repeat center top;
}
/* // +++++++++++++++   CSS hack +++++++++++++++++ */

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