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

ホーム

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

テンプレート名 : simplain

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">
<div class="entry_date">{entry_date}</div>
<div class="entry_title">{entry_title}</div>
<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} | {trackback_num}</p>
</div>

<div id="navipage">
{first_page_link} {prev_page_link} 
<span class="pager_link">{pager_link} </span>
 {next_page_link} {last_page_link}
</div>

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

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

<div class="comment_title">コメントする</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>
<hr />

</div>

<div class="entry">
<div class="entry_date">Profile*</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">Recent Entries</h2>
<div class="linktext">
{selected_entry_list}
</div>

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

<h2 class="linktitle">Recommend</h2>
{amazon_item}

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

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

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

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

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

<h2 class="linktitle">Profile</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>

{ad}

</div>

<div id="footer">
<p class="copyright">{copyright}</p>
<p class="pagetop"><a href="#top">▲ PAGE TOP ▲</a></p>
</div>

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

CSS

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

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

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

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

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

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

#wall   { width: 80%; margin: 0% auto; padding: 1.8em 1em; 
text-align: left;
background-color: #fff; }

#header { width: 100%; margin: 0em ; padding: 0.8em 0em 0.9em 0em; }

#main   { width: 67%; float: left; margin: 0% auto; margin-right: 1em; }

#side   { width: 28%; float: right; margin: 0% auto; height: 100% auto; padding-bottom: 1em; }

#footer { width: 69%; clear: left; padding: 0.8em 0em; }

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

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

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

a[name]:hover { color: #777; background: transpapers; }

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

form { margin: 0em; }

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

h1,h2,h3,h4,h5,h6 { margin: 0em; padding: 0em; font-size: 100%; }
h4,h5,h6 { padding-top: 0.4em; }

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

code { font-size: 95%;
font-family: "Verdana","ＭＳ Ｐ ゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif; }

blockquote { margin: 1em 0.7em;
padding: 0.4em 0.3em 0.3em 0.7em;
border-left: 4px solid #dcdcdc; }

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

.blue { color: #66b7be; }
.ao   { color: #74a9d6; }
.red  { color: #db7638; }
.pink { color: #eb7988; }

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

.al { 
font-family: "Lucida Sans Unicode","Verdana","Lucida","Osaka",sans-serif;
margin: 0em 0.2em; }

.c { clear: left; }

.text_center { text-align: center; }
.text_right  { text-align: right; }
.text_left   { text-align: left; }

.sample { border-left : 3px solid #dcdcdc; 
padding-left: 0.7em;
background-color: #; }

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

.strong { font-weight: bold; }

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

/*=============================　ヘッダー　===============================*/
.site_title a         { color: #ef7585; text-decoration: none; }
.site_title a:link    { color: #ef7585; }
.site_title a:visited { color: #ef7585; }
.site_title a:active  { color: #ef7585; }
.site_title a:hover   { color: #ffbf56; border-bottom: 1px dotted #fdd66d; }

.site_title { padding: 0em; margin: 0em;
font-family: "Lucida Sans Unicode","Verdana","ＭＳ Ｐ ゴシック", "Osaka",sans-serif;
font-size: 150%;
font-weight: bold;
color: #777; }

p.description { font-size: 70% ; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka",sans-serif;
font-weight: normal;
padding: 0.7em 0em ;
margin: 0em; }

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

.entry { margin: 0em; padding: 0em;
font-family: "Verdana","ＭＳ Ｐ ゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
color: #777; }

.entry_date { font-size: 90%;
font-family: "Verdana","Lucida Sans Unicode","Verdana","Osaka",sans-serif;
font-weight: bold;
padding: 0.7em 0em 0.15em 0em; 
margin: 0em 0em 1.3em 0em;
border-bottom : 1px dotted #ccc; }

.entry_title { font-size: 80%;
font-weight: bolder;
padding: 0.3em 0em 0.8em 0em; }

.entry_body { font-size: 75%;
line-height: 150%;
padding: 0.5em 0em; }

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

.entry_more { font-size: 75%; clear: left;
line-height: 150%;
margin: 0.5em 0em 0.7em 0em; }

p.entry_state { font-size: 70%; color: #888;
clear: both;
text-align: right;
padding: 0em 0em; }

.entry ul { margin: 0.4em 0em; padding: 0em;
padding-left: 0.2em;
list-style: none; }

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

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

.pager_link { word-spacing: 0.5em; }

/*============================　コメント　===============================*/
.comment_title { font-size: 80%; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","MS UI Gothic","ＭＳ Ｐ ゴシック","Osaka",sans-serif;
font-weight: bolder;
padding: 0.2em 0em;
margin: 1em 0em ;
border-bottom: 1px dotted #ccc; }

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

.trackback_url { font-size: 70%;
margin-bottom: 1.5em; }

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

.t_title a         { color: #777; text-decoration: none; }
.t_title a:link    { color: #777; }
.t_title a:visited { color: #777; }
.t_title a:active  { color: #777; }
.t_title a:hover   { color: #ffbf56; border-bottom: 1px dotted #fdd66d; }

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

.linktitle { font-size: 85%;
font-family: "Verdana","Lucida Sans Unicode","Lucida","Osaka",sans-serif;
font-weight: bolder;
color: #777;
border-bottom : 1px dotted #ccc ;
padding-bottom: 0.15em; }

.linktext { font-size: 70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka",sans-serif;
color: #999;
line-height: 170%;
padding: 0.6em 0.1em 1.5em 0.1em; }

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

.linktext li { margin-left: 1.5em; text-valign: middle; }

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

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

.amazon { font-size: 70%; color: #999; padding: 1em 0.5em ; }

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

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

.form { width: 68%; }

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

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

#ad { font-size: 0.65em; color: #999;
padding: 2em 1em; 
marign: 3em 0em 3em 1em; }

/*============================　カレンダー　==============================*/
.calendar { font-size: 70%; color: #777;
font-family: "Lucida Sans Unicode","Verdana","Lucida","Osaka",sans-serif;
padding: 0.3em 0em 0.5em 0em; }

.calendar_month { padding: 0.6em; }

.cell { width: 3em;
height: 2.1em;
padding: 0em; }

.sun { color: #ef7585; }

/*============================　フッター　==============================*/
.copyright { font-size: 70%; color: #777;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
line-height: 170%;
border-top: 1px dotted #ccc;
padding: 1em 0em 0em 0em; 
clear: both; }

.pagetop { font-size: 70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅",sans-serif; }

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