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

ホーム

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

テンプレート名 : te05pink

HTML・CSSをコピーして使う

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//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">
<title>{site_title}</title>
<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}">
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}">
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<body>
{gmo_header_src}

<div id="box_main">

<table class="entry_title_table" cellspacing="0" cellpadding="0"><TR>
  <TD class="entry_title"><a href="{entry_permalink}">{entry_title}</a></TD>
  <TD class="entry_date">{entry_date} {entry_time}</TD>
</TR></TABLE>

<div class="entry_text_box">
  <div class="entry_text">{entry_description}</div>
  <div class="entry_ps_text">{entry_sequel}</div>
</div>

<div class="entry_state">Category : {category_name}　　　
<a href="{entry_permalink}#trackback">CM({comment_num_only})</a>　<a href="{entry_permalink}#trackback">TB({trackback_num_only})</a></div>
{trackback_auto_discovery}

<div class="entry_navi"><a href="{prev_permalink}" title="{prev_title}">Old Log</a> | <a href="./">Top Log</a> | <a href="{next_permalink}" title="{next_title}">New Log</a></div>

<a name="comments"></a>
<div class="entry_title_table">
<div class="entry_title">COMMENTS</div>
</div>

<div class="entry_text_box">
  <div class="entry_text">{comment_description}</div>
</div>
<div class="entry_state">{comment_name}　{comment_time}</div>

<div class="entry_title_table">
<div class="entry_title">COMMENT FORM</div>
</div>

<table align="center" width="280"><tr valign="bottom">
<td>COMMENT</td></tr></table>
<div align="center"><textarea class="cm_textarea" cols="30" rows="8" name="description"></textarea></div>

<table align="center"><tr>
  <td><label for="set_cookie" title="クッキーに保存する">COOKIE ?</label></td>
  <td><input id="set_cookie" type="checkbox" name="set_cookie" value="1" title="クッキーに保存する"></td>
  <td><input class="cm_submit" type="submit" value="SUBMIT"></td>
</tr></table>

</form></div></div>

<table class="entry_title_table" cellspacing="0" cellpadding="0"><TR>
  <TD class="entry_title">ABOUT MASTER</TD>
</TR></TABLE>

<div class="entry_text_box" style="margin-bottom:30px">
  <div class="entry_text">HN : {profile_name}</div>
  <div class="entry_ps_text">{profile_description}</div>
</div>

<a name="trackback"></a>
<div class="entry_title_table">
<div class="entry_title">TRACKBACK ADDRESS</div>
</div>

<div class="entry_text_box">
<div class="entry_text">
  <div align="center"><a href="{trackback_url}">{trackback_url}</a></div>
</div>
</div>

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

<div class="entry_text_box">
  <div class="entry_text">{trackback_title}</div>
  <div class="entry_ps_text">{trackback_excerpt}</div>
</div>
<div class="entry_state">{trackback_blog_name}　{trackback_time}</div>

<div class="entry_navi">
<a href="{prev_page_url}">PREV PAGE</a>　{page_now}/{page_num}　<a href="{next_page_url}">NEXT PAGE</a>
</div>

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

<div class="footer_table">
<div class="copyright">Copyright &copy;{user_name} All Rights Reserved.</a>
　　<a href="#pagetop" title="ページの先頭へ">△</a></div>
</div>

</div>

<div id="box_side">

<DIV class="site_title">{blog_name}</DIV>

<div class="side_title">SEARCH THIS SITE</div>

<div class="side_title">{calendar_this_year} {calendar_str_month}</div>
<div class="thirdcontent">
<div align="center">
<table border="0" cellspacing="1" cellpadding="0"><tr style="text-align: center;">
<td class="cell_sun">S</td><td class="cell_w">M</td><td class="cell_w">T</td><td class="cell_w">W</td><td class="cell_w">T</td><td class="cell_w">F</td><td class="cell_sat">S</td>
</tr></table>
{calendar_only}
<br><a href="./?month={calendar_prev_yearmonth}" title="前月">← PREV</a>　　　　<a href="./?month={calendar_next_yearmonth}" title="次月">NEXT →</a></div>
</div>

<div class="side_title">{freespace_title1}</div>
<div class="firstcontent">{freespace_contents1}</div>

<div class="side_title">NEW ENTRIES</div>
<div class="secondcontent">{latest_entry_list}</div>

<div class="side_title">ARCHIVES</div>
<div class="firstcontent">{archives_list}</div>

<div class="side_title">CATEGORIES</div>
<div class="firstcontent">{category_list}</div>

<div class="side_title">{freespace_title2}</div>
<div class="firstcontent">{freespace_contents2}</div>

<div class="side_title">RECOMMEND</div>
<div class="thirdcontent"><div align="center">{amazon_item}</div></div>

<div class="side_title">SELECTED ENTRIES</div>
<div class="firstcontent">{selected_entry_list}</div>

