無料ブログ作成なら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>
<title>{site_title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" />
<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" />

<body>

{gmo_header_src}

<div id="wrapper">

<div id="header">

<h1>{blog_name}</h1>
		<div class="subTtl">{blog_description}</div>

</div>

<div id="innerContent">

<div id="main">

<div class="entry">

<h3>{entry_title_link}</h3>

<div class="date">{entry_date}  {entry_time}</div>
				<div class="entryLove">{love_soft}</div>
				<div class="entryBody">{entry_description}</div>

<a name="sequel"></a>
				<div class="entryMore">{entry_sequel}</div>

<div id="entryItemBox">
				category：{category_name} ｜ by：{user_name} ｜ {comment_num} ｜ {trackback_num} ｜  {logpi_link}
				</div>

{trackback_auto_discovery}
			</div>

<a name="comments"></a>
					
			<div id="comment">
				<div id="commentTtl">Comment</div>

<div class="commentBody">{comment_description}</div>
							
				<ul class="commentItem">
					<li>{comment_name}</li>
					<li>{comment_time}</li>
				</ul>

<label for="email">Email:</label><br>
							<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="input" /><br />

<label for="description">Comments:</label><br />
						<textarea tabindex="4" id="description" name="description" rows="5"></textarea><br />

<input tabindex="5" type="submit" value="コメント送信"  onclick="javascript:setval();" />&nbsp;&nbsp;<input type="checkbox" name="set_cookie" value="1" id="set_cookie">&nbsp;<label for="set_cookie">入力情報を登録しますか？</label>
					</form>
				</div>

</div>

<a name="trackback"></a>

<div class="trackback">
				<div id="trackbackTtl">Trackback</div>

<div class="tbTtl">{trackback_title}</div>
				<div class="tb">{trackback_excerpt}</div>

<ul class="tbItem">
					<li>{trackback_blog_name}</li>
					<li>{trackback_time}</li>
				</ul>

<div id="thisTb">この記事のトラックバックURL<br />
				<input type="text" value="{trackback_url}" />
				</div>

</div>

<div id="profile">
				<div id="pTtl">Profile</div>
				<div id="pName">{profile_name}</div>
				<div id="pBody">{profile_description}</div>
			</div>

<div id="page">
			{prev_entry} | <a href="./">This Page</a> | {next_entry}
			</div>

<div id="pageNav">{prev_page_link} | {page_now}/{page_num}PAGES | {next_page_link}</div>

</div>

</div>

<div id="side">

<div class="sideTtl">PR</div>
			<div class="sideItem">{ad}</div>

<div class="sideTtl">Calender</div>
			<div class="sideItem">{calendar}</div>

<div class="sideTtl">{freespace_title1}</div>
			<div class="sideItem">{freespace_contents1}</div>

<div class="sideTtl">{freespace_title2}</div>
			<div class="sideItem">{freespace_contents2}</div>

<div class="sideTtl">{freespace_title3}</div>
			<div class="sideItem">{freespace_contents3}</div>

<div class="sideTtl">{freespace_title4}</div>
			<div class="sideItem">{freespace_contents4}</div>

<div class="sideTtl">{freespace_title5}</div>
			<div class="sideItem">{freespace_contents5}</div>

<div class="sideTtl">Selected entry</div>
			<div class="sideItem">{selected_entry_list}</div>

<div class="sideTtl">Category</div>
			<div class="sideItem">{category_list}</div>

<div class="sideTtl">Archives</div>
			<div class="sideItem">{archives_list}</div>

<div class="sideTtl">Recent comment</div>
			<div class="sideItem">{recent_comment_list2}</div>

<div class="sideTtl">Recent trackback</div>
			<div class="sideItem">{recent_trackback_list2}</div>

<div class="sideTtl">Recommend</div>
			<div class="sideItem">{amazon_item}</div>

<div class="sideTtl">Link</div>
			<div class="sideItem">{link_list}</div>

<div class="sideTtl">Profile</div>
			<div class="sideItem">{user_list}</div>

<div class="sideTtl">Search</div>
			<div class="sideItem">

</div>

<div class="sideTtl">Others</div>
			<div class="sideItem">
				<ul>
					<li><a href="./manage/">管理者ページ</a></li>
					<li><a href="./?mode=rss">RSS1.0</a></li>
					<li><a href="./?mode=atom">Atom0.3</a></li>
				</ul>
			</div>

<div class="sideTtl">Mobile</div>
			<div class="sideItem">{site_qrcode}</div>

<div class="sideTtl">Powered</div>
			<div class="sideItem">{powered}</div>

</div>

</div>

<div id="footer">
		<div id="copyright">{copyright}</div>
		<div id="pageTop"><a href="#top">TOP ▲</a></div>
	</div>

</div>

</body>
</html>

CSS

@charset "UTF-8";

/* Reset */
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* Layout */
body {
width:100%;
text-align:left;
font-size:12px;
line-height:1.6em;
font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",'MS PGothic',sans-serif,"Osaka‐等幅";
background-image:url(https://imaging.jugem.jp/template/fandg_g/img/back.png);
background-repeat:no-repeat;
background-position:top center;
background-color:#4f8934;
background-attachment:scroll;
}

#wrapper{
width:980px;
color:#f7f6f6;
margin:0 auto;
padding:50px 0 0 30px;
}

#header{
width:980px;
height:280px;
color:#9f9f9f;
margin:0 auto;
}

