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

ホーム

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

テンプレート名 : pink_dot*2

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" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>{site_title}</title>
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
</head>

<div id="header">

<h1 class="site_title" id="top" name="top">{blog_name}</h1>
<p class="description">{blog_description}</p>

</div>

<div class="entry_date">
<div class="entry_kado">
<p class="date">{entry_date}</p></div>
</div>
<h3 class="entry_title">{entry_title}</h3>
<div class="entry_body">
{entry_description}
</div>
<div class="entry_more">

<a href="./?eid={entry_sequel_id}#sequel">Read more ?</a>


{entry_sequel_text}

</div>
<p class="entry_state">Posted by {user_name} at {entry_time} | {category_name} | {comment_num}</p>
</div>

<div id="navipage">{prev_page_link} New Entries | {page_now} / {page_num} | Old Entries {next_page_link}</div>

<a name="comments"></a>
<div class="entry">
<div class="comment_title">
<div class="entry_kado">
<p class="come">コメント</p></div>
</div>

<div class="entry_body">{comment_description}</div>
<div class="entry_state">{comment_name} | {comment_time_24}</div>
<hr />

<div class="comment_title">
<div class="entry_kado">
<p class="come">コメントする</p></div>
</div>
<div class="entry_body">
<form action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br />
<input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />

<label for="url">url:</label><br>
<input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<label for="description">comments:</label><br />
<textarea tabindex="4" id="description" name="description"></textarea><br />
<input type="submit" value="-OK-" class="button" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</form>
</div>
</div>

<a name="trackback"></a>
<div class="entry">
<div class="trackback_title">この記事のトラックバックURL</div>
<div class="trackback_url">{trackback_url}</div>
<div class="trackback_title">トラックバック</div>

<div class="t_title entry_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<p class="entry_state">{trackback_blog_name} | {trackback_time_24} </p>

</div>

