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

ホーム

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

テンプレート名 : フォトログ800px アリノハネ

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}" />

</head>

{blog_description}
	<br><br>

⇒　<a href="http://store.arinohane.com/" target="_blank" title="首輪">オンラインショップはコチラ</a>
	
	</div>
	
	
	<br>
	
	
	<div class="main">
		
		
			
			
			<strong>Entry:&nbsp;</strong><a href="{next_permalink}">&lt;&lt;</a>&nbsp;&nbsp;<a href="./">main</a>&nbsp;&nbsp;<a href="{prev_permalink}">&gt;&gt;</a>
			<br>
			<h3>{entry_title}</h3>
			<br>
			{entry_date} | category:{category_name}
			<br>
			{entry_description}
			
			<a name="sequel"></a>
			<br>
			{entry_sequel}
			<br>
			| {user_name} | {entry_time} | {comment_num} | {trackback_num} |
			<br>
			{trackback_auto_discovery}
<br><hr color="#dcdcdc"><br>
		
		
		
		
		
		<a name="comments"></a>
			<br>
			<strong>｜Comment</strong>
			<br>
			
			{comment_description}
			<br>
			Posted by: {comment_name}  |at: {comment_time}
			
			<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}" style="width:180px;" /><br>
				<label for="email">email:</label><br>
				<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:180px;" /><br>
				<label for="url">url:</label><br>
				<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:180px;" />
				<br>
				<label for="description">comments:</label><br>
				<textarea tabindex="4" id="description" name="description" rows="7" cols="50" style="width:250px;"></textarea><br><br>
				<input tabindex="5" type="submit" value="コメント送信" onclick="javascript:setval();" />
				<input type="checkbox" name="set_cookie" value="1" id="set_cookie" style="border:none;">
				<label for="set_cookie">Cookieに登録</label>
			</form>
		
		
		
		
		
		<a name="trackback"></a>
			<br>
			<strong>｜Trackback</strong>
			<br>
			
				<br>
				{trackback_title}
				<br>
				{trackback_excerpt}
				<br>
				{trackback_blog_name} | at: {trackback_time}
				<br>
			
				
				<br>
				<label for="url"><strong>｜トラックバックurl</strong></label>
				<input type="text" value="{trackback_url}" name="url" style="width:450px;" />
		
		
		
		
		
		<strong>｜Profile</strong>
		<br>
		{profile_name}
		<br>
		{profile_description}
		
		
		<br><br>

<p align="right">{prev_page_link}&nbsp;全 [{page_num}] ページ中 [{page_now}] ページ目を表示しています&nbsp;{next_page_link}</p>
			<br>
		
		
	</div>
	
	
	
	
	<div class="side">
		
		
		<strong>｜Calendar</strong>
		<br>
		{calendar}
		
		
		<br>
		
		
		<strong>｜Search</strong>
		<br>
		<form method="get" action="">
			<input id="search" name="search" size="20"><input type="submit" value="検索" class="button" />
		</form>
		
		
		<br>
		
		
		<strong>｜Category</strong>
		<br>
		{category_list}
		
		
		<br>
		
		
		<strong>｜NewEntry</strong>
		<br>
		{latest_entry_list}
		
		
		<br>
		
		
		<strong>｜Comment</strong>
		<br>
		{recent_comment_list}
		
		
		<br>
		
		
		<strong>｜Trackback</strong>
		<br>
		{recent_trackback_list}
		
		
		<br>
		
		
		<strong>｜Archives</strong>
		<br>
		{archives_list}
		
		
		<br>
		
		
		<strong>｜Link</strong>
		<br>
		{link_list}
		
		
		<br>
		
		
		<strong>｜Profile</strong>
		<br>
		{user_list}
		
		<br><br>
<strong>｜Mobile</strong>
		<br>
		{site_qrcode}<br><br>
		
		
		<a href="{site_rss}">RSS</a>
		<br>
		<a href="{site_atom}">ATOM</a><br><a href="./admin/">admin</a>
		
		
	</div>
	
	
	
	
	<div class="footer">
	<br>{copyright}</div>
<br>
<p align="right">designed by <a href="http://www.arinohane.com/jp/" target="_blank" title="革職人">arinohane</a>.</p>
{ad}
	
	
</div>
</body>
</html>

CSS

/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
color: #666;
font-size: 14px;
 font-family:'メイリオ',	'Meiryo',	'Hiragino Kaku Gothic Pro',	'ヒラギノ角ゴ Pro W3',	'Osaka',	'ＭＳ Ｐゴシック',	sans-serif;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

a {color: #5b89a6;
		text-decoration: none;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:1050px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
height:300px;
   background: url(http://img-cdn.jg.jugem.jp/dc4/1397050/20090814_788143.gif) no-repeat;
}

.header h1 {
margin-top: 30px;
margin-left: 10px;
font-size: 24px;
}

h3 {
font-size: 18px;
		text-decoration: none;
}

/*　右側メニューの幅　*/
.side {
	float: left;
	width:220px;
margin-left: 30px;
}

/*　左側の幅　*/
.main {
	float: left;
	width: 800px;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
text-align:center; 
}

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