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

ホーム

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

テンプレート名 : 春、芽吹き

HTML・CSSをコピーして使う

HTML

<?xml version="1.0" encoding="Shift_JIS"?>
<!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 name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows" />
<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" />
<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>
<script type="text/javascript" src="./template/more/js/scroll.js"></script>
</HEAD>
<BODY>
<DIV id="page">
		
		    <DIV id="blogname">
			{blog_name}
		    </DIV>
		<div id="blogdis">{blog_description}</div>
		
		
		    <DIV id="calender" align="center">{calendar_horizontal}</DIV>
		
	<DIV id="blog">
		
			<div class="profilename">{profile_name}</div>
			<div class="profieledescription">{profile_description}</div>
		
		
			<DIV class="title"><A href="{entry_permalink}">{entry_title}</A></DIV>
			<DIV class="day">{entry_date}</DIV>
			<DIV class="text">{entry_description}</DIV>
			<DIV class="next">{entry_sequel}</DIV>
			<DIV class="name">{user_name} / {category_name}</DIV>
			<DIV class="comtr">{comment_num} / {trackback_num}</DIV>
			
				<DIV class="ownpagenavi">{prev_entry} | {next_entry}</DIV>
			
		
		
			<DIV class="comment">
				
					<DIV class="com">comment:</DIV>
					<DIV class="comm">{comment_description} </DIV>
					<DIV align="right">{comment_name} | {comment_time}<br></DIV>
				
				<DIV align="center">
					<form name="comment_area" action="./?mode=comment" method="post"><input type="hidden" name="entry_id" value="{entry_id}" />
					<label class="lab" for="name">name:</label><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="form" /><br />
					<label class="lab" for="email">email:</label><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="form" /><br />
					<label class="lab" for="url">url:</label><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="form" /><br />
					<label for="description">comments:</label><br />
					<textarea tabindex="4" id="description" name="description" rows="7" cols="40" class="form"></textarea><br /><BR>
					<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
					<label for="set_cookie">Cookieに登録</label><BR>
					<input tabindex="5" type="submit" value="submit" onclick="javascript:setval();" class="button" /></form>
				</DIV>
			</DIV>
		
		
			<div class="track">		
				
				<div class="ttitle">{trackback_title}</div>
				<div class="texp">{trackback_excerpt}</div>
				<div class="tblogname">{trackback_blog_name} | {trackback_time}</div>
				
				<label for="url">Trackback URL:</label><br>
				<input type="text" value="{trackback_url}" name="url" style="width:200px;" />
			</div>

<DIV align="center" id="pagenavi"><A href="{prev_page_url}"> prev</A> | {page_now}/{page_num} | <A href="{next_page_url}">next</A></DIV>
		
	</DIV>
	<div id="navi">
		
			<DIV class="navis">entris</DIV>
				{latest_entry_list}
		
		
			<DIV class="navis">categories</DIV>
			{category_list}
		
		
			<DIV class="navis">archives</DIV>
			{archives_list}
		
		
			<DIV class="navis">comment</DIV>
			{recent_comment_list}

<DIV class="navis">{freespace_title1}</DIV>
			<div class="freespace">
					{freespace_contents1}
			</div>
		
			
		
			<div class="navis">{freespace_title2}</div>
			<div class="freespace">
				{freespace_contents2}
			</div>
		
			
		
			<div class="navis">{freespace_title3}</div>
			<div class="freespace">
				{freespace_contents3}
			</div>
			
		
			<div class="navis">{freespace_title4}</div>
			<div class="freespace">
				{freespace_contents4}
			</div>
			
		
			<div class="navis">{freespace_title5}</div>
			<div class="freespace">
				{freespace_contents5}
			</div>
		
		
			<DIV class="navis">profiele</DIV>
			{user_list}
		
		
			<DIV class="navis">links</DIV>
			{link_list}
		
	<DIV class="navis">others</DIV>
  <UL>
        <LI><A href="./admin/">管理者ページ</A>
        <LI><A href="./?mode=rss">RSS1.0</A>
        <LI><A href="./?mode=atom">Atom0.3</A>
      </UL>

