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

ホーム

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

テンプレート名 : 3_liquid

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" xml:lang="ja" lang="ja">
<head>

</head>

<div id="intro">
	
	<h1 class="logo" title="{site_title}">{blog_name}</h1>
	<h2 class="logo">{blog_description}</h2>
	
</div>

<div id="container">
	<div id="minwidth">
		<a name="top" id="top">&nbsp;</a>

<div id="header">
			<div id="headerbox">
			
				
				<div id="headerbox-a">{blog_name}</div>
				<div id="headerbox-b">{blog_name}</div>
				<div id="headerbox-c">{blog_description}</div>
				
				
			</div>
		</div>

<div id="middle">

<div id="main">

<div id="contents">
					<div id="incontents">

<div class="entry_link">
							{prev_entry}&nbsp;|&nbsp;<a href="./">トップ</a>&nbsp;|&nbsp;{next_entry} 
						</div>

<div class="entry">
							<div class="liquid">
								<div class="padding">
									
									<div class="entry_date border">
										{entry_year}年{entry_month}月{entry_day}日（{entry_jpn_week}）&nbsp;/&nbsp;{category_name}&nbsp;/&nbsp;by&nbsp;{user_name}
										<div class="entrylabel">
											<div class="Da">
												<div class="DaIn">
													<span class="DaBig">{entry_day}</span>
												</div>
											</div>
											<h3 class="entry_title">
												<a href="{entry_permalink}">{entry_title}</a>
											</h3>
										</div>
									</div>
									<div class="entry_body border">
										<div class="entry_description">
											<div class="jgm_entry_desc_mark">{entry_description}</div>
										</div>
											<a name="liquid">&nbsp;</a><div class="entry_more">{entry_sequel}
										</div>
									</div>
									<div class="entry_state">
										<p>{comment_num},&nbsp;{trackback_num}</p>
									</div>
					
								</div>
							</div>
						</div>
						{trackback_auto_discovery}

<div class="entry_foot">

<a name="comments"></a>
		
							<dl id="comment">
								<dt>コメントする</dt>
									<dd>
										
										<div class="liquid">
											<div class="padding">
												<div class="border">{comment_name},&nbsp;{comment_time}</div>
												<p>{comment_description}</p>
											</div>
										</div>
										
									</dd>
									
									<dd>&nbsp;</dd>
									<dd>&nbsp;</dd>
									
									<dd class="form_area">
										<form name="comment_area" action="./?mode=comment" method="post">
											<input type="hidden" name="entry_id" value="{entry_id}" />
											<label for="name">名前：</label><br/>
											<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="form" /><br />
											<label for="email">Eメールアドレス：</label><br />
											<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="form" /><br />
											<label for="url">URL：</label><br />
											<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="form" /><br />
											<label for="description">コメント：</label><br />
											<textarea tabindex="4" id="description" name="description" rows="7" cols="50" class="form"></textarea><br /><br />
			
											<input tabindex="5" type="submit" value="送信" onclick="javascript:setval();" onkeypress="javascript:setval();" class="button" />
											<input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
											<label for="set_cookie">入力情報をCookieに登録しますか？</label>
										</form>
									</dd>
								</dl>

<a name="trackback"></a>
								<dl id="trackback">
									<dt>この記事のトラックバックURL</dt>
									<dd class="tb_url">url:<strong>{trackback_url}</strong></dd>
	
									<dd>
										
										<div class="liquid">
											<div class="padding">
												<div class="border">{trackback_blog_name},&nbsp;{trackback_time}</div>
												<div class="tb_title border">{trackback_title}</div>
												<p>{trackback_excerpt}</p>
											</div>
										</div>
										
									</dd>
				
								</dl>

<a name="profile"></a>
								<div class="liquid">
									<div class="padding">
										<dl id="profile">
											<dt>プロフィール</dt>
											<dd>
												<h3 class="border">{profile_name}</h3>
												<p>{profile_description}</p>
											</dd>
										</dl>
									</div>
								</div>
															
							
							</div>

