FLOAT TUBE MADNESS

プログテンプレート配布

このブログテンプレートは、スタンタードテンプレートの pictをペースに、現在では絶版となった tolucky2 のタイトル画像とinterleague2008 の素材等を使ってカスタマイズしてあります。
なので、テンプレートの著作権はてぃぶろぐ運営会社であるアイテック阪急阪神株式会社に帰属します。

てぃぶろぐをご利用の方でこのプログテンプレートをご希望の方は、この下のリンクからダウンロードしてください。

ダウンロードファイルはZIP形式の圧縮フォルダで、フォルダ内にはテキストファイルでＨＴＭＬとＣＳＳ(スタイルシート)
そしてテンプレートで使用している画像ファイル一式を収納しています。

　テンプレートファイルのダウンロード

使用方法

ダウンロードファイルを展開し、画像ファイルに関してはすべてをてぃぶろぐ管理ページの画像管理ページにてアップロード。
ＨＴＭＬとＣＳＳはテキストファイルをメモ帳などで開き、テンプレート編集ページにてそれぞれコピー＆ペーストしてください。

もしくは・・・

HTMLソースとCCS(スタイルシートはこちらからでもコピー出来ます。
テンプレートの画像ファイルは圧縮ファイルを展開し、それぞれアップロード願います。

HTMLソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<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>
<BODY><A name="top"></A><!--HEAD-->
<TABLE width="720" border="0" cellspacing="0" cellpadding="0" align="center">
  <TBODY>
    <TR>
      <TD width="10" background="./template/pict/img/left.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="150"></TD>
      <TD width="700" background="images/title-back.gif"><!-- BEGIN title -->
      <H1 class="site_title">{blog_name}</H1>
      <DIV class="description">{blog_description}</DIV>
      <!-- END title --></TD>
      <TD width="10" background="./template/pict/img/right.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="150"></TD>
    </TR>
  </TBODY>
</TABLE>
<!--BODY-->
<TABLE width="720" border="0" cellspacing="0" cellpadding="0" align="center">
  <TBODY>
    <TR valign="top">
      <TD width="10" background="./template/pict/img/left.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="150"></TD>
      <!--entry-->
      <TD width="480">
      <DIV class="entry">
      <TABLE width="470" border="0" cellspacing="0" cellpadding="0">
        <TBODY>
          <TR>
            <TD background="./template/pict/img/back_center.gif"><IMG src="./template/pict/img/back_head.gif" width="470" height="20">
            <DIV class="entry_title">☆☆☆　WELCOME　☆☆☆</DIV>
            <DIV class="entry_body">{site_title} へようこそ！<BR>
            </DIV>
            <IMG src="./template/pict/img/back_bottom.gif" width="470" height="20"></TD>
          </TR>
        </TBODY>
      </TABLE>
      </DIV>
      <!-- BEGIN entry -->
      <DIV class="entry">
      <TABLE width="470" border="0" cellspacing="0" cellpadding="0">
        <TBODY>
          <TR>
            <TD background="./template/pict/img/back_center.gif"><IMG src="./template/pict/img/back_head.gif" width="470" height="20">
            <DIV class="entry_title">{entry_title}</DIV>
            <DIV class="entry_date">{entry_date}</DIV>
            <DIV class="entry_author" style="text-align:right;">Posted by {user_name}</DIV>
            <DIV class="entry_body">{entry_description}</DIV>
            <DIV class="entry_more">{entry_sequel}</DIV>
            <DIV class="entry_state">| {category_name} | {entry_time} | {comment_num} | {trackback_num} |</DIV>
            <IMG src="./template/pict/img/back_bottom.gif" width="470" height="20"></TD>
          </TR>
        </TBODY>
      </TABLE>
      </DIV>
      {trackback_auto_discovery} <!-- END entry --><!-- BEGIN comment_area --><A name="comments"></A>
      <DIV class="entry">
      <TABLE width="470" border="0" cellspacing="0" cellpadding="0">
        <TBODY>
          <TR>
            <TD background="./template/pict/img/back_center.gif"><IMG src="./template/pict/img/back_head.gif" width="470" height="20">
            <DIV class="entry_comments">コメント</DIV>
            <!-- BEGIN comment -->
            <DIV class="entry_body">{comment_description}</DIV>
            <DIV class="entry_state">| {comment_name} | {comment_time} |</DIV>
            <BR>
            <!-- END comment -->
            <DIV class="entry_comments">コメントする</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="email">email:</LABEL><BR>
            <INPUT type="text" tabindex="2" name="email" id="email" value="{cookie_email}"><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" rows="10" cols="50" style="width:400px;"></TEXTAREA><BR>
            <BR>
            <INPUT type="submit" value="コメント送信"> <INPUT type="checkbox" name="set_cookie" value="1" id="set_cookie"> <LABEL for="set_cookie">Cookieに登録</LABEL></FORM>
            </DIV>
            <IMG src="./template/pict/img/back_bottom.gif" width="470" height="20"></TD>
          </TR>
        </TBODY>
      </TABLE>
      </DIV>
      <!-- END comment_area --><!-- BEGIN trackback_area --><A name="trackback"></A>
      <DIV class="entry">
      <TABLE width="470" border="0" cellspacing="0" cellpadding="0">
        <TBODY>
          <TR>
            <TD background="./template/pict/img/back_center.gif"><IMG src="./template/pict/img/back_head.gif" width="470" height="20">
            <DIV class="entry_date">この記事のトラックバックURL</DIV>
            <DIV class="entry_body">{trackback_url}</DIV>
            <DIV class="entry_date">トラックバック</DIV>
            <!-- BEGIN trackback -->
            <DIV class="entry_title">{trackback_title}</DIV>
            <DIV class="entry_body">{trackback_excerpt}</DIV>
            <DIV class="entry_state">| {trackback_blog_name} | {trackback_time} |</DIV>
            <!-- END trackback --><IMG src="./template/pict/img/back_bottom.gif" width="470" height="20"></TD>
          </TR>
        </TBODY>
      </TABLE>
      </DIV>
      <!-- END trackback_area --><!-- BEGIN profile_area -->
      <DIV class="entry">
      <TABLE width="470" border="0" cellspacing="0" cellpadding="0">
        <TBODY>
          <TR>
            <TD background="./template/pict/img/back_center.gif"><IMG src="./template/pict/img/back_head.gif" width="470" height="20">
            <DIV class="entry_date">プロフィール</DIV>
            <DIV class="entry_title">{profile_name}</DIV>
            <DIV class="entry_body">{profile_description}</DIV>
            <IMG src="./template/pict/img/back_bottom.gif" width="470" height="20"></TD>
          </TR>
        </TBODY>
      </TABLE>
      </DIV>
      <!-- END profile_area --><!-- BEGIN page -->
      <DIV class="page">{prev_page_link} | {page_now}/{page_num} Pages | {next_page_link}</DIV>
      <!-- END page --></TD>
      <!--right side-->
      <TD width="220"><!-- BEGIN calendar -->
      <DIV class="linktitle"><IMG alt="Calendar" src="/images/rm_cl.gif" width="196" height="18"></DIV>
      <DIV class="calendar">
      <TABLE border="0" cellspacing="3" cellpadding="0">
        <TBODY>
          <TR>
            <TD colspan="7" align="center"><IMG src="./template/pict/img/date.gif" width="176" height="20" alt=""></TD>
          </TR>
        </TBODY>
      </TABLE>
      {calendar}</DIV>
      <!-- END calendar --><!-- search -->
      <DIV class="searchtitle"><IMG alt="Search" src="/images/rm_sc.gif" width="196" height="18"><BR>
      このブログ内の記事を検索</DIV>
      <FORM method="get" action="">
      <DIV class="search"><INPUT id="search" name="search" size="20" style="width:150px" class="form"> <INPUT type="submit" value="検索" class="button"></DIV>
      </FORM>
      <!-- /search/ --><!-- BEGIN amazon -->
      <DIV class="linktitle"><IMG alt="RECOMMEND" src="/images/rm_rm.gif" width="196" height="18"></DIV>
      <DIV class="linktext">{amazon_item}</DIV>
      <!-- END amazon --><!-- BEGIN latest_entry -->
      <DIV class="linktitle"><IMG alt="Recent Entries" src="/images/rm_re.gif" width="196" height="18"></DIV>
      <DIV class="linktext">{latest_entry_list}</DIV>
      <!-- END latest_entry --><!-- BEGIN selected_entry -->
      <DIV class="linktitle"><IMG src="images/rm_se.gif" width="196" height="18" alt=""></DIV>
      <DIV class="linktext">{selected_entry_list}</DIV>
      <!-- END selected_entry --><!-- BEGIN recent_comment -->
      <DIV class="linktitle"><IMG alt="Recent Comment" src="/images/rm_rc.gif" width="196" height="18"></DIV>
      <DIV class="linktext" style="scrollbar-face-color:#fafafb;scrollbar-highlight-color:#ffffff; overflow:auto;scrollbar-shadow-color:#999999;scrollbar-3dlight-color:#dadadb;scrollbar-arrow-color:#7a7a7b; scrollbar-track-color:#fbfbfc;scrollbar-darkshadow-color:#ffffff;overflow:auto;height:112px;width:208px">{recent_comment_list}</DIV>
      <!-- END recent_comment --><!-- BEGIN recent_trackback -->
      <DIV class="linktitle"><IMG alt="Trackback" src="/images/rm_tb.gif" width="196" height="18"></DIV>
      <DIV class="linktext">{recent_trackback_list}</DIV>
      <!-- END recent_trackback --><!-- BEGIN category -->
      <DIV class="linktitle"><IMG alt="Category" src="/images/rm_ct.gif" width="196" height="18"></DIV>
      <DIV class="linktext">{category_list}</DIV>
      <!-- END category --><!-- BEGIN archives -->
      <DIV class="linktitle"><IMG alt="Archives" src="/images/rm_ac.gif" width="196" height="18"></DIV>
      <DIV class="linktext" style="scrollbar-face-color:#fafafb;scrollbar-highlight-color:#ffffff; overflow:auto;scrollbar-shadow-color:#999999;scrollbar-3dlight-color:#dadadb;scrollbar-arrow-color:#7a7a7b; scrollbar-track-color:#fbfbfc;scrollbar-darkshadow-color:#ffffff;overflow:auto;height:112px;width:208px">{archives_list}</DIV>
      <!-- END archives --><!-- BEGIN link -->
      <DIV class="linktitle"><IMG src="images/rm_lk.gif" alt="Link" width="196" height="18"></DIV>
      <DIV class="linktext">{link_list}</DIV>
      <!-- END link --><!-- BEGIN profile -->
      <DIV class="linktitle"><IMG alt="Profile" src="/images/rm_prf.gif" width="196" height="18"></DIV>
      <DIV class="linktext">{user_list}</DIV>
      <!-- END profile --><!-- powered -->
      <DIV class="linktitle"><IMG alt="Other" src="/images/rm_ot.gif" width="196" height="18"></DIV>
      <DIV class="linktext">
      <UL>
        <LI><A href="./admin/">ログイン</A>
        <LI><A href="./?mode=rss">RSS1.0</A>
        <LI><A href="./?mode=atom">Atom0.3</A>
      </UL>
      <BR>
      <A href="http://www.tblog.jp/" title="てぃぶろぐ" target="_blank"><IMG border="0" src="images/tblog-logo.gif" width="170" height="49"></A><BR>
      <BR>
      <A href="http://www.tigers-net.com/" title="Powered by 'Tigers-net.com'" target="_blank"><IMG border="0" src="images/tigers-log.gif" width="170" height="34"></A></DIV>
      <!-- /powered/ -->{ad}</TD>
      <TD width="10" background="./template/pict/img/right.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="150"></TD>
    </TR>
  </TBODY>
</TABLE>
<!-- foot -->
<TABLE width="720" border="0" cellspacing="0" cellpadding="0" align="center">
  <TBODY>
    <TR valign="top">
      <TD width="10" background="./template/pict/img/left.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="100"></TD>
      <TD width="480">
      <DIV class="copyright">
      <CENTER>Copyright(C) HANSHIN Tigers, ITEC HANKYU HANSHIN CO.,Ltd.</CENTER>
      </DIV>
      </TD>
      <TD width="220"><A href="#top"><IMG src="./template/pict/img/top.gif" width="61" height="19" border="0" alt="このページの先頭へ"></A></TD>
      <TD width="10" background="./template/pict/img/right.gif"><IMG src="./template/pict/img/blank.gif" width="1" height="100"></TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</HTML>

CCS（スタイルシート)