{ad}
	</DIV>
		<DIV id="footer">designed by <A href="http://pizzica.jugem.jp/">les pas du pizzicato</A> and photo by <A href="http://blsyndrome.web.fc2.com/">BorderLine Syndrome</A><br>
			Copyright (c) 2006-2009 Genuine, All rights reserved
		</DIV>
</DIV>
</BODY>
</HTML>

CSS

/* 共通設定
--------------------------------------*/
* {
	right: auto;
	scrollbar-darkshadow-color: black;
	scrollbar-face-color: black;
	scrollbar-3dlight-color: black;
	scrollbar-highlight-color: black;
	scrollbar-arrow-color: yellow;
	scrollbar-shadow-color: black;
	scrollbar-base-color: black;
	scrollbar-track-color: black;
	font-family: "MS UI Gothic",Verdana;
	line-height: 17px;
	color: white;
}
body {	font-size: 11px;
       background :#000000 url('http://img-cdn.jg.jugem.jp/551/957776/20090628_1243352.jpg') no-repeat fixed 0% 100%;}
br {	word-spacing: normal;}
#page {
	position: absolute;
	right: auto;
	left: 100px;
	bottom: 150px;
}
#blogname {
	font-size: 24px;
	padding-left: 40pt;
	font-weight: bold;
}

A {	font-size: 12px;
	color: yellow;
	text-decoration: none;}
A:VISITED {	font-size: 12px;
		color: yellow;}
A:HOVER {	font-size: 12px;
		color: yellow;
		text-decoration: underline;}
A:ACTIVE {	font-size: 12px;
		color: yellow;}

/* レイアウト
--------------------------------------*/
#blog {
	width: 360px;
	height: 220px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	float: left;
	right: auto;
	overflow: scroll;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow-x:hidden;
}

/* ヘッダ
--------------------------------------*/
#calendar {
	text-align: center;
	width: 540px;}

#blogdis {
	color: silver;
	margin-left: 120px;
	margin-bottom: 10px;
}

/* エントリー
--------------------------------------*/
.title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-left: 50px;
	float: left;
	padding-top: 5px;
}
.day {
	text-align: right;
	font-size: 11px;
	border-width: 1px 1px 1px 1px;
	padding-top: 5px;
}
.text {
	font-size: 11px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.next {
	color: silver;
	font-size: 11px;
	margin-left: 50px;
}

.name {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 11px;
}

.comtr {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 11px;}

.comment {
	padding-left: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: silver;
	padding-bottom: 5px;
	font-size: 11px;
	margin-left: 40px;
	margin-top: 5px;
	padding-top: 5px;
}

.track {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	margin-left: 40px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: silver;
}

.ownpagenavi {
	text-align: center;
	font-size: 11px;
}

/* ナビ
--------------------------------------*/
#navi {
	width: 180px;
	height: 220px;
	overflow: scroll;
	overflow-x:hidden;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	float: left;
	right: auto;
}

#pagenavi {
	width: 330px;
	float: left;
	padding-bottom: 100px;
}

.navis {
	padding-left: 20px;
	padding-bottom: 2pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	padding-top: 3pt;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

UL {
	list-style-type: none;
	padding-top: 0px;
	padding-left: 10pt;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* コメント・トラックバック
--------------------------------------*/
INPUT {/*インプット*/
	background-color:transparent;
	border: 1px solid #ffffff;
	color: white;
	font-size: 11px;
}
TEXTAREA {/*テキストエリア*/
	background-color:transparent;
	border:1px solid #ffffff;
	color: white;
	font-size: 11px;
}
.lab {
	width: 30px;
}

.ttitle {
	font-weight: bold;
	margin-left: 10px;
}
.tblogname {
	text-align: right;}

/* プロフィール
--------------------------------------*/
.profilename {
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	padding-bottom: 3px;
	margin-left: 50px;
	padding-left: 30px;
	margin-top: 20px;
}
.profieledescription {
	margin-left: 60px;
	margin-top: 5px;
	margin-bottom: 30px;
}

/* 広告
--------------------------------------*/
.links {
	text-align: center;
	margin-top: 10px;
}

/* フッタ
--------------------------------------*/
#footer {
	font-size: 11px;
	text-align: center;
	clear: both;
}

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