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

ホーム

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

テンプレート名 : Antique Alice

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="stylesheet" href="style.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}" />

</head>
<body id="main">

<div id="wrapper">

<div id="title_img">
<div id="blog_title_main">
<div id="blog_title"><h1>{blog_name}</h1></div>
<div id="descript">{blog_description}</div>
</div>

</div>

<div id="calender" class="clearfix">

<h2 id="sub_t_top">Profile</h2>
<div id="calender_main">{calendar_horizontal}</div>
</div>
<div id="blog_main" class="clearfix">

<div id="side_menu_bg"><div id="side_menu_main">

<div id="prof">
<a href="http://alha.jugem.jp/?pid=1"><img src="http://image.jugemkey.jp/user/alharosa/180" alt="プロフィール画像" /></a>
<p>{user_list}</p>
</div>

<dl class="sub_t">
<dt class="sub_t1">Selected entries</dt>
<dd>
{selected_entry_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t2">Categories</dt>
<dd>
{category_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t3">Archives</dt>
<dd>
{archives_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t4">Recent comment</dt>
<dd>
{recent_comment_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t1">Recent trackback</dt>
<dd>
{recent_trackback_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t2">{freespace_title1}</dt>
<dd>
{freespace_contents1}
</dd>
</dl>

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

<dl class="sub_t">
<dt class="sub_t4">{freespace_title3}</dt>
<dd>
{freespace_contents3}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t1">{freespace_title4}</dt>
<dd>
{freespace_contents4}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t2">{freespace_title5}</dt>
<dd>
{freespace_contents5}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t2">Recommend</dt>
<dd>
{amazon_item}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t3">Links</dt>
<dd>
{link_list}
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t4">Search</dt>
<dd>
<form method="get" action="./">
<input id="search" name="search" size="20" style="width:110px" class="input" />
<input type="image" src="http://img-cdn.jg.jugem.jp/bdd/985037/20081009_381596.gif" alt="search this site." value="Search" />
</form>
</dd>
</dl>

<dl class="sub_t">
<dt class="sub_t3">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>

<div id="ad">
{ad}
</div>

</div>
</div>

<div id="entry_bg"><div id="entry_main">

<div class="entry_box_bg">
<div class="entry_box_body">
<h2 class="entry_t">{entry_title}</h2>

<div class="entry_descript">
<div class="state_box"><ul class="state">
<li>{entry_date}</li>
<li>{entry_time}</li>
<li>{pookmark_link}</li>
<li>by {user_name}</li>
</ul></div>

<div class="entry">{entry_description}</div>
</div>
</div>
</div>
<div class="entry_btm">
<a name="sequel"></a>
<div class="read_more">{entry_sequel}</div>
<div class="state_box"><ul class="state2">
<li class="category_mrk">{category_name}</li>
<li class="comment_mrk">{comment_num}</li>
<li class="trackback_mrk">{trackback_num}</li>
</ul>{trackback_auto_discovery}
</div>
</div>

<a name="comments" id="comments"></a>
<div class="comm_box">
<dl id="com_area" class="clearfix">
<dt class="title">Comments</dt>

<dt>{comment_description}</dt>
<dd>
<ul class="comm_info">
<li>from {comment_name}</li>
<li>{comment_time}</li>
</ul>
</dd>
</dl>

</div>

<div id="sendcomm_box" class="clearfix">
<dl id="com_form">
<dt class="title">Send a comment</dt>
<dd>
<form name="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" class="input" />

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

<label for="description">comments:</label><br />
<textarea id="long_input" tabindex="4" name="description" rows="5" class="input"></textarea><br />
<input class="right" tabindex="5" type="image" src="http://img-cdn.jg.jugem.jp/bdd/985037/20081014_392627.gif" value="コメント送信" /><br />
<input type="checkbox" name="set_cookie" value="1" id="remind" /><label for="set_cookie">入力情報を記憶する</label>
</form>
</dd>
</dl>
</div>

<a name="trackback" id="trackback"></a>
<div class="comm_box">
<dl>
<dt class="title">This entry's TrackBackURL</dt>
<dd><input id="long_input" type="text" value="{trackback_url}" class="input" /></dd>
</dl>
</div>

<div class="comm_box">
<dl>
<dt class="title">TrackBack</dt>

<dt id="tb_title">{trackback_title}</dt>
<dd>{trackback_excerpt}</dd>
<dd class="tb_state">
<ul class="comm_info">
<li>from {trackback_blog_name}</li>
<li>{trackback_time}</li>
</ul>
</dd>

</dl>
</div>

<div class="comm_box">
<dl>
<dt class="title">Profile</dt>
<dd id="prof_name">{profile_name}</dd>
<dd>{profile_description}</dd>
</dl>
</div>

</div>
</div>
</div>
<div id="copy">
Copyright (C) 2008 <a href="http://jugem.jp/" target="_blank">JUGEM</a> Some Rights Reserved.<br />
Template by <a href="http://alha.jugem.jp/" target="_blank"> AlhaRosa</a></div>
</div>

</body>
</html>

CSS

@charset "euc-jp";
/*------共通------*/
* {
    margin: 0;
    padding: 0;
}

#main {
    font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 80%;
    background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081007_377332.gif) repeat-x;
    background-color: #463435;
    color: #f5eeee;
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

p,li {
    line-height: 1.4;
}

li {
    list-style-type: none;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  zoom:1;
}

.left {
	float: left;
}

.right {
	float: right;
}
/*------リンク色------*/
#main a {
	text-decoration: none;
	font-weight: normal;
}
#main a:link {
	color: #f5eeee;
}
#main a:visited {
	color: #f5eeee;
}
#main a:hover {
	color: #f5eeee;
	text-decoration: underline;
}
#main a:active {
	color: #f5eeee;
}

