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

ホーム

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

テンプレート名 : te11GreenYellow

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html 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">
<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}">
<script type="text/javascript" src="./template/js/cookie.js"></script>
<title>{site_title}</title>
</head>

<div id="head">
<h1 id="blog_title"><span title="{blog_description}">{blog_name}</span></h1>
</div>

<div id="layout_right">
<div id="layout_right_inner">

{trackback_auto_discovery}
<div class="entry">

<div class="entry_title"><a href="{entry_permalink}" title="{entry_title}">{entry_title}</a></div>
<div class="entry_date">{entry_date} {entry_time}</div>

<div class="entry_text">
{entry_description}<br claer="all">
<a name="sequel"></a><br>{entry_sequel}<br claer="all">
</div>

<div class="entry_state"><ul>
<li>by {user_name}
<li>{category_name}</li>
<li><a href="{entry_permalink}#comments">Comments({comment_num_only})</a></li>
<li><a href="{entry_permalink}#trackback">Trackbacks({trackback_num_only})</a></li>
</ul></div>

</div>

<div class="page">{prev_entry} ←　&nbsp;<a href="./">Main</a>&nbsp;　→ {next_entry}</div>

<a name="trackback" id="trackback"></a>

<div class="entry">
<div class="entry_title">TRACKBACKS</div>

<div class="message">
<div class="message_title">{trackback_title}</div>
<div class="message_txt">{trackback_excerpt}</div>
<div class="message_state">from {trackback_blog_name}　{trackback_time}</div>
</div>

</div>

<a name="comments" id="comments"></a>

<div class="entry">
<div class="entry_title">COMMENTS</div>

<div class="message">
<div class="message_state">by {comment_name}　{comment_time}</div>
<div class="message_txt">{comment_description}</div>
</div>

<div id="comment_form">
<div align="center"><form id="comment_area" name="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}">
<table cellspacing="0" cellpadding="0" summary="コメント入力フォーム">
<tr><td><label for="name">NAME:</label><br><input type="text" tabindex="1" name="name" id="name" value="{cookie_name}"></td></tr>
<tr><td><label for="mail">MAIL:</label><br><input type="text" tabindex="2" name="email" id="email" value="{cookie_email}"></td></tr>
<tr><td><label for="url">URL:</label><br><input type="text" tabindex="3" name="url" id="url" value="{cookie_url}"></td></tr>
<tr><td><label for="comment">COMMENT:</label><br><textarea name="description" id="description" rows="5" wrap="soft" style="width:280px;ime-mode:active;"></textarea></td></tr>
</table>
<input type="submit" name="post" value="SUBMIT" style="width:10em;" onclick="javascript:setval();">　<input type="checkbox" id="set_cookie" name="set_cookie"  value="1"> <label for="set_cookie">COOKIE?</label>
</form></div></div>

</div>

<div class="page"><ul>
<li class="l">{prev_page_link}</li>
<li class="c">← {page_now}/{page_num} →</li>
<li class="r">{next_page_link}</li>
</ul></div>

<div class="entry">
<div class="entry_title">{profile_name}'s PROFILE</div>

<div class="entry_text">
{entry_description}<br claer="all">
<br>{profile_description}<br claer="all">
</div>

</div>
<div class="page"><a href="./">MAIN</a>　|　<a href="javascript:history.back()">BACK</a></div>

</div>
</div>

<div id="layout_left">

<div class="plugin_title">RECOMMEND</div>
<div class="plugin">
<div align="center">{amazon_item}</div>
</div>

<div class="plugin_title">CALENDAR</div>
<div class="plugin">
<div align="center"><table border="0" cellspacing="1" cellpadding="0"><tr style="text-align: center;"><td class="cell_sun">S</td><td class="cell">M</td><td class="cell">T</td><td class="cell">W</td><td class="cell">T</td><td class="cell">F</td><td class="cell_sat">S</td></tr></table>
{calendar}</div>
</div>

<div class="plugin_title">PROFILE</div>
<div class="plugin">
<div align="left">{user_list}</div>
</div>

<div class="plugin_title">NEW ENTRIES</div>
<div class="plugin">
<div align="left">{latest_entry_list}</div>
</div>

<div class="plugin_title">CATEGORIES</div>
<div class="plugin">
<div align="left">{category_list}</div>
</div>

<div class="plugin_title">ARCHIVES</div>
<div class="plugin">
<div align="left">{archives_list}</div>
</div>

<div class="plugin_title">COMMENTS</div>
<div class="plugin">
<div align="left">{recent_comment_list}</div>
</div>

<div class="plugin_title">TRACKBACKS</div>
<div class="plugin">
<div align="left">{recent_trackback_list}</div>
</div>

