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

ホーム

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

テンプレート名 : card2

HTML・CSSをコピーして使う

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div class="site_title">{blog_name}<span class="description">{blog_description}</span></div>

<script type="text/javascript" title="SCM player">
var skinurl = "http://my.opera.com/adrian1016/homes/files/publicmusic.swf";
var importlist = "Les%20Feuilles%20Mortes%20%2D%20Andrea%20Bocelli_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2FAndreaBocelli%5FLesFeuillesMortes%2Emp3_sp_%E6%9C%88%E3%81%98%E6%BF%A1%E3%83%A1%E3%81%97%E3%81%9F%E3%81%A3%E3%81%9F%E3%82%AF%20%2D%20%E7%8E%89%E7%BD%AE%E6%B5%A9%E4%BA%8C_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FBlueMoon%5FTamakiKoji%2Emp3_sp_Can%27t%20Smile%20Without%20You%20%2D%20Carpenters_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FCantSmileWithoutYou%5FCarpenters%2Emp3_sp_Celery%20%2D%20Smap_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FCelery%5FSmap%2Emp3_sp_I%20Love%20You%20%2D%20%E5%B0%BE%E5%B4%8E%E8%B1%90_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FILoveYou%5FYutakaOzaki%2Emp3_sp_%E7%86%B1%E6%84%9B%E5%B3%B6%20%2D%20%E9%84%AD%E7%A7%80%E6%96%87_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FLoveIsland%5FSammiCheng%2Emp3_sp_Magic%20Moments%20%2D%20Perry%20Como_sp_http %3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FMagicMoments%5FPerryComo%2Emp3_sp_No%20Milk%20Today%20%2D%20Hermans%20Hermits_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FNoMilkToday%5FHermansHermits%2Emp3_sp_Orange%20%2D%20%E6%B2%B3%E6%9D%91%E9%9A%86%E4%B8%80_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FOrange%5FRyuchiKawamura%2Emp3_sp_Pop%20%2D%20The%20Aluminum%20Group_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FPop%5FTheAluminumGroup%2Emp3_sp_Samba%20Para%20Bean_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FSambaParaBean%5FBossaNova%2Emp3_sp_Save%20Your%20Kisses%20For%20Me%20%2D%20Brotherhood%20Of%20Man_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FSaveYourKissesForMe%5FBrotherhoodOfMan%2Emp3_sp_The%20Girl%20From%20Ipanema%20%2D%20Bebel%20G ilberto_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FTheGirlFromIpanema%5FBebelGilberto%2Emp3_sp_The%20Other%20Side%20Of%20The%20Sun%20%2D%20Janis%20Ian_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FTheOtherSideOfTheSun%5FJanisIan%2Emp3_sp_Way%20You%20Walk%20%2D%20Papas%20Fritas_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm%2FWayYouWalk%5FPapasFritas%2Emp3_sp_Can%20Can%20%28from%20Orpheus%20in%20the%20Underworld%29%20%2D%20Offenbach_sp_%27http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2Fcan%2Dcan%2Emp3_sp_%E6%83%B3%E9%A3%9B%20%2D%20%E7%8E%8B%E5%AE%9B%E4%B9%8B_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2Fivana%5Fwant%5Fto%5Ffly%2Emp3_sp_Dance%20of%20Antira%20%28Peer%20Gynt%20Suite%20No%2E1%29%20%2D%20Grieg_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2F bigbigoceanbgm2%2Fantirasdance%2Emp3_sp_Milktea%20%2D%20%E9%85%92%E4%BA%95%E6%B3%95%E5%AD%90_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2FMilktea%2Emp3_sp_My%20Cherie%20Amour%20%2D%20Stevie%20Wonder_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2FStevieWonder%5FMyCherieAmour%2Emp3_sp_Girlfriend%20%2D%20Avril%20Lavigne_sp_http%3A%2F%2Fhk%2Egeocities%2Ecom%2Fbigbigoceanbgm2%2FAvrilLavigne%5FGirlfriend%2Emp3_sp_";
var autoplay = "no";
var scmplayer1 = "<";
var scmplayer2 = "script src=\"http://my.opera.com/adrian1016/homes/files/scmplayer.js\"></scr";
var scmplayer3 = "ipt>";
document.write(scmplayer1+scmplayer2+scmplayer3);
</script>

<div align="right"><dd class ="pagenavi">
<span><a href="{prev_page_url}">←back</a></span>
<span>{page_now}/{page_num} pages</span>
<span><a href="{next_page_url}">next→</a></span>
</dd></div>

<table><tr><td><a name="001"></a>

<table border="0" cellspacing="0" cellpadding="0">

<tr><td class="new">
<table border="0" cellspacing="0" cellpadding="6">

<tr><td class="mado2">
<div class="linktitle"><img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">CALENDAR</div>