#innerContent{
width:980px;
margin:0 auto;
}

#side{
float:left;
width:280px;
}

#main{
float:right;
width:630px;
padding-left: 30px;
}

#footer{
width:100%;
clear:both;
}

/* Link */
a {
color:#fbb3cb;
text-decoration:none;
}
a:link {
color:#fbb3cb;
text-decoration:none;
}
a:visited {
color:#fbb3cb;
text-decoration:none;
}
a:hover {
color:#fbb3cb;
text-decoration:none;
}
a:active {
color:#fbb3cb;
text-decoration:none;
}

h1 a {
color:#fc8bb1;
text-decoration:none;
}
h1 a:link {
color:#fc8bb1;
text-decoration:none;
}
h1 a:visited {
color:#fc8bb1;
text-decoration:none;
}
h1 a:hover {
color:#fc8bb1;
text-decoration:none;
}
h1 a:active {
color:#fc8bb1;
text-decoration:none;
}

h1{
font-size:18px;
}

.subTtl{
font-size:12px;
color:#9f9f9f;
margin:5px 0 0 0;
}

h3{
font-size:14px;
}

/* main */
.entry{
margin-top:20px;
}

.date{
margin:3px 0 5px 0;
}

/* Quote */
#main blockquote {
border:1px dotted #cccccc;
padding:10px;
margin:10px;
}

/* List */
div.entryBody ul li,div.entryMore ul li {
list-style:circle;
margin:0 0 0 15px;
}

div.entryBody ol li,div.entryMore ol li {
list-style:decimal;
margin:0 0 0 15px;
}

.entryLove {
margin-top:10px;
}

.entryBody{
margin-top:30px;
}

.entryMore{
margin:20px 0;
}

.pict{
border:1px solid #fbb3cb;
}

#entryItemBox{
overflow:hidden;
padding:10px 0 20px 0;
border-bottom:1px dotted #f7f6f6;
}

#comment {
padding:10px 0 10px 0;
margin:20px 0;
border-bottom:1px dotted #f7f6f6;
}

#commentTtl {
margin:0 0 15px 0;
font-size:13px;
}
	
.commentBody {
margin:5px 0;
font-size:13px;
}
	
ul.commentItem {
font-size:12px;
margin:0 0 15px 0;
}
	
ul.commentItem li {
display:inline;
padding-right:5px;
}
	
.commentSendForm {
margin:20px 0 20px 0;
}

.commentSendForm .input {
width:250px;
}

.commentSendForm textarea {
width:350px;
margin:0 0 10px 0;
}

.trackback{
border-bottom:1px dotted #f7f6f6;
padding:10px 0 10px 0;
margin:20px 0;
}

#trackbackTtl{
margin:0 0 15px 0;
font-size:13px;
}

.tbTtl{
font-size:13px;
}

.tb{
font-size:13px;
margin:3px  0 5px 0;
}

.tbItem{
font-size:12px;
margin-bottom:15px;
}

.tbItem li{
display:inline;
padding-right:5px;
}

#thisTb{
font-size:13px;
marign-top:10px;
}

#thisTb input{
width:350px;
margin:5px 0 20px 0;
}

#pTtl{
font-size:13px;
margin-top:20px;
}

#pName {
margin-top:15px;
}

#pBody {
margin:5px 0;
}

#page{
text-align:center;
margin-top:50px;
}

#pageFooter{
text-align: right;
}

#pageNav{
margin-top:40px;
}

/* side */
.sideTtl{
font-size:13px;
margin:20px 0 0 20px;
padding-left:23px;
background-image:url(https://imaging.jugem.jp/template/fandg_g/img/icon.png);
background-repeat:no-repeat;
background-position:0 0;
background-color:#4f8934;
}

.sideItem{
font-size:12px;
margin:10px 0 0 20px;
}

/* Calendar */
.cell{
padding:5px 15px 0 0;
}

.calendar_month{
padding-top:10px;
}

/* Search */
#search{
margin-right:5px;
}

/* Footer */
#footer{
overflow:hidden;
padding:20px 0 30px 0;
}

#pageTop{
float:left;
text-align: left;
padding-left:30px;
}

#copyright{
float:right;
text-align: right;
}

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