<div class="page_link">
							<p>{prev_page_link}&nbsp;|&nbsp;{page_now}/{page_num}ページ&nbsp;|&nbsp;{next_page_link}</p>
							<p><a href="#top" title="トップ">ページのトップへ</a></p>
						</div>
						
						
						
					</div>
				</div>

</div>

<div id="left_sidebar">
				<div class="side">
					<div class="sidebox">
					
					
						
						<dl id="calendar" class="centering">
							<dt class="sidelabel">カレンダー</dt>
							<dd>
								<table class="date" border="0" cellspacing="1" cellpadding="0" summary="曜日"><tr><td class="cell sun">日</td><td class="cell">月</td><td class="cell">火</td><td class="cell">水</td><td class="cell">木</td><td class="cell">金</td><td class="cell sat">土</td></tr></table>
								{calendar}
							</dd>
						</dl>

<dl id="user-list">
							<dt class="sidelabel">メンバーリスト</dt>
							<dd class="border">{user_list}</dd>
						</dl>

<dl>
							<dt class="centering">others</dt>
							<dd>
								<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>
							</dd>
						</dl>

<dl>
							<dt class="sidelabel">カテゴリー</dt>
							<dd>{category_list}</dd>
						</dl>

<dl>
							<dt class="sidelabel">月別記事</dt>
							<dd>{archives_list}</dd>
						</dl>

<dl class="subNavi">
							<dt class="sidelabel">リンク</dt>
							<dd>
								<ul>
									<li>{link_list}</li>
								</ul>
							</dd>
						</dl>

<dl>
							<dt class="sidelabel">携&nbsp;帯</dt>
							<dd class="centering">{site_qrcode}</dd>
						</dl>

<dl>
							<dt class="sidelabel">新着記事</dt>
							<dd>{latest_entry_list}</dd>
						</dl>
						
			
						
						<dl>
							<dt class="sidelabel">最新コメント</dt>
							<dd>{recent_comment_list}</dd>
						</dl>

<dl>
							<dt class="sidelabel">最新トラックバック</dt>
							<dd>{recent_trackback_list}</dd>
						</dl>

<dl class="centering">
							<dt style="font-weight:bolder; ">sponsored links</dt>
							<dd>{ad}</dd>
						</dl>

<dl class="centering">
							<dt>powered</dt>
							<dd>{powered}</dd>
						</dl>

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

</div>
		
		
		
		
			
		
		<div id="right_sidebar">
			<div class="side">
				<div class="sidebox">

<dl class="centering">
						<dt class="sidelabel">検&nbsp;索</dt>
						<dd>
							<form method="get" action="./">
								<input id="search" name="search" size="20" style="width:110px" class="search" />
								<input type="submit" value="search" class="btn" />
							</form>
						</dd>
					</dl>

<dl class="centering">
						<dt>{amazon_Creator}</dt>
						<dd>{amazon_item}</dd>
					</dl>
					
			
					
					<dl class="centering">
						<dt>{freespace_title1}</dt>
						<dd>{freespace_contents1}</dd>
					</dl>

<dl class="centering">
						<dt>{freespace_title2}</dt>
						<dd>{freespace_contents2}</dd>
					</dl>

<dl class="centering">
						<dt>{freespace_title3}</dt>
						<dd>{freespace_contents3}</dd>
					</dl>
					
	
					
					<dl class="centering">
						<dt>{freespace_title4}</dt>
						<dd>{freespace_contents4}</dd>
					</dl>
					
			
					
					<dl class="centering">
						<dt>{freespace_title5}</dt>
						<dd>{freespace_contents5}</dd>
					</dl>

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

<div id="footer">
			<div id="footerbox">
				<div class="centering">
					<address>{copyright}</address>
				</div>
			</div>
		</div>
			
		
		<a name="end" id="end">&nbsp;</a>

</div>
</div>

</body>
</html>

CSS