/*------リンク色(記事内)------*/
.entry a {
	font-weight: normal;
}
.entry a:link {
	color: #f2e7e7;
}
.entry a:visited {
	color: #f2e7e7;
}
.entry a:hover {
	color: #f2e7e7;
	text-decoration: underline;
}
.entry a:active {
	color: #f2e7e7;
}

/*------全体------*/
#wrapper {
	width: 808px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

#blog_main {
	width: 808px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081008_377694.gif) repeat-y;
}

/*------ヘッダー部------*/
#title_img {
	height:204px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081007_377330.jpg) no-repeat;
}

#blog_title_main {
	width: 194px;
	height: 78px;
	margin-left: 32px;
	padding-top: 100px;
	text-align: center;
	font-family: Times New Roman;
}

#blog_title h1 a {
	font-size: 60%;
	font-weight: bold;
}

*html #blog_title h1 a {
	font-size: 45%;
}

#descript{
	font-size: 85%;
}

/*------カレンダー------*/
#calender {
	width: 808px;
	height: 40px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081007_377275.gif) no-repeat;
}

#calender_main {
	float: right;
	width: 562px;
	height: 30px;
	margin-top: 7px;
	line-height: 30px;
	font-family: Times New Roman;
	font-size: 100%;
	color: #332222;
}
/*------サブメニュータイトル最上部------*/
#sub_t_top {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 75px;
	font-family: Times New Roman;
	font-size: 110%;
	font-weight: bold;
}
/*------サイドメニュー------*/
#side_menu_bg {
	float: left;
	width: 240px;
	overflow: hidden;
}

#side_menu_main {
	width: 206px;
	padding-left: 34px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081008_377697.gif) no-repeat;
}
/*------プロフィール------*/
#prof {
	width: 190px;
	text-align: center;
}

#prof img {
	width: 90px;
	margin: 5px auto;
	border: 1px solid #000000;
}
/*------サイドメニュータイトル------*/
.sub_t {
	margin-top: 15px;
	width: 190px;
}

/*------タイトルはt1～t4から選んで下さい------*/
.sub_t1 {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_383432.gif) no-repeat;
	height: 31px;
	padding: 14px 0 0 33px;
	font-family: Times New Roman;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}

.sub_t2 {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_383433.gif) no-repeat;
	height: 31px;
	padding: 14px 0 0 33px;
	font-family: Times New Roman;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}

.sub_t3 {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_383434.gif) no-repeat;
	height: 31px;
	padding: 14px 0 0 33px;
	font-family: Times New Roman;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}

