無料ブログ作成なら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 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>

<body onload="javascript:initval();">
	<div id="body">
    	<div id="wrapper_box">
    	<div id="wrapper">
			
        	<div id="header">
				
            	<h1 id="site_title">{blog_name}</h1>
                <p id="site_description">{blog_description}</p>
				
            </div>
			
			
			<div id="main_image">
				<p><img src="http://fortheground.jp/rugby_template/red/img_main.jpg" width="880" height="200" /></p>
			</div>
            <div id="contents">
				
				<div id="main">
                	<div class="entry_box">
					
                	<div class="entry_item">
                    	<div class="entry_header">
                            <h2 class="entry_title">{entry_title}</h2>
                            <p class="entry_date">{entry_date} {entry_time}</p>
                        </div>
                        
                        <div class="entry_center">
							<p class="entry_category">カテゴリー:{category_name}</p>
                            <div class="entry_text">
								{entry_description}
                            </div>
							<a name="sequel"></a>
							<div class="entry_text">
								{entry_sequel}
							</div>
						</div>
                        <div class="entry_footer">
                        	<p><a href="#">{comment_num} | {trackback_num}</p>
                        
                        </div>
                    </div>
					{trackback_auto_discovery}
					
                    </div>

<a name="comments" id="comments"></a>
                	<div class="comment_box">
                    	<div class="comment_header">
                            <h2 class="comment_midashi">コメント</h2>
                            <p class="comment_sub_midashi">comment</p>
                        </div>
                        
                        <div class="comment_center">
							
							<div class="comment_item">
								<div class="comment_text">
									{comment_description}
								</div>
								<p class="comment_name"> {comment_name} | {comment_time}</</p>
							</div>
							
                        
						</div>
						
                        <div class="comment_footer">

</div>
                    </div>

<div class="comment_write_box">
						<div class="comment_write_header">
                            <h2 class="comment_midashi">コメントはこちらから</h2>
                            <p class="comment_sub_midashi">comment</p>
						</div>
						<div class="comment_write_center">
							<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
							<input type="hidden" name="entry_id" value="{entry_id}" class="input" />
							
							<label for="name">name:</label><br/>
							<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="input" /><br />
							
							<label for="email">email:</label><br>
							<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />
							
							<label for="url">url:</label><br>
							<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="input" /><br />
							
							<label for="description">comments:</label><br />
							<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />
							
							<input tabindex="5" type="image" src="http://fortheground.jp/rugby_template/red/btn_send.gif" value="コメント送信" /><input type="checkbox" name="set_cookie" value="1" id="set_cookie"><label for="set_cookie">入力情報を登録しますか？</label>

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

<a name="trackback" id="trackback"></a>
					<div class="trackback_box">
                    	<div class="trackback_header">
                            <h2 class="trackback_midashi">トラックバック</h2>
                            <p class="trackback_sub_midashi">trackback</p>
                        	<p>この記事のトラックバックURL</p>
                        	<p>
								<input type="text" value="{trackback_url}" name="url" style="width:450px; height:160%;" />
                        	</p>
                    	</div>
                        
						
                        <div class="trackbackt_center">
							<div class="trackback_item">
								<p class="trackback_title">{trackback_title}</p>
								<div class="trackback_text">
									{trackback_excerpt}
								</div>
								<p class="trackback_name">{trackback_blog_name} | {trackback_time}</p>
							</div>
                        </div>

<div class="trackback_footer">
                        </div>
                    </div>
					
					
					
					<p class="page_navigation">{prev_page_link}&nbsp;{page_now}/{page_num}&nbsp;{next_page_link}</p>
					
					
					
					<p class="page_top"><a href="{next_permalink}">&lt;&lt;</a>&nbsp;<a href="./">main</a>&nbsp;<a href="{prev_permalink}">&gt;&gt;</a></p>
					<p class="page_top"><a href="./">ページの先頭へ</a></p>