<div class="side_title">{freespace_title3}</div>
<div class="firstcontent">{freespace_contents3}</div>

<div class="side_title">RESENT COMMENTS</div>
<div class="secondcontent">{recent_comment_list}</div>

<div class="side_title">RECENT TRACKBACKS</div>
<div class="firstcontent">{recent_trackback_list}</div>

<div class="side_title">LINKS</div>
<div class="secondcontent">{link_list}
<ul><li><a href="http://mama.oops.jp/" target="_blank" title="Templated by TABLE ENOCH">TABLE ENOCH</a></ul></div>

<div class="side_title">{freespace_title4}</div>
<div class="firstcontent">{freespace_contents4}</div>

<div class="side_title">PROFILE</div>
<div class="firstcontent">{user_list}
<ul><li><A href="./admin/">ADMIN</a></ul></div>

<div class="side_title"></div>
<div class="thirdcontent">{site_qrcode}</div>

<div class="side_title">{freespace_title5}</div>
<div class="firstcontent">{freespace_contents5}</div>

<div class="site_title">Templated by <a href="http://mama.oops.jp/" target="_blank">TABLE ENOCH</a></div>

</div></div>
</BODY>
</HTML>

CSS

/*************************************************************
　　　　　CSS by TABLE E.NO.CH * http://mama.oops.jp/
          Ver.2006/09/21/jugem * Template name 「te05pink」
*************************************************************/

body {
  scrollbar-3dlight-color:#ffe9e9 ;
  scrollbar-darkshadow-color:#ffe9e9 ;
  scrollbar-highlight-color:#ffe9e9 ;
  scrollbar-shadow-color:#ffe9e9 ;
  scrollbar-arrow-color:#ffffff ;
  scrollbar-face-color:#ffe9e9 ;
  scrollbar-track-color:#ffffff ;
  background:#ffffff ;
  margin:0 ;
}

body,div,td,th,ul,li,input,textarea{
  font-size:10px ;
  font-family:"Verdana","\30D2\30E9\30AE\30CE\20Pro\20W3","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Osaka" ;
  color:#cccccc ;
}

input {
  background:#ffffff ;
  color:#999999 ;
}

a{
  text-decoration:none ;
}
a:hover{
  color:lightpink ;
  border-bottom:dashed 1px ;
}

P{
  margin:0 ;
  padding:0 ;
}

HR {
  border:solid 1px #ffe1e6 ;
  height:1px ;
}

/**************************************************/
/*ボックス（レイアウト設定）*/
#box{
  width:700px ;
  text-align:center ;
}

/*メイン表示部分*/
#box_main {
  width:480px ;
  float:left ;
}

/*サイド表示部分*/
#box_side {
  width:220px ;
  float:right ;
}

/**************************************************/
/*タイトル部分------------------------------------*/

/*サイトタイトル*/
.site_title {
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060902_53172.gif) left no-repeat ;
  padding-left:15px ;
  margin-top:30px ;
  text-align:left ;
  color:#999999 ;
}
.site_title a{
  color:#84ceff ;
}
.site_title a:hover{
  position:relative ;
  top:2px ; left:2px ;
}

/**************************************************/
/* プラグイン ------------------------------------*/

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

/*サイド：見出し*/
.side_title{
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060902_53172.gif) left no-repeat ;
  padding-left:15px ;
  color:#999999 ;
  margin-top:30px ;
  text-align:left ;
}

/*「プラグイン１」*/
.firstcontent {
  margin:5px 0 5px 5px ;
  padding-left:5px ;
  color:#cccccc ;
  line-height:15px ;
  width:210px ;
  text-align:left ;
}
.firstcontent A{
  color:#84ceff ;
}
.firstcontent A:HOVER{
  color:#ffb6c1 ;
}

/*「プラグイン２」*/
.secondcontent{
  margin:5px 0 5px 5px ;
  color:#999999 ;
  letter-spacing:1.2px ;
  line-height:15px ;
  width:210px ;
  text-align:left ;
}
.secondcontent A{
  color:#ffb6c1 ;
}
.secondcontent A:HOVER{
  color:#84ceff ;
}

/*「プラグイン３」*/
.thirdcontent{
  margin:5px 0 ;
  border:solid 1px #ffe1e6 ;
  padding:10px ;
  color:#cccccc ;
  line-height:15px ;
  width:220px ;
  text-align:center ;
}
.thirdcontent A{
  color:#84ceff ;
}
.thirdcontent A:HOVER{
  position:relative ;
  top:2px ; left:2px ;
  border:0 ;
}