@charset "euc-jp";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{font-size:small;font:x-small;line-height:160%;color:#454545;background:#fafafa url(http://img-cdn.jg.jugem.jp/e1f/447852/20080103_462415.gif) repeat-x;font-family:"Verdana","&#12498;&#12521;&#12462;&#12494;&#35282;&#12468;Pro W3","&#65325;&#65331;&#12468;&#12471;&#12483;&#12463;","Osaka&#8208;&#31561;&#24133;",sans-serif;text-align:center;padding:0 10px}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}select,input,textarea{font-size:99%}*{line-height:1.6;color:#222;font-size:100%;font-style:normal;margin:0;padding:0}h1,h2,h3{line-height:1.2;color:#666;font-family:"Verdana";font-weight:700;margin:0.8em 10px}h4,h5,h6{line-height:1.2;color:#444;font-weight:700;margin:0.8em 10px}pre{border:3px solid #eee;width:auto;_width:95%;overflow:scroll;color:#3d4263;background:#fff url(http://img-cdn.jg.jugem.jp/e1f/447852/20080105_463754.gif) no-repeat top right;font-family:"Osaka-&#31561;&#24133;",monospace;padding:0.5em 10px}p{font-weight:400;font-size:100%;margin:0.8em 10px}blockquote{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background-color:#eee;margin:1.5em 20px 1.5em 40px;padding:20px}blockquote *{color:#888}cite{display:block;color:#333;text-align:right}em.ja{color:#000;font-style:normal}em.en{font-style:oblique}strong{font-weight:700}code{font-family:"Osaka-&#31561;&#24133;",monospace}addr,acronym{border-bottom:1px dotted #aaa;cursor:help}kbd{border:1px solid #ccc;background-color:#f5f5f5;font-family:"Osaka-&#31561;&#24133;",monospace;text-transform:uppercase;padding:0 0.3em}q{background-color:#ffc}a{color:#003;outline:none}a:link{color:#0000cd;text-decoration:none}a:visited{color:#8a2be2;text-decoration:none}a:hover{color:#ff4500;text-decoration:underline;background-color:#ffefd5}a:active{color:#ff1493}img{border:solid 1px transparent;_border:solid 1px #eee}#wrapper_body{border-top:15px solid #454545}#container{margin-right:auto;margin-left:auto;width:100%;min-width:720px;text-align:left}#header{margin-left:auto;margin-right:auto;border-top:solid 1px #90ee90;border-right:solid 1px #90ee90;border-left:solid 1px #90ee90;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;border-radius-topright:10px;border-radius-topleft:10px;text-align:center}#middle{margin-right:-172px;float:left;width:100%}#main{width:100%;float:right;margin-left:-172px}#left_sidebar{border:solid 1px #ff69b4;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:right;width:168px;min-width:168px;max-width:168px}#right_sidebar{border:solid 1px #48d1cc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:left;width:168px;min-width:168px;max-width:168px}#footer{margin-left:auto;margin-right:auto;border-right:solid 1px #90ee90;border-bottom:solid 1px #90ee90;border-left:solid 1px #90ee90;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-radius-bottomright:10px;border-radius-bottomleft:10px;clear:both}#footer address{font-style:normal;font-size:x-small;text-align:center}h1{font-size:1.52em}h2{font-size:1.44em}h3{font-size:1.36em}h4{font-size:1.29em}h5{font-size:1.22em}h6{font-size:1.14em}.clear{clear:both;font:0/0 sans-serif}#intro{position:relative;overflow:hidden;text-align:left;margin:0 auto}.logo{display:block;position:absolute;top:0;left:0;float:left;overflow:hidden;text-indent:-9999px}#headerbox{margin-right:auto;margin-left:auto;width:700px;min-width:720px;vertical-align:top;text-align:left}#headerbox-b{width:700px;height:200px;background:url(http://img-cdn.jg.jugem.jp/e1f/447852/20071230_460243.jpg) no-repeat;text-indent:-9999px;margin:0;padding:0}#headerbox-b a{border:0;display:block;width:700px;height:200px;text-decoration:none;-webkit-transition:all 1s ease-in-out;margin:0;padding:0}#headerbox-b a:hover{background:url(http://img-cdn.jg.jugem.jp/e1f/447852/20080107_464581.jpg) no-repeat;-webkit-box-shadow:10px 10px 10px #999;-webkit-transform:rotate(360deg) scale(1.6)}#headerbox-d{clear:both}ul#dropdown{height:1.52em;list-style:none;text-align:center;margin:0;padding:0 0 4px}ul#dropdown li{float:left;list-style-type:none;background-color:#eee;margin:0 2px 0 0;padding:0}ul#dropdown ul li{clear:left}ul#dropdown li a{border-top-right-radius:10px;border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;display:block;font:700 1em Arial;text-decoration:none;margin:0;padding:5px 10px 9px}ul#dropdown ul{display:none;margin:0;padding:0}ul#dropdown li:hover >ul{display:block;position:absolute}ul#dropdown li.over ul{display:block;position:absolute;z-index:9999}ul#dropdown li.over a{background-color:#eee}.entry{margin-bottom:10px;border-top:solid 1px #eee;border-bottom:solid 1px #eee;font-size:1em}.entry_foot{margin-bottom:10px;font-size:1em;text-align:left}.liquid{font-size:100%}.sublabel{border-top:solid 1px #f0fff0;border-right:solid 1px #90ee90;border-left:solid 1px #98fb98;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-radius-topright:20px;background-color:#f0fff0;font-weight:700;margin:0;padding:5px 10px}.entrylabel{border-bottom:double 3px #32cd32;font-weight:700;margin:0;padding:0}.entry_title{border-top:solid 1px #fff;border-right:solid 1px #fff;-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-radius-topright:20px;line-height:1.1em;background-color:#fff;font-family:"Verdana","&#65325;&#65331;&#65328;&#12468;&#12471;&#12483;&#12463;","&#65325;&#65331;&#12468;&#12471;&#12483;&#12463;","&#20013;&#12468;&#12471;&#12483;&#12463;&#20307;",Osaka,sans-serif;font-weight:700;font-size:1.59em;margin:0;padding:5px 5px 0}.Da{color:#fff;background-image:url(http://img-cdn.jg.jugem.jp/e1f/447852/20080529_532736.gif);background-repeat:no-repeat;background-position:0 50%;float:left;width:80px;height:50px;font-family:"Comic Sans MS";font-weight:700;margin:0;padding:0}.DaIn{color:#fff;font-weight:700;text-align:center;margin:0;padding:0}.DaBig{color:#fff;font-weight:700;font-size:2.79em;margin:0;padding:0}.entry_date{color:#666}.border{border-bottom:1px dotted #b5b5b5;padding:0}.entry_body{color:#333;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;background-color:#fff;padding:15px 10px}.entry_description{margin-left:auto;margin-right:auto;width:96%;_width:92%;color:#333}.entry_more{margin-top:10px;margin-left:auto;margin-right:auto;width:96%;_width:92%;text-align:left}.entry_state{font-size:x-small;text-align:right;padding:5px 0}.entry li{margin-left:20px;list-style-type:circle}.entry img.spacer{width:2px;height:6px}.entry img a{border:0;outline:medium solid #eee;margin:0 1em 1em 0}.popup img{display:block;top:-10000px;left:-10000px;position:absolute}.popup a:hover{position:relative}.popup a:hover img{top:-215px;left:-32px;border:2px solid #ffb6c1}a.linkbutton{margin-left:6px;padding-left:8px;display:block;float:left;height:40px;line-height:22px;background:transparent url('http://img-cdn.jg.jugem.jp/e1f/447852/20080525_531192.gif') 0 0 no-repeat;font:700 1em Arial;text-decoration:none}a:link.linkbutton,a:visited.linkbutton,a:active.linkbutton{color:#ff8c00}a:hover.linkbutton{background-position:0 -40px;text-decoration:underline}a.linkbutton span{display:block;float:left;height:40px;background:transparent url('http://img-cdn.jg.jugem.jp/e1f/447852/20080525_531193.gif') 100% 0 no-repeat;padding:8px 8px 4px 2px}a:hover.linkbutton span{background-position:100% -40px}.linkbuttonwrapper{clear:both;width:100%;overflow:hidden}ul.thumbnail{list-style-type:none;margin:0.5em 16px;padding:0}ul.thumbnail li{float:left;list-style-type:none;margin:0 8px 8px 0;padding:4px}ul.thumbnail li img{vertical-align:bottom}ul.dock li{float:left;list-style:none;margin:0;padding:2px}ul.dock li img{width:45px;height:62px}ul.dock li:hover img{width:90px;height:123px}ul.dock li:hover+li img{width:67px;height:92px}ul.dock li:hover+li+li img{width:58px;height:80px}p.continue{clear:both;margin:0.5em 16px}#comment .liquid,#trackback .liquid,#profile .liquid{margin-bottom:10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#eeeae0}#comment .form{width:250px}#trackback .tb_url{margin-bottom:10px;text-align:center}#trackback .tb_url strong{margin-left:10px}#trackback .tb_title{font-weight:bolder}dl#comment,dl#trackback,dl#profile{width:90%;margin:30px auto 0}dl#comment dt,dl#trackback dt,dl#profile dt{margin-bottom:10px;font-family:"Arial";font-weight:bolder;text-align:center}dl#comment p,dl#trackback p,dl#profile p{color:#454545;padding:5px 0}.side{width:166px}.sidebox{margin-left:auto;margin-right:auto;width:100%}.sidelabel{border-right:solid 1px #90ee90;border-left:solid 1px #98fb98;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#000;background-color:#f0fff0;font-weight:700;text-align:center;margin:0 5px 10px;padding:5px}.side dl{margin-bottom:10px;background-image:url(http://img-cdn.jg.jugem.jp/e1f/447852/20080102_462228.gif);background-repeat:repeat-x;background-position:left bottom;padding:0 0 25px}.side dt{margin-top:10px;font-weight:bolder}.side ul{list-style-type:none}.side li{margin-bottom:5px;margin-left:10px;line-height:130%}.subNavi dl{display:inline}.subNavi dt{margin-bottom:10px 5px 0;color:#000;border-right:solid 1px #90ee90;border-left:solid 1px #98fb98;-webkit-border-top-right-radius:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-topleft:20px;border-radius-topright:20px;border-radius-topleft:20px;background-color:#f0fff0;font-size:85%;text-align:center;padding:4px 8px 2px}.subNavi dd{background-color:#f5f5f5;margin:0;padding:0.2em 0}.subNavi ul{width:100%;margin:0;padding:0}.subNavi ul li{display:inline;list-style-type:none;margin:0;padding:0}.subNavi ul li a{border-bottom:1px solid #eee;display:block;position:relative;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;padding:2px 8px}.subNavi ul li a:hover{background-color:#fff;text-decoration:underline;-webkit-box-shadow:5px 5px 5px #999;-webkit-transform:translate(40px,0) scale(1.6);-webkit-border-radius:10px}.calendar table{margin:0 auto}.cell{width:22px;height:20px;text-align:center}.sun{color:#f72c48}.sat{color:#4f72c1}.date{color:#858585;font-weight:bolder}#calendar .cell a,#calendar .cell a:link,#calendar .cell a:visited,#calendar .cell a:active{display:block;width:22px;height:20px;background:#d9d9d9}#calendar .cell a:hover{background:none}.centering{text-align:center}#minwidth,#incontents{width:100%;min-width:320px}#main #contents,#contents{margin-right:172px;margin-left:172px}#headerbox-a,#footerbox{text-align:left}#headerbox p,.side dd,#profile h3{font-size:small}ul#dropdown a:hover,ul#dropdown .current a,ul#dropdown li.over a:hover{color:#fff;background-color:#32cd32}.entry .padding,#comment .padding,#trackback .padding,#profile .padding{padding:10px 20px 0}.entry_link,.page_link{font-size:x-small;text-align:center;margin:10px 0}.entry img:hover,.entry img a:hover{outline:medium solid #ffc0cb}

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