<div class="plugin_title">LINKS</div>
<div class="plugin">
<div align="left">{link_list}</div>
</div>

<div class="plugin_title">MOBILE</div>
<div class="plugin">
<div align="center">{site_qrcode}</div>
</div>

<div class="plugin_title">{freespace_title1}</div>
<div class="plugin">
<div align="left">{freespace_contents1}</div>
</div>

<div class="plugin_title">{freespace_title2}</div>
<div class="plugin">
<div align="left">{freespace_contents2}</div>
</div>

<div class="plugin_title">{freespace_title3}</div>
<div class="plugin">
<div align="left">{freespace_contents3}</div>
</div>

<div class="plugin_title">{freespace_title4}</div>
<div class="plugin">
<div align="left">{freespace_contents4}</div>
</div>

<div class="plugin_title">{freespace_title5}</div>
<div class="plugin">
<div align="left">{freespace_contents5}</div>
</div>

<div class="plugin_title">OTHERS</div>
<div class="plugin"><ul>
<li><a href="./admin/">ADMIN</a></li>
<li><a href="./?mode=rss">RSS 1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
<li>Designed by <a href="http://mama.oops.jp/" title="フリーテンプレート TABLE ENOCH" target="_blank">TABLE ENOCH</a></li>
</ul></div>

<br style="clear:both"><br>
<div id="footer">
<div id="footer_t"><a href="#t">▲&nbsp;TOP</a></div>
{copyright}　　{powered}</div>

</div>
</div>

</body>
</html>

CSS

/**************************************************************************
    CSS by TABLE ENOCH  http://mama.oops.jp/
    Template name [te11GreenYellow]  Ver.2007.08.16 JUGEM
    ※ 再配布禁止  ※ 利用規約(http://mama.oops.jp/te/btemp/)
**************************************************************************/

/*************************************************************** 画像設定 */
/* ?te11gy_1.gif */
body {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281689.gif) ;
}
/* ?te11gy_2.gif */
.plugin_title {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281690.gif);
}
/* ?te11gy_3.gif */
.plugin li , .cell a , .drecomrss_blog_list_item , .drecomrss_blog_list_powered {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281691.gif) ;
}
/* ?te11gy_4.gif */
#blog_title {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281692.gif) ;
}
/* ?te11gy_5.gif */
.entry_title {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281693.gif) ;
}
/* ?te11gy_6.gif */
.message_title {
  background-image:url(http://img-cdn.jg.jugem.jp/28b/233272/20070720_281694.gif) ;
}

/*********************************************************** フォント設定 */
body,h1,b,td,th,label,input,option,select,textarea {
  font-size:10px ;
  font-weight:normal ;
  font-family:Verdana ;
  color:#333 ;
}

/************************************************************* リンク設定 */
a {
  text-decoration:none ;
  color:#333 ;
}

/************************************************************* レイアウト */
#layout { 
  width:655px ; /* エントリ部分＋プラグイン部分＋余白5px */
  overflow:hidden ;
}

#layout_right {
  float:right ;
  width:450px ; /*エントリ部分*/
  overflow:hidden ;
}

#layout_left {
  float:left ;
  width:200px ; /*プラグイン部分*/
  overflow:hidden ;
}

/***************************************************************** ヘッダ */
#blog_title {
  padding:15px 16px 0px 0 ;
  background-repeat:no-repeat ;
  background-position:right ;
  text-align:right ;
  font-weight:bold ;
  font-size:12px ;
  word-break:break-all ;
  letter-spacing:1px ;
}
#blog_title a:hover {
  color:#090 ;
  text-decoration:none ;
}

/*************************************************************** エントリ */
/*エントリ側ブロック*/
#layout_right_inner {
  overflow:hidden ;
  border:dashed 2px #fff ;
  padding:2px 0px ;
}
/*1記事ブロック*/
.entry {
  overflow:hidden ;
  margin:0px 2px ;
  padding:10px 0px ;
  background:#fff ;
  text-align:left ;
}

/*記事タイトル*/
.entry_title {
  overflow:hidden ;
  margin:10px 10px 0px ;
  padding:10px 12px 1px ;
  background-repeat:no-repeat ;
  border-bottom:dotted 2px #adff2f ;
  text-align:left ;
  font-weight:bold ;
  letter-spacing:1px ;
}
.entry_title a:hover {
  color:#0c0 ;
}

/*記事日時*/
.entry_date {
  overflow:hidden ;
  margin:0px 10px 10px ;
  text-align:right ;
  font-weight:normal ;
  color:#fc0 ;
}
.entry_date a {
  color:#fc0 ;
}