.sub_t4 {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_383435.gif) no-repeat;
	height: 31px;
	padding: 14px 0 0 33px;
	font-family: Times New Roman;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
}
/*------広告(半透明化フィルターはIEのみ動作)------*/
#ad {
	width: 123px;
	margin: 20px 32px 0;
	filter: alpha(style=1,opacity=30,finishopacity=30);
}
/*------サブメニューパーツデザイン------*/

.sub_t li {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081009_381595.gif) no-repeat 0 7px;
	padding-left: 8px;
	height: 100%;
}

input {
	margin: 0;
	padding: 0;
	vertical-align: bottom
}

.input {
	border: 1px solid #513C41;
	background-color: #6E5251;
}

.amazon img {
	margin: 0 35px 4px;
}

/*------記事部分メイン------*/
#entry_bg {
	float: right;
	width: 568px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081007_377316.gif) repeat-y;
}

#entry_main {
	width: 555px;
	padding: 15px 0 0 9px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081008_377661.gif) repeat-x;
	min-height:298px;
	height: auto !important;
	height: 298px;
}

/*------記事エントリー------*/
.entry_box_bg {
	width: 540px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_381860.gif) repeat-y;
}

.entry_box_body {
	width: 540px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081010_383437.gif) no-repeat;
}
/*------記事タイトル------*/
.entry_t {
	width: 470px;
	margin: 0 10px;
	padding: 14px 0 13px 45px;
	font-size: 110%;
	border-bottom: 1px dotted #C47B7E;
}
/*------記事本文------*/
.entry_descript {
	margin: 5px 15px 0 15px;
	padding-bottom: 15px;
}

/*------日付、コメント等------*/
.state_box {
	width: 510px;
	overflow: hidden;
	margin-bottom: 5px;
}

.state {
	text-align: right;
}

.state li {
	display:inline;
	margin-left: 5px; 
}

.state2 {
	text-align: right;
	margin: 4px 20px 0 0;
}

.state2 li {
	display:inline;
	margin-left: 2px; 
}

.category_mrk {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081011_383646.gif) no-repeat;
	padding-left: 18px;
}

.comment_mrk {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081011_383645.gif) no-repeat;
	padding-left: 18px;
}

.trackback_mrk {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081011_383647.gif) no-repeat;
	padding-left: 18px;
}

/*------続きを読む------*/
.entry_btm {
	width: 510px;
	height: 65px;
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081014_392455.gif) no-repeat;
	padding: 3px 15px 0 15px;
	margin-bottom: 15px;
}

.read_more {
	padding-bottom: 9px;
	border-bottom: 1px solid #6e5252;
	height: 16px;
}

/*------記事内コメント・トラバ------*/
.comm_box {
	width: 510px;
	margin: 0 15px 15px 15px;
	overflow: hidden;
}

#sendcomm_box {
	width: 300px;
	margin: 0 15px 15px 15px;
}

.title {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081011_384859.gif) no-repeat;
	height: 19px;
	line-height: 19px;
	padding-left: 20px;
	font-weight: bold;
	margin: 15px 0 4px 0;
	font-family: Times New Roman;
}

.comm_info {
	border-top: 1px dotted #6e5252;
	margin-top: 5px;
}

.comm_info li {
	text-align: right;
	float: right;
	margin-left: 5px;
}

#comm_area {
	margin-bottom: 15px;
}

#name_input {
	width: 250px;
}

#email_input {
	width: 250px;
	margin-left: 2px;
}

#url_input {
	width: 250px;
	margin-left: 19px;
}

#long_input {
	width: 300px;
}

.input2 {
	border: 1px solid #513C41;
	background-color: #6E5251;
	float: right;
	margin-bottom: 4px;
}

#remind {
	vertical-align: middle;
}

#tb_title {
	border-bottom: 1px solid #6e5252;
}

#prof_name {
	font-weight: bold;
}

/*------著作権表示(削除不可)------*/
#copy {
	background: url(http://img-cdn.jg.jugem.jp/bdd/985037/20081015_394042.gif) no-repeat;
	width: 808px;
	text-align: center;
	font-size: 80%;
	height: 73px;
	padding-top: 30px;
}

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