<div class="profile_box">
                    	<div class="profile_header">
                            <h2 class="profile_midashi">プロフィール</h2>
                            <p class="profile_sub_midashi">profile</p>
                        </div>
                        
                        <div class="profile_center">
							<p class="profile_name">{profile_name}</p>
                            <div class="profile_text">
								{profile_description}
                            </div>
						</div>
                        <div class="profile_footer">
                        </div>
                    </div>

</div>
                <div id="menu">
                	
                	<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_calendar.jpg" alt="カレンダー" width="200" height="35" /></p>
						
						<div class="calendar_table">
							{calendar2}
                        </div>
                    </div>
					
                	
                	
                	<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_profile.jpg" alt="プロフィール" width="200" height="35" /></p>
                        <div class="menu_text">
                            {user_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_newentry.jpg" alt="新着記事一覧" width="200" height="35" /></p>
                        <div class="menu_text">
							{latest_entry_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_archive.jpg" alt="アーカイブ" width="200" height="35" /></p>
                        <div class="menu_text">
                            {archives_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_category.jpg" alt="カテゴリー" width="200" height="35" /></p>
                        <div class="menu_text">
                            {category_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_qr.jpg" alt="ラグビーニュース携帯サイトQRコード" /></p>
                        <div class="menu_text">
                            <div style="text-align:center">
                            		<p>ラグビー速報サイト『ラグビーニュースモバイル』に今すぐアクセス！</p>
                            		<img src="http://fortheground.jp/rugby_template/red/QRrugby.jpg" alt="ラグビーニュース携帯サイトQRコード" />
                            </div>
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_comment.jpg" alt="コメント" width="200" height="35" /></p>
                        <div class="menu_text">
                            {recent_comment_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_trackback.jpg" alt="トラックバック" width="200" height="35" /></p>
                        <div class="menu_text">
                            {recent_trackback_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_mobile.jpg" alt="携帯サイトQRコード" /></p>
                        <div class="menu_text">
                            <div style="text-align:center">
                            		{site_qrcode}
                            </div>
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_search.jpg" alt="検索" width="200" height="35" /></p>
                        <div class="menu_text">
							<form method="get" action="">
									<div style="text-align:center">
										<p><input id="search" name="search" size="20" class="keyword" /></p>
										<p><input type="image" src="http://fortheground.jp/rugby_template/red/btn_search.gif" value="Search" class="btn" /></p>
									</div>
							</form>
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_link.jpg" alt="リンク" width="200" height="35" /></p>
                        <div class="menu_text">
                            {link_list}
                        </div>
                    </div>

<div class="menu_item">
                    	<p class="menu_title"><img src="http://fortheground.jp/rugby_template/red/menu_title_recommend.jpg" alt="おすすめ情報" width="200" height="35" /></p>
                        <div class="menu_text">
                        	<div style="text-align:center">
								{amazon_item}
              				</div>
                        </div>
                    </div>

</div>            
            </div>
        </div>
		</div>
		<div id="footer">
			<p class="copyright">produced by <a href="http://fortheground.jp">ForTheGround</a> / designed by <a href="http://www.frogman.co.jp/">FrogmanOffice</a><br />
			for Mobile:<a href="http://m.rugby-news.jp/">rugby-news.jp</a></p>
		</div>
    </div>
</body>
</html>

CSS

* {
	margin:0;
	padding:0;
	line-height:160%;
}

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

blockquote {
	margin:0 0 10px 0;
	padding:20px;
	border:#666666 dashed 1px;
}

html,body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#333333;
}

a:link {
	color:#FFFFFF;

}
a:visited {
	color:#CCCCCC;

}
a:hover,
a:avtive{
	color:#FFCC00;

}

#menu a:link {
	color:#FFFFFF;
}
#menu a:visited {
	color:#CCCCCC;
}
#menu a:hover,
#menu a:avtive{
	color:#FFCC00;
}

#main a:link {
	color:#17497B;
}
#main a:visited {
	color:#4B3261;
}
#main a:hover,
#main a:avtive{
	color:#A00000;
}

.cell a:link {
	color:#17497B;
}
.cell a:visited {
	color:#4B3261;
}
.cell a:hover,
.cell a:avtive{
	color:#A00000;
}