/*記事本文*/
.entry_text {
  overflow:hidden;
  margin:0px 15px ;
  text-align:left ;
  line-height:180% ;
}
.entry_text a {
  border-bottom:dotted 2px #ffcc00 ;
}
.entry_text a:hover {
  background:#ffcc00 ;
  color:#ffffff ;
  border:0px ;
}
.entry_text img {
  vertical-align:middle ;
}

/* 画像にclass="pict"を設定した場合 */
.pict {
  margin:5px ;
  padding:2px ;
  border:solid 1px #ccc ;
}

/*記事のカテゴリ・コメント・トラックバック*/
.entry_state {
  margin:10px ;
  border-bottom:dotted 2px #adff2f ;
  text-align:right ;
  color:#92f200 ;
}
.entry_state a {
  color:#92f200 ;
  text-decoration:none ;
}
.entry_state a:hover {
  background:#92f200 ;
  color:#ffffff ;
}
.entry_state ul {
  margin:0px ;
  padding:0px ;
  padding-bottom:2px ;
  text-align:right ;
  list-style:none ;
}
.entry_state li {
  display:inline ;
  margin:0px 5px ;
  padding:0px ;
  text-align:right ;
}

/*********************************************************** ページリンク */
.page {
  overflow:hidden ;
  margin:0px 2px ;
  background:#fff ;
  text-align:center ;
  color:#fc0 ;
}
.page ul {
  margin:0px ;
  padding:10px 0px ;
  background:#fff ;
  text-align:center ;
  list-style:none ;
}
.page li {
  float:left ;
  overflow:hidden ;
  padding:10px 0px ;
  background:#fff ;
}
.page a {
  text-decoration:none ;
  color:#92f200 ;
}
.page a:hover{
  background:#92f200 ;
  color:#fff ;
}
.page li.l {
  width:40% ;
  height:12px ;
  overflow:hidden ;
  text-align:right ;
}
.page li.c {
  width:20% ;
  height:12px ;
  overflow:hidden ;
  text-align:center ;
}
.page li.r {
  width:40% ;
  height:12px ;
  overflow:hidden ;
  text-align:left ;
}

/************************************************* コメント・トラックバック */
.trackback_url {
  margin:10px ;
  text-align:center ;
}

.message {
  margin:0px 15px ;
  padding:5px 0px 15px ;
  border-bottom:dotted 2px #92f200 ;
}
.message a {
  border-bottom:dotted 2px #92f200 ;
}
.message a:hover {
  background:#fff ;
  color:#92f200 ;
  border:0px ;
}

/*コメント件名・トラックバックタイトル*/
.message_title {
  background-position:top left ;
  background-repeat:no-repeat ;
  padding:2px 0px 0px 10px ;
  font-weight:bold ;
  color:#92f200 ;
}
.message_title a {
  color:#92f200 ;
}

/*コメント・トラックバック日時等*/
.message_state {
  text-align:right ;
  color:#fc0 ;
}
.message_state a {
  border:0px ;
  text-decoration:underline ;
  color:#fc0 ;
}
.message_state a:hover {
  border:0px ;
  color:#92f200 ;
}

/*コメント本文・トラックバック記事*/
.message_txt {
  overflow:hidden ;
  margin:5px 10px ;
  line-height:160% ;
}

/*コメント返信*/
.message_res {
  overflow:hidden ;
  margin-left:10px ;
  padding:5px ;
  border-left:solid 2px #deffaf ;
}
.message_res .message_title {
  color:#fc0 ;
}
.message_res .message_state {
  color:#92f200 ;
}
.message_res .message_txt {
  margin-right:0px ;
  color:#666 ;
}

/******************************************************** コメントフォーム */
#comment_form {
  margin:20px 10px 10px ;
  padding-bottom:20px ;
  border-bottom:dotted 2px #92f200 ;
}
#comment_form td {
  text-align:left ;
  font-size:9px ;
  color:#fe0 ;
}
#comment_form th {
  text-align:right ;
}
#comment_form label {
  font-size:10px ;
  color:#f90 ;
}

/*input・textarea*/
input#name {
  width:190px ;
  margin-right:10px ;
  margin-bottom:6px ;
  ime-mode:active ;
}
input#email , input#url {
  width:280px ;
  margin-bottom:6px ;
  ime-mode:inactive ;
}
textarea#description {
  width:280px ;
  margin-bottom:12px ;
  ime-mode:active ;
}

/************************************************************* プラグイン */
/*プラグインタイトル*/
.plugin_title {
  overflow:hidden ;
  margin-top:20px ;
  padding:15px 11px 0px 0px ;
  border-bottom:dashed 2px #ffffff ;
  background-repeat:no-repeat ;
  background-position:right ;
  text-align:right ;
  font-weight:bold ;
  letter-spacing:1px ;
}