<div class="entry">
<div class="entry_date">
<div class="entry_kado">
<p class="date">Profile*</p></div>
</div>
<div class="entry_title">{profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div>

</div>

<div class="calendar">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell sun">Sun</td>
<td class="cell">Mon</td>
<td class="cell">Tue</td>
<td class="cell">Wed</td>
<td class="cell">Thu</td>
<td class="cell">Fri</td>
<td class="cell">Sat </td>
</tr>
</table>
{calendar}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Recent Entries</p></div>
</h2>
<div class="linktext">
{selected_entry_list}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Categories</p></div>
</h2>
<div class="linktext">
{category_list}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Archives</p></div>
</h2>
<div class="linktext archives">
<div id="archive">
{archives_list}
</div>
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Recommend</p></div>
</h2>
{amazon_item}

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Recent Comments</p></div>
</h2>
<div class="linktext text_s">
{recent_comment_list}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Recent Trackbacks</p></div>
</h2>
<div class="linktext text_s">
{recent_trackback_list}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Bookmarks</p></div>
</h2>
<div class="linktext">
{link_list}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">{freespace_title1}</p></div>
</h2>
<div class="linktext text_s">
{freespace_contents1}
</div>

<h2 class="linktitle">
<div class="link_kado">
<p class="l_title">Profile</p></div>
</h2>
<div class="linktext">
{user_list}
</div>

<form method="get" action="">
<div class="search">Search this site.<br />
<input id="search" name="search" class="form" /> <input type="submit" value="Search" class="button" />
</div>
</form>

<div class="linktext">
<ul>
<li><a href="./admin/" target="top">Login</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
<li><a href="http://nyanchu.jugem.cc/">Designed by fs*</a></li>
</ul>
</div>

<div id="footer">
<div class="copyright">{copyright}</div>
<span><a href="#top">▲ PAGE TOP</a></span>
<br clear="left" />
</div>

</div>
</body>
</html>

CSS

/*============= Designed by fs* [ http://nyanchu.jugem.cc/ ] ============*/

/*=============================

基本構造
 共通設定
 装飾設定
 ヘッダー
 エントリー記事
 コメント・トラックバック
 サイドバー・リンク
 カレンダー
 フッター・著作権

===============================*/

/*=============================　基本構造　=============================*/

body { margin: 0em 0em; padding: 0em 0em;
background-color: #fff;
text-align: center; }

#wall   { width: 750px; 
          margin: 0em auto; 
          padding: 1.5em 0.5em; 
          text-align: left; 
          background-color:#fff; }

#header { padding: 0.9em 0.5em; }

#main   { width: 500px; margin: 0% auto ; float: left; }

#side   { width: 220px; margin: 0% auto ; float: right; }

#footer { width: 490px; margin: 0% auto ; float: left; }

/*==============================　共通設定　==============================*/

html {
scrollbar-track-color      : #e6e6e6; 
scrollbar-face-color       : #fff;
scrollbar-shadow-color     : #fff;
scrollbar-darkshadow-color : #fff;
scrollbar-highlight-color  : #fff;
scrollbar-3dlight-color    : #fff;
scrollbar-arrow-color      : #ffceb7; }

a         { color: #aaa; border-bottom: 1px dotted #dedede; }
a:link    { color: #aaa; text-decoration: none; border-bottom: 1px dotted #dedede; }
a:visited { color: #aaa; text-decoration: none; border-bottom: 1px dotted #dedede; }
a:active  { color: #aaa; text-decoration: none; border-bottom: 1px dotted #dedede; }
a:hover   { color: #ffbf56; border-bottom: 1px solid #fdd66d; }

h1,h2,h3,h4,h5,h6 { margin: 0em; padding: 0em; font-size: 80%; }
h3 { clear: both; }

p.entry_body { margin: 0.2em 0em; clear: both; }

input,botton,textarea { font-size: 95%; color: #efa18f; 
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka‐等幅",sans-serif;
border: solid 1px #ccc;
background-color: #fff;
padding: 0.2em; }

form { margin: 0em; }

.button { font-size: 80%; padding: 0.13em 0em; }

code { font-size: 95%;
font-family: "Verdana","Lucida Sans Unicode",Chicago,Osaka,sans-serif; }

cite { font-size: 100%;
color: #999;
font-family: "Lucida Sans Unicode",Osaka,sans-serif;
font-style: normal;
padding: 1em 0.1em; }

hr { height: 1px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px dotted #ccc ;
border-left: 0px;
margin: 0.6em 0.5em 0.3em 0.5em; }

blockquote { color: #999;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
border-left: 4px solid #ccc;
margin: 1em 0.7em;
padding: 0.7em 0.7em; }

#navipage { font-size: 75%; color: #777;
font-family: "Verdana","Lucida Sans Unicode","Osaka",sans-serif;
text-align: center;
padding: 0.5em 0em 2.5em 0em;
margin: 0em 0em; }

/*=============================　装飾設定　=============================*/

.pink { color: #f09a9a; }
.blue { color: #89bdde; }
.gray { color: #aaa; }

.a { font-size: 95%; }

.strong { font-weight: bold; }

div.pre { white-space: pre; }

.pict { border: 1px solid #aaa; 
margin: 0.1em 0.5em 0.5em 0.3em; }

.c { clear: left; }

li.check_01 { padding-left: 1.5em; 
background:url("http://img-cdn.jg.jugem.jp/5f2/72048/20080719_574946.gif") no-repeat 0em 0.1em ; }

li.check_02 { padding-left: 1.5em; 
background:url("http://img-cdn.jg.jugem.jp/5f2/72048/20080719_574947.gif") no-repeat 0em 0.1em ; }

.waku { border: 1px solid #dcdcdc;
background-color: #fff;
padding: 0.7em 0.8em;
margin: 0.5em 0em; }

.entry_kado { height: 26px;
background-image: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080630_566772.gif") ;
background-repeat: no-repeat; }

.link_kado { height: 26px;
background-image: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080715_572976.gif") ;
background-repeat: no-repeat; }

/*============================　ヘッダー　================================*/

.site_title a         { color: #9b9b9b; text-decoration: none; border: none; }
.site_title a:link    { color: #9b9b9b; text-decoration: none; border: none; }
.site_title a:visited { color: #9b9b9b; text-decoration: none; border: none; }
.site_title a:active  { color: #9b9b9b; text-decoration: none; border: none; }
.site_title a:hover   { color: #9b9b9b; text-decoration: none; border: none; }

.site_title { padding: 0em; margin: 0em;
font-family: "Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック", "Osaka‐等幅",sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #999; }

.description { font-size: 70%; color: #999; 
background: url() repeat-x bottom;
padding: -0.2em 0.3em 0em 0.35em ; 
font-weight: normal ;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif; }

/*=========================　エントリー記事本文　=========================*/

.entry { margin: 0em; padding: 0em; }

.entry_date { font-size: 85%; color: #fffafa;
font-family: "Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
font-weight: bold; 
background-color: #f99;
background-image: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080630_566774.gif");
vertical-align: bottom;
padding: 0em 0em;
margin-top: 0.5em; }

p.date  { padding: 4px 16px 3px 16px; }

.entry_title { font-size: 80%; color: #b6b6b6;
font-family: "Verdana","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
font-weight: border;
padding: 1.5em 1em 0.5em 1em; }

.jgm_entry_desc_mark { margin: 0.1em 0em; }

.entry_body { font-size: 75%; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
line-height: 150%;
padding: 0.5em 1.2em; }

.entry_author { font-size: 70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
color: #999999;
margin: 5px 0px 5px 0px;
text-align: right; }

.entry_more { font-size: 80%; color: #777; clear: left;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
line-height: 150%;
margin: 0.3em 1.2em 0.3em 1.2em ; }

.entry_state { font-size: 70%; color: #f09a9a;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
text-align: right;
padding: 0em 1em 0.8em 0.2em; }

.entry ul { margin: 0.6em 0em; padding: 0em; list-style: none; }

.entry li{ padding-left: 1.2em;
background: url("http://img-cdn.jg.jugem.jp/5f2/72048/20060712_214274.gif") no-repeat 0.2em 0.6em ; }

/*==========================　コメント　===========================*/

.comment_title { font-size: 85%; color: #fffafa;
font-family: "Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
font-weight: bold; 
background-color: #f99;
background-image: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080630_566774.gif");
vertical-align: bottom;
padding: 0em 0em 0em 0em;
margin-bottom: 1em; }

p.come { padding: 4px 16px 3px 16px; }

#description { padding: 1% ; width: 80%; height: 120px; }
#name  { width: 40%; }
#email { width: 40%; }
#url   { width: 60%; }

.trackback_title { font-size: 80%; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
font-weight: bolder;
border-bottom: 1px dotted #CCC;
margin: 0em 0.7em;
padding: 0.5em 0.5em; }

.trackback_url { font-size: 70%; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
padding: 0.7em 1.2em 1em 1.2em; }

/*========================　サイドバー・リンク　==========================*/

.linktitle { font-size: 85%; color: #fffafa;
font-family: "Lucida Sans Unicode","Verdana",'Osaka',sans-serif;
font-weight: bold;
background-color: #f99;
background-image: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080630_566774.gif");
vertical-align: bottom;
padding: 0em;
margin: 0.5em 0em; }

p.l_title { padding: 4px 16px 3px 16px; }

.linktext { font-size: 70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
color: #aaa;
line-height: 180%;
padding: 0em 1em 1em 1em; }

.text_s { font-size: 65%; line-height: 150%; }

.linktext ul { margin: 0em; padding: 0em;
list-style: none; }

.linktext li{ padding-left: 15px;
text-valign: middle;
background: url("http://img-cdn.jg.jugem.jp/5f2/72048/20080630_566775.gif") no-repeat 0em 0.45em ; }

.linktext img { border: none; margin: 1em 0.2em; }

.archives { padding-top: 0.3em; margin-left: -0.81em; }

#archive { overflow: auto; 
height: 9.8em; width: auto;
margin: 0em; padding: 0em 0.8em ;
line-height: 170%; }

.amazon_text { font-size: 80%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka",sans-serif;
line-height: 150%; }

.amazon { font-size: 75%; color: #aaa; padding: 1em 1em ; }

.search { font-size: 70%; color: #aaa;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka",sans-serif;
line-height: 170%;
padding: 0.7em 1em; }

.form { width: 69%; }

#ad { padding: 1.5em 1em; color: #aaa; font-size: 75%; }

/*===========================　カレンダー　============================*/

.calendar { font-size: 75%; color: #888;
font-family: "Lucida Sans Unicode","Verdana","Osaka",sans-serif;
font-weight: lighter;
padding: 0em 0.4em 0.7em 0.3em; }

.calendar_month { font-size: 95%; color: #888; 
font-family: "Lucida Sans Unicode","Verdana","Osaka",sans-serif;
font-weight: lighter;
word-spacing: 0.2em;
padding-top: 0.25em; }

.cell { font-size: 90%;
width: 2.9em ;
height: 2.1em ;
padding: 0em;
maring: 0em; }

.sun { color: #f99; }

/*==============================　フッター　===============================*/

#footer{ padding: 1.5em 0.5em 1em 0.3em; }

.copyright { font-size: 70%; color: #999; 
font-family: "Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
line-height: 170%;
border-top: 1px dotted #ccc;
margin: 1.5em 0em;
padding-top: 1em; }

#footer span { font-size:70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅",sans-serif;
 }

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