body {
	margin: 0px 0px 0px 30px;
	background-color: #FFFFFF;
}

a:link    {color:#414D7B; text-decoration: underline;}
a:visited {color:#775E81; text-decoration: none;}
a:active  {color:#FF6600; text-decoration: underline;}
a:hover   {color:#FF6600; text-decoration: none;}

h1 {
	margin: 24px 0px 10px 20px;
}

h4 {
         font-family: "Comic Sans MS", "Geneva", "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	font-weight: bolder;
	linehight: 170%;
}

ul {
	margin: 0px 0px 0px 0px;
        padding: 0px;
}

li {
	background: url(images/icon_list.gif) no-repeat left 7px;
	list-style: none;
	padding-left: 10px;
	padding-bottom: 0px;
}

.site_title {
	font-family: "Comic Sans MS", "Geneva", "ＭＳ Ｐゴシック", "Osaka";
	font-size: 28px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 20px 0px 40px 20px;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.description {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #FFFFFF;
	margin: 10px 0px 10px 20px;
}

.entry {
	margin: 0px 0px 20px 0px;
}

.entry_date {
	text-align:right;
	font-family: "Verdana";
	font-size: 11px;
	color: #414D7B;
	margin: 10px 30px 0px 20px;
}

.entry_comments {
	text-align:left;
	font-weight: bolder;
	font-family: "Verdana";
	font-size: 12px;
	color: #414D7B;
	margin: 10px 30px 0px 20px;
}

.entry_title {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	font-weight: bolder;
	color: #414D7B;
	margin: 0px 30px 10px 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.entry_body {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 15px 30px 15px 20px;
}

.entry_author {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #999999;
	margin: 10px 30px 10px 20px;
}

.entry_more {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	line-height: 170%;
	color: #333333;
	margin: 15px 30px 10px 20px;
}

.entry_state {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #666666;
	margin: 20px 30px 25px 20px;
}

blockquote {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	line-height: 160%;
	color: #333333;
	background: #F5F5F5;
	margin: 1em 0px 1em 0px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	word-break: break-all;
	word-wrap: break-word;
}

.pict {
	border-width: 3px;
	border-style: solid;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.linktitle {
	font-family: "Verdana";
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
	line-height: 170%;
	margin: 10px 0px 0px 0px;
}

.searchtitle {
	font-family: "Verdana";
	font-size: 12px;
	color: #000000;
	line-height: 170%;
	margin: 0px 0px 0px 0px;
}

.linktext {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #666666;
	line-height: 170%;
	margin: 10px 0px 20px 10px;
}

.page {
	ont-size: 12px;
	olor: #666666;
	argin: 10px 30px 10px 10px;
	adding: 10px 10px 10px 0px;
	order-top: 1px dotted #CCCCCC;
	ext-align: center;
}

font.gre {
	olor: #006600;
	ont-style: italic;
	ont-size:90%;
}

font.red {
	olor: #660000;
	ont-style: italic
	ont-size: 90%;
}

.search {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #333333;
	line-height: 170%;
	margin: 20px 0px 5px 0px;
}

copyright {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
	color: #333333;
	line-height: 170%;
	margin: 0px 0px 0px 20px;
}

.clock {
	margin: 20px 0px 0px 0px;
}

.calendar {
	font-family: "Verdana";
	font-size: 10px;
	color: #999999;
	margin: 5px 0px 20px 8px;
	}

.cell {
	width: 23px;
	height: 16px;
	padding: 1px;
}

ご注意！

本テンプレートはてぃぶろぐでのみご利用ください。
HTMLやスタイルシートの記述に関するご質問にはお答えしかねますので、自己責任においてご使用願います。

	FLOAT TUBE MADNESS Let's enjoy float tube fishing with original custom rods.
	TOP > tblog Template