/*各プラグイン内*/
.plugin {
  margin:2px 5px ;
  padding-top:3px ;
}
.plugin a:hover {
  border:0px ;
  background:#fc0 ;
  text-decoration:none ;
  color:#333 ;
}

/*各プラグイン処理内の基本デザイン*/
.plugin ul {
  margin:0px 15px ;
  padding:0px ;
  text-align:left ;
  list-style:none ;
}
.plugin li {
  background-repeat:no-repeat ;
  background-position:top left ;
  margin-top:2px ;
  padding:3px 0px 0px 10px ;
  line-height:14px ;
  word-break:break-all ;
}

/********************************************************** アマゾンの設定 */
.amazon {
  text-align:center ;
}
.amazon_pict {
  margin:3px ;
}
.amazon_text {
}
.amazon_text strong {
  font-weight:normal ;
  font-style:normal ;
}
.amazon_monocolle {
  line-height:160% ;
}

/********************************************************** カレンダの設定 */
/*カレンダテーブル*/
.cell {
  width:22px ;
  line-height:150% ;
}
.cell a {
  display:block ;
  background-repeat:no-repeat ;
}
.cell a:hover {
  color:#fff ;
}

/*日曜日*/
.cell_sun {
  width:22px ;
  line-height:150% ;
  color:#f9a ;
}
/*平日*/
.cell_week {
}
/*土曜日*/
.cell_sat {
  width:22px ;
  line-height:150% ;
  color:#09f ;
}

/* 月移動 */
.calendar_month {
  width:154px ;
  padding:3px 0px 8px ;
}
.calendar_month a {
  padding:0px 2px ;
  font-family:ＭＳ ゴシック ;
}

/*********************************************************** サイト内検索 */
.blogsearch {
  padding:10px 0px ;
  text-align:center ;
}
.blogsearch .box {
  width:100px ;
  background:#fff ;
  border:solid 1px #fc0 ;
  vertical-align:middle ;
  font:10px Tahoma ;
  letter-spacing:1px ;
  color:#333 ;
}
.blogsearch .btn {
  width:65px ;
  margin-left:3px ;
  background:#fff ;
  border:solid 1px #fc0 ;
  vertical-align:middle ;
  font:10px Verdana ;
  letter-spacing:1px ;
  color:#333 ;
}

/*************************************************************** ドリコム */
.drecomrss_blog_list_item {
  background-repeat:no-repeat ;
  background-position:top left ;
  margin-top:2px ;
  padding:3px 0px 0px 10px ;
  line-height:200% ;
}
.drecomrss_blog_list_powered {
  background-repeat:no-repeat ;
  background-position:top left ;
  margin-top:2px ;
  padding:3px 0px 0px 10px ;
  line-height:180% ;
}

/***************************************************** 忍者メールフォーム */
.plugin .main {
  margin-right:5px ;
}
.plugin .main br {
  line-height:50% ;
}
.plugin .main input {
  width:100% ;
}
.plugin .main textarea {
  width:100% ;
  height:50px ;
}
.plugin .main .error ,
.plugin .main .result {
  text-align:center ;
}
.plugin .main .submit {
  margin:5px 0px ;
  padding-bottom:15px ;
  text-align:center ;
}
.plugin .main .submit_button ,
.plugin .main .error_submit_button ,
.plugin .main .result_submit_button {
  width:100px ;
  margin-top:5px ;
  background:#f9f9f9 ;
  letter-spacing:1px ;
  color:#333 ;
}

/*********************************************************** フッタの設定 */
#footer {
  clear:both ;
  margin-top:20px ;
  padding-bottom:20px ;
  border-top:dashed 2px #fff ;
  text-align:center ;
}
#footer a:hover {
  color:#fff ;
  text-decoration:underline ;
  font-weight:normal;
}
#footer_t {
  margin-top:10px ;
  margin-right:10px ;
  text-align:right ;
}
#cm {
  padding:20px 0px 0px ;
  text-align:center ;
}

/************************************************************* 全体の設定 */
body {
  background-attachment:fixed ;
  background-color:#adff2f ;
  text-align:center ;
}

h1,form,ul,li {
  margin:0px;
  padding:0px;
}

img {
  border:0px ;
  vertical-align:middle ;
}

.left {
  text-align:left ;
}
.right {
  text-align:right ;
}
.center {
  text-align:center ;
}

hr {
  color:#deffaf ;
  height:1px ;
}

input,option,textarea {
  vertical-align:middle ;
  background:#fff ;
  border:solid 1px #fc0 ;
  font:10px Verdana ;
  color:#333 ;
}

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