UL,LI{
  margin:0 0 0 10px ;
  padding:0 ;
  line-height:120% ;
  list-style:url(http://img-cdn.jg.jugem.jp/28b/233272/20060827_46717.gif) ;
}
LI{
  margin-top:3px ;
  margin-bottom:3px ;
}

.amazon {
  width:190px ;
  text-align:center ;
}
.amazon_text strong{
  font-style:normal ;
  font-weight:normal ;
}

/**************************************************/
/* エントリー関連 */

/*エントリーテーブル（1ブロック）-----------------*/
.entry_table{
  border:solid 1px #cccccc ;
  margin:0 ;
  width:430px ; /* ひだりのテーブルの幅 */
  margin-top:30px ;
}

/*エントリー：背景--------------------------------*/
.entry_bg{
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060921_70467.gif) ;
}

/*エントリーヘッダ--------------------------------*/
.entry_title_table{
  margin-top:30px ;
  width:400px ; /* ひだりのテーブルの中の幅 */
}
.entry_title{
  color:#666666 ;
  text-align:left ;
}
.entry_title a{
  color:#666666 ;
}
.entry_title a:hover{
  color:#84ceff ;
}

.entry_date{
  text-align:right ;
  line-height:15px ;
  color:#999999 ;
}
.entry_date a{
  color:#999999 ;
}
.entry_date a:hover{
  color:#84ceff ;
}

/*エントリー：テキスト----------------------------*/
.entry_text_box{
  background:#ffffff ;
  width:400px ; /* ひだりのテーブルの中の幅 */
  text-align:center ;
  overflow:hidden ;
}
.entry_text {
  background:#ffffff ;
  line-height:18px ;
  color:#999999 ;
  padding:20px ;
  text-align:left ;
}
.entry_text IMG{
  overflow:auto ;
}
.entry_ps_text{
  background:#ffffff ;
  line-height:18px ;
  color:#999999 ;
  border-top:solid 1px #ffb6c1 ;
  padding:20px 0 ;
  margin:0 20px ;
  text-align:left ;
}
.entry_ps_text A, .entry_text A{
  color:#84ceff ;
}

/*エントリー：ステータス（日付等）----------------*/
.entry_state {
  color:#999999 ;
  text-align:center ;
  width:400px ; /* ひだりのテーブルの中の幅 */
  padding:2px ;
  margin-bottom:10px ;
}
.entry_state A{
  color:#999999 ;
}
.entry_state A:HOVER{
  color:#84ceff ;
}

/* エントリーコメントフォーム---------------------*/
.cm_input{
  border:solid 1px #ffe1e6 ;
  color:#999999 ;
  width:240px ;
}
.cm_textarea{
  border:solid 1px #ffe1e6 ;
  color:#999999 ;
  width:272px ;
}
.cm_submit{
  border:solid 1px #ffe1e6 ;
  color:#999999 ;
  margin-left:10px ;
  width:160px ;
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060921_70467.gif) ;
}

/*エントリー：ナビゲーション----------------------*/
.entry_navi{
  text-align:center;
  width:400px ; /* ひだりのテーブルの中の幅 */
  padding:3px ;
  margin-top:50px ;
  margin-bottom:5px ;
  color:#cccccc ;
}
.entry_navi a{
  color:#999999 ;
}
.entry_navi a:hover{
  color:#84ceff ;
}

/**************************************************/
/*フッター*/
.footer_table {
  text-align:center ;
  width:400px ; /* ひだりのテーブルの中の幅 */
  margin-top:10px ;
}

/*コピーライト*/
.copyright {
  line-height:18px ;
  color:#999999 ;
}
.copyright a{
  color:#999999 ;
}
.copyright a:hover{
  color:#ffb6c1 ;
}

/**************************************************/
/* カレンダー設定 --------------------------------*/
.cell_sun {
  width:23px ;
  height:14px ;
  background:#ffffff ;
  color:#84ceff ;
  padding-top:5px ;
  padding-bottom:5px ;
}
.cell_w {
  width:23px ;
  height:14px ;
  background:#ffffff ;
  color:#999999 ;
  padding-top:5px ;
  padding-bottom:5px ;
}
.cell_sat {
  width:23px ;
  height:14px ;
  background:#ffffff ;
  color:#ffb6c1 ;
  padding-top:5px ;
  padding-bottom:5px ;
}

.cell {
  width:23px ;
  height:14px ;
  background:#ffffff ;
  color:#cccccc ;
}
.cell a{
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060921_70467.gif) center no-repeat ;
  color:#999999 ;
}
.cell a:hover {
  color:#000000 ;
}

/**************************************************/
/* 自己紹介部分の画像 ----------------------------*/
.pay {
  text-align:center ;
}

/**************************************************/
/* 検索 ------------------------------------------*/
.plugin_search_form{
  border:solid 1px #ffe1e6 ;
  color:#999999 ;
  width:120px ;
}
.plugin_search_button{
  border:solid 1px #ffe1e6 ;
  color:#999999 ;
  background:url(http://img-cdn.jg.jugem.jp/28b/233272/20060921_70467.gif) ;
}
form{
  margin:0 ;
  padding:0 ;
}

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