#body{
	margin:0;
	padding:0;
	background:#000 url(http://fortheground.jp/rugby_template/red/bg_body.jpg) center top repeat-y;
}

#wrapper_box {
	margin:0;
	padding:0;
	background:url(http://fortheground.jp/rugby_template/red/bg_wrapper_box.jpg) center top no-repeat;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:880px;
	text-align:left;
}

#header {
	height:160px;
	padding:0px 20px;
}

#site_title {
	color:#FFFFFF;
	font-size:28px;
	margin:30px 0 15px 0;
	padding:0;
}
#site_title a {
	text-decoration:none;
	color:#fff;
}

#site_description {
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#main_image {
	height:200px;
}

#contents {
	margin:0;
	padding:20px 20px;
}

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

.entry_box {

}

.entry_header {

}

.entry_title {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.entry_date {
	background:#DFDAD9;
	padding-left:10px;
	border-left:5px solid #666666;
}

.entry_center {
	padding:0 10px;
	margin-bottom:20px;
}

.entry_category {
	text-align:right;
}

.entry_text {

}

.entry_footer {
	border-top:1px dashed #666666;
	padding:10px;
	text-align:right;
}

.entry_category {

}

.entry_item {
	margin-bottom:20px;
	border-bottom:#666666 solid 1px;
}

.profile_midashi {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.profile_sub_midashi {
	background:#DFDAD9;
	padding-left:10px;
	border-left:5px solid #666666;
}

.profile_name {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.comment_midashi {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.comment_sub_midashi {
	background:#DFDAD9;
	padding-left:10px;
	border-left:5px solid #666666;
}

.comment_center {
	padding:0;
}

.comment_item {
	clear:both;
	border-bottom:1px dashed #666666;
	margin-bottom:15px;
	padding:0 10px;
}

.comment_text {
}

.comment_name {

}

.comment_footer {
	text-align:right;
}

.comment_write_center {
	margin-bottom:15px;
}

.trackback_midashi {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.trackback_sub_midashi {
	background:#DFDAD9;
	padding-left:10px;
	border-left:5px solid #666666;
}

.trackback_center {
	padding:0 10px;
}

.trackback_item {
	clear:both;
	margin-bottom:15px;
	border-bottom:1px solid #666666;

}
.trackback_title {
	border-left:5px solid #A00000;
	border-bottom:1px dashed #666666;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

.trackback_text {
	padding:5px;
}
.trackback_name {
	background:#DFDAD9;
	padding:5px;
}

.trackback_footer {
	text-align:right;
}

.comment_write_center label{
	padding:5px;
	margin:5px;
}
.page_navigation {
	text-align:center;
	background:#DFDAD9;
	padding:5px;
}

.page_top {
	text-align:center;
}

#menu {
	width:200px;
	float:right;
}

.calendar_table {
	clear:both;
	margin-bottom:20px;
	text-align:center;

}

.calendar_table table{
	border:none;
    border-spacing:0;
    border-collapse:collapse;
	padding:0;
	width:100%;
	background:#FFFFFF;
	border-left:#666666 solid 1px;
	border-top:#666666 solid 1px;
    empty-cells:show;
	text-align:center;

}

.calendar_month {
	background:#A00000;
	color:#FFFFFF;

}

.calendar_table table td{
	border:none;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
	margin:0;
	padding:0;
    border-spacing:0;
    border-collapse:collapse;

}

.menu_title {
	margin:0 0 2px 0;
	padding:0;

}

.menu_text {
	margin:0 0 20px 0;
	padding:10px;
	background:#A00000;
	color:#ccc;
}

.menu_text ul{
	margin:0;
	padding:0;
	list-style:none;
}

.menu_text ul li{
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	background:url(http://fortheground.jp/rugby_template/red/bg_list_icon.jpg) center left no-repeat;

}

#footer {
	clear:both;
	margin:0;
	padding:0;
	background:#000 url(http://fortheground.jp/rugby_template/red/bg_footer.jpg) center top no-repeat;
	height:60px;
}

.copyright {
	font-size:11px;
	margin-top:15px;
	color:#FFFFFF;
	letter-spacing:3px;
}

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