<table border="0" cellpadding="0" cellspacing="1" bgcolor="">
<tr align="center">
<td class="cell" style="color:#F93"><b>S</b></td>
<td class="cell" style="color:#69f;"><b>M</b></td>
<td class="cell" style="color:#69f;"><b>T</b></td>
<td class="cell" style="color:#69f;"><b>W</b></td>
<td class="cell" style="color:#69f;"><b>T</b></td>
<td class="cell" style="color:#69f;"><b>F</b></td>
<td class="cell" style="color:#339"><b>S</b></td>
</tr>
</table>
{calendar}

</td>

</tr><tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">CATEGORIES
</div>
<div class="linktext">
{category_list}
</div>
</div>
</td>

</tr>

<tr class="mado2">
<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">RECOMMEND
</div>
<div class="linktext">
{amazon_item}
</div>
</div>
</td></tr>

<tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">LATEST ENTRIES
</div>
<div class="linktext">
{selected_entry_list}
</div>
</div>
</td>

</tr><tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">RECENT COMMENTS
</div>
<div class="linktext">
{recent_comment_list}
</div>
</div>
</td>

</tr><tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">LINKS
</div>
<div class="linktext">
{link_list}
</div>
</div>
</td>

</tr><tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">ARCHIVES
</div>
<div class="linktext">
{archives_list}
</div>
</div>
</td>

</tr>

<tr><td class="mado2">
<div class="linktitle"><img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">Declaration</div><p><strong>本網站&#20839;容純屬個人意見<BR>如&#36393;親&#20320;條尾..&#24171;唔到&#20320;~
</strong></P></td></tr>

<td class="mado2">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">SEARCH THIS BLOG<a name="002"></a>
</div>
<div class="search">
	<div class="form"><form method="get" action=""></div>
	<div class="search_box">
	<input id="search" name="search" size="20" value="" style="width:110px" /><input type="submit" value="start" class="button" />
	</div>
	<div class="form"></form></div>

</div>

</tr><tr>

<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">PROFILE
</div>
<div class="linktext">
{user_list}
</div>
</div>
</td>

</tr><tr>
<td class="mado2">
<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">OTHERS
</div>
<div class="linktext">
<ul>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="http://jugem.cc/">Powered by JUGEM</a></li>
</ul>
</div>
</div>
</td></tr><tr>
<td class="mado2">

</td></tr><tr><td class="mado2">
	<div class="links">
<div class="linktitle">
<img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">SPONSORED LINKS</div></div>
{ad}
</td></tr>
<tr><td><div class="copyright">Copyright (C) 2004 <a href="http://paperboy.co.jp" target="_blank">paperboy&co.</a> <p>All Rights Reserved.</div></td></tr>
</table>

</td></tr>
</table>

</td><td>
<table border="0" cellspacing="0" cellpadding="0">

<td class="cal_mado">
<div class="entry_navi">
 {prev_entry} | <a href="./">main</a> | {next_entry} 
</div>
</td></table>

<table border="0" cellspacing="0" cellpadding="0">
<tr border="0" cellspacing="0" cellpadding="0">

<td class="mado" >
<div class="entry">
<div class="entry_title"><img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict"><a href="{entry_permalink}">{entry_title}</a></div>
<div align="right" class="entry_author">{entry_date}</div>
<div class="entry_body">{entry_description}</div>
<div class="entry_more">{entry_sequel}</div>
</div>

<div class="entry_bottom">
<div class="entry_state"> {category_name} | {comment_num}</div>
{trackback_auto_discovery}
</div>
</td>

<td class="mado">
<a name="comments"></a>
<div class="entry">
<div class="comment">
<div class="comment_title"><img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">COMMENTS</div>
</div>
<div class="entry_body">{comment_description}</div>
</div>
<div class="comment_author">{comment_name} | {comment_time}</div>
</td>

<td class="mado">
<div class="entry">
<div class="comment_title"><img src="http://bigbig.jugem.cc/?image=3" width="32" height="32" class="pict">WANNA SAY SOMETHING?</div>
<div class="entry_body">
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">WHAT'S YOUR NAME?</label><br/>
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" style="width:150px;" /><br />
<label for="email">LET ME SEND YOU AN E-MAIL~</label><br />
<input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" style="width:150px;" /><br />
<label for="url">SHOW ME YOUR HOMEPAGE~</label><br />
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" style="width:150px;" /><br />
<label for="description">SPEAK UP~</label><br />
<textarea tabindex="4" id="description" name="description" rows="5" cols="25" style="width:150px;"></textarea><br />
<br />
</div>
</div>
<div class="entry_bottom">
<div class="entry_author">
<input type="submit" value="OKAY!" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
<label for="set_cookie">USE COOKIE?</label>
</form>
</div></div>
</td>

<td class="mado">
<a name="trackback"></a>
<div class="trackback">
<div class="trackback_title">Trackback URL</div>

<div class="trackback_url">
{trackback_url}
</div>
</td>
<td class="mado">
<div class="trackback_title">Trackback</div>

<div class="entry_body">{trackback_excerpt}</div>
<div class="trackback_author">{trackback_title} | {trackback_blog_name} | {trackback_time}</div>

</div>
</td>

<td class="mado">
<div class="entry">
<div class="entry_title">Profile</div>
<div class="entry_author">{profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div></td>

</body>
</html>

CSS

body {
margin: 0 ;padding: 0px;
background:transparent url(http://img-cdn.jg.jugem.jp/142/7297/20070506_346105.jpg) ;
background-repeat : no-repeat;
background-color:#fff;
background-position: 0% 100%;
background-attachment: fixed;
font-size:small;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #006699;
scrollbar-shadow-color: #006699;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
color: #fff;
}
html{scrollbar-arrow-color: #006699;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #006699;
scrollbar-shadow-color: #006699;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
td{
vertical-align :top;
}
.link_page{
padding:5px 26px ;
}
.mado{
padding:12px 0px 30px 26px;
width:340px;
}
.mado1{

}
.mado2{
padding:6px 0px 20px 26px;
width:155px;
}
.cal_mado{
border:solid #bbddee;
border-width:2px 2px 2px 0px;

padding-right:20px;
}

.linktitle {
font-family: "Verdana";
font-weight:bold;
width:155px;
padding-bottom:8px;
color:#fff;
border:solid #bbddee;
border-width:0px 0px 2px 0px;
}
.linktext{
line-height:1.8em;margin-bottom: 1em;margin-top: 8px;
width:155px;
text-align:right;
}

.linktext li ,.amazon{
list-style-type:none;margin-left:12px;
}

.linktext li a{
background-color:;
}
ul {margin: 0px 0px 0px 0px;padding: 0px;}
.amazon strong{font-weight:normal;}

a {text-decoration: underline; }
a:link	{ color: #fff; text-decoration: underline; }
a:visited	{ color: #fff; text-decoration: }
a:active	{ color: #fff; text-decoration: none; }
a:hover {color:#fff;position:relative;top:1px;left:1px;}

.site_title{
background:transparent url(http://bigbig.jugem.cc/?image=2) no-repeat 100% ;
font-size: 35pt;
font-weight:bold;
letter-spacing:1.3em;
font-family: "Verdana";
margin: 0px;
padding:12px 0 12px 26px;
z-index:20;
}

.site_title a,.site_title a:visited{color:#fff;text-decoration: none;}

.description {
font-family: "Verdana";
color: #fff;
margin: 0px;
font-size: small;
}

.entry {
	margin: 0px 0px 0px 0px;
width:250px;
	}

.entry b ,.entry strong{
color: orange;
}
.entry_date {
font-family: "Verdana";
margin-left: 18px;
}

.entry_title ,.comment_title,.trackback_title{
font-weight:bold;
border:solid #bbddee;
padding-bottom:8px;
border-width:0px 0px 2px 0px;
font-family: "Verdana";
font-size:small;color: #fff;
}
.trackback_title{
margin-bottom:28px;
}

.entry_body {
	margin: 25px 0px 25px 0px;
	padding:0px 5px 0px 0px;
	line-height: 170%;
	height:330px;
	overflow: auto;

}

.entry_author,.comment_author,.entry_state a{
font-size:10px;
font-family: "Verdana";
color: #fff;
}

.entry_author{padding-top:12px;}

.entry_more {
font-family: "Verdana";
line-height: 1.8em;color: #fff;
}

.calendar {
font-family: "Verdana";color: #fff;margin:0px;
}
.calendar_month {
font-family: "Verdana";margin-bottom: 6px;color: #fff;
}
.cell {
width: 20px;height:16px;
color: #fff;
border:solid #bbddee;
border-width:0px 1px 1px 0px;

}

.cell a,.cell a:visited{color:#fff;}

.today{
color: #fff;
background-color:#fff;
font-weight:bold;
padding: 0px;

}

blockquote {
font-family: "Verdana";
color: #fff;margin: 20px 10px 20px 10px;padding: 10px;border-left: 3px solid #fff;
}

.entry_navi{margin: 5px 0px 5px 20px;
}

input,textarea{color:#006699;background-color:#fff;border-style:0px solid #fff;}

.search {
font-family: "Verdana";
line-height: 120%;margin: 0px 0px 5px 12px;
}
.copyright {
text-align:center;
font-family: "Verdana";
font-size: 10px;color: #000;line-height: 170%;margin: 10px 0px 0px 0px;
}
div.form{height:0}

.new {
border:dashed #bbddee;
border-width:0px 5px 0px 0px;
padding: 0px 5px 0px 0px;
}

.pagenavi {
color: #fff
}

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