1. ホーム
  2. ブログテンプレート
  3. テンプレート 2カラム(メイン左・サイド右) 空雲

« 次の記事  前の記事 »

お知らせ 2011年春(4月)スタート新ドラマ　　　　　記事上部に横スクロールするテキストを表示する方法　　　　　記事上部にメニューを設置する方法

テンプレート 2カラム(メイン左・サイド右) 空雲

2010年05月02日

テンプレートを公開します。ご自由にお使いください。（Twitter風色使いにしてみました。）

ht_2c_mlsr_0001_空雲画像
クリックすると拡大表示されます。

概要

テンプレート名
ht_2c_mlsr_0001_skycloud
レイアウト
2カラム（メイン左・サイド右）
幅：全体770px（メイン550px＋サイド200px）固定

使用方法

下記ソースをコピーし、テンプレートのカスタマイズページに貼り付け。

スタイルシート

@charset "utf-8";

/*========================================
リセット
========================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table,th,td {
 margin: 0;
 padding: 0;
 }

html {
 background: #FFF;
 color: #000;
 }

body {
 font: 13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
 }

* html body {
 font-size: small;
 font: x-small;
 }

*:first-child+html body {
 font-size: small;
 font: x-small;
 }

img {
 border: 0;
 vertical-align: bottom;
 }

h1,h2,h3,h4,h5,h6 {
 clear: both;
 font-size: 100%;
 font-weight: normal;
 }

ul,dl,ol {
 text-indent: 0;
 }

/*
li {
 list-style: none;
 }
*/

address,caption,cite,code,dfn,em,strong,th,var {
 font-style: normal;
 font-weight: normal;
 }

sup {
 vertical-align: text-top;
 }

sub {
 vertical-align: text-bottom;
 }

input,
textarea,
select {
 font-family: inherit;
 font-size: inherit;
 font-weight:inherit;
 }

* html input,
* html textarea,
* html select {
 font-size: 100%;
 }

*:first-child+html+input,
*:first-child html+textarea,
*:first-child+html select {
 font-size: 100%;
 }

table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: inherit;
 font: 100%;
 }

th,
td {
 text-align: left;
 vertical-align: top;
 }

caption {
 text-align: left;
 }

pre,
code,
kbd,
samp,
tt {
 font-family: monospace;
 }

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
 font-size: 108%;
 line-height: 100%;
 }

*:first-child+html pre,
*:first-child html+code,
*:first-child html+kbd,
*:first-child+html+samp,
*:first-child+html tt {
 font-size: 108%;
 line-height: 100%;
 }

input,
select,
textarea {
 font-size: 100%;
 font-family: Verdana,Helvetica,sans-serif;
 }

/*========================================
デフォルト
========================================*/

/*----------------------------------------
レイアウト
----------------------------------------*/

h1 {
 margin: 40px 0 0 0;
 }

h2 {
 margin: 40px 0 0 0;
 }

h3 {
 margin: 30px 0 0 0;
 }

h4 {
 margin: 30px 0 0 0;
 }

h5 {
 margin: 30px 0 0 0;
 }

h6 {
 margin: 30px 0 0 0;
 }

p {
 margin: 20px 0 0 0;
 }

ul {
 margin: 20px 0 0 25px;
 }

ul li ul {
 margin: 0 0 0 32px;
 }

ul li ol {
 margin: 0 0 0 32px;
 }

ol {
 margin: 20px 0 0 25px;
 }

ol li ul {
 margin: 0 0 0 32px;
 }

ol li ol {
 margin: 0 0 0 32px;
 }

dl {
 margin: 20px 0 0 0;
 }

dd {
 margin: 0 0 0 32px;
 }

blockquote {
 margin: 20px 20px 0 20px;
 padding: 0 20px 20px 20px;
 }

pre {
 margin: 20px 0 0 0;
 padding: 20px 20px 20px 20px;
 }

table {
 margin: 20px 0 0 0;
 width: 100%;
 }

th {
 padding: 4px;
 }

td {
 padding: 4px;
 }

address {
 margin: 20px 0 0 0;
 }

/*----------------------------------------
書式
----------------------------------------*/

body {
 background-color: #ffffff;
 }

#wrapper {
 font-size: 100%;
 line-height: 1.5;
 }

h1 {
 font-size: 1.75em;
 font-weight: bold;
 line-height: 1.5;
 }

h2 {
 font-size: 1.5em;
 font-weight: bold;
 line-height: 1.5;
 }

h3 {
 font-size: 1.25em;
 font-weight: bold;
 line-height: 1.5;
 }

h4 {
 font-size: 1em;
 font-weight: bold;
 line-height: 1.5;
 }

h5 {
 font-size: 1em;
 font-weight: bold;
 line-height: 1.5;
 }

h6 {
 font-size: 1em;
 font-weight: bold;
 line-height: 1.5;
 }

blockquote {
 border: 1px solid #dddddd;
 background-color:#FFFFCC;
 }

pre {
 border: 1px solid #dddddd;
 background-color:#FFFFCC;
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -pre-wrap;     /* Opera 4-6 */
 white-space: -o-pre-wrap;   /* Opera 7 */
 white-space: pre-wrap;      /* CSS3 */
 word-wrap: break-word;      /* IE 5.5+ */
 }

table {
 border: 2px solid #666666;
 }

th {
 font-weight: bold;
 text-align: center;
 background-color: #dddddd;
 border: 1px solid #666666;
 }

td {
 border: 1px solid #666666;
 }

caption {
 text-align: center;
 }

/*========================================
レイアウト
========================================*/

/*----------------------------------------
#container centering
----------------------------------------*/

body {
 text-align: center;
 }

#wrapper {
 width: 770px;
 margin: 0 auto;
 text-align: left;
 }

/*----------------------------------------
#header
----------------------------------------*/

#header {
 width: 100%;
 min-height: 1px;
 }

#header #siteid {
 float: left;
 width: 500px;
 }

#header #siteid h1 {
 margin: 0 0 0 0;
 padding: 16px 0 0 16px;
 }

#header #siteid p {
 margin: 0 0 0 0;
 padding: 0 0 16px 16px;
 }

#header #extend {
 float: right;
 width: 250px;
 }

#header #extend .fontsize {
 margin: 0 0 0 0;
 padding: 16px 16px 0 0;
 }

/*----------------------------------------
#globalnavi
----------------------------------------*/

#globalnavi {
 width: 100%;
 }

#globalnavi ul {
 width: 100%;
 min-height: 1px;
 margin: 0 0 0 0;
 }

#globalnavi ul li {
 float: left;
 }

#globalnavi ul li a {
 width: 154px;
 padding: 8px 0;
 display: block;
 }

/*----------------------------------------
#bdpn
----------------------------------------*/

#bdpn {
 width: 100%;
 min-height: 1px;
 }

#bdpn ol.bread {
 float: left;
 width: 550px;
 margin: 20px 0 0 0;
 }

#bdpn ol.bread li {
 display: inline;
 padding: 0 0 0 16px;
 }

#bdpn ol.bread li.bnhm {
 padding: 0 0 0 20px;
 }

#bdpn p.pene {
 float: right;
 width: 200px;
 }

/*----------------------------------------
#contents
----------------------------------------*/

#contents {
 width: 100%;
 min-height: 1px;
 padding: 0 0 40px 0;
 }

/*----------------------------------------
#main
----------------------------------------*/

#main {
 float: left;
 width: 550px;
 }

/*----------------------------------------
#side
----------------------------------------*/

#side {
 float: right;
 width: 200px;
 }

#side .sidetitle {
 margin: 40px 0 0 0;
 }

/*----------------------------------------
#footer
----------------------------------------*/

#footer {
 width: 100%;
 }

#footer address {
 margin: 0 0 0 0;
 padding: 16px 16px 0 0;
 }

#footer p {
 margin: 0 0 0 0;
 padding: 0 16px 16px 0;
 }

/*----------------------------------------
crearfix
----------------------------------------*/

#header:after,
#globalnavi ul:after,
#bdpn:after,
#contents:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

#header,
#globalnavi ul,
#bdpn,
#contents {
 display: inline-table;
 }

/* Hides from IE-mac \*/
* html #header,
* html #globalnavi ul,
* html #bdpn,
* html #contents {
 height: 1px;
 }

#header,
#globalnavi ul,
#bdpn,
#contents {
 display: block;
 }
/* End hide from IE-mac */

/*========================================
書式
========================================*/

/*----------------------------------------
#header
----------------------------------------*/

#header {
 background: #8ec1da url(//img01.hamazo.tv/usr/shigexworks/temp_bdbg_0001.png) no-repeat center top;
 }

#header #siteid h1 a {
 color: #000080;
 text-decoration: none;
 }

#header #siteid p {
 font-weight: bold;
 color: #000080;
 }

#header #extend .fontsize {
 color: #000080;
 text-align: right;
 }

/*----------------------------------------
#globalnavi
----------------------------------------*/

#globalnavi {
 background-color: #c0deed;
 border-bottom: 4px solid #aad0e3;
 }

#globalnavi ul li {
 list-style-type: none;
 text-align: center;
 }

#globalnavi ul li.act {
 background-color: #aad0e3;
 }

#globalnavi ul li a {
 font-weight: bold;
 color: #000080;
 text-decoration: none;
 }

#globalnavi ul li a:hover {
 background-color: #aad0e3;
 }

/*----------------------------------------
#bdpn
----------------------------------------*/

#bdpn ol.bread li {
 list-style: none;
 background: url(//img01.hamazo.tv/usr/shigexworks/icon_arrow.jpg) no-repeat 4px center;
 }

#bdpn ol.bread li.bdtp {
 background: none;
 }

#bdpn ol.bread li.bnhm {
 background: url(//img01.hamazo.tv/usr/shigexworks/icon_home.jpg) no-repeat left center;
 }

#bdpn p.pene {
 text-align: right;
 }

/*----------------------------------------
#main
----------------------------------------*/

/*----------------------------------------
#side
----------------------------------------*/

/*----------------------------------------
#footer
----------------------------------------*/

#footer {
 background-color: #cccccc;
 }

#footer address {
 text-align: right;
 }

#footer p {
 text-align: right;
 }

/*========================================
パーツ
========================================*/

/*----------------------------------------
見出しタグ
----------------------------------------*/

h2.entrytitle {
 font-size: 1.5em;
 line-height: 1.5;
 color: #000080;
 background: #c0deed;
 border-left: 10px solid #aad0e3;
 border-bottom: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
 }

h2.entrytitle a {
 color: #000080;
 text-decoration: none;
 }

h2.entrytitle a:hover {
 color: #FF6600;
 text-decoration: underline;
 }

.sidetitle {
 font-size: 1.5em;
 font-weight: bold;
 line-height: 1.5;
 color: #000080;
 background: #c0deed;
 border-left: 10px solid #aad0e3;
 border-bottom: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
 }

#side h2 {
 color: #000080;
 background: #c0deed;
 border-left: 10px solid #aad0e3;
 border-bottom: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
 }

#side .calendarhead {
 font-size: 1.5em;
 font-weight: bold;
 line-height: 1.5;
 color: #000080;
 background: #c0deed;
 border-left: 10px solid #aad0e3;
 border-bottom: 1px solid #aaaaaa;
 border-right: 1px solid #aaaaaa;
 }

h3 {
 border-left: 10px solid #cccccc;
 border-bottom: 1px dashed #cccccc;
 }

h4 {
 border-bottom: 1px dashed #cccccc;
 }

h2.tbcmtitle {
 color: #000000;
 background-color: #eeeeee;
 border-left: 10px solid #000000;
 border-right: 1px solid #aaaaaa;
 border-bottom: 1px solid #aaaaaa;
 }

/*----------------------------------------
#main
----------------------------------------*/

/* 記事表示領域 */

.entrybox {
 margin: 0 0 40px 0;
 padding: 16px 16px 16px 16px;
 background: url(//img01.hamazo.tv/usr/shigexworks/temp_ebbg_0001.jpg) no-repeat left bottom;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 }

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

.entrybox .emore {
 margin: -20px 0 0 0;
 }

/* 投稿情報 */

.postdate {
 margin: 0 0 20px 0;
 text-align: right;
 }

.postmeta {
 text-align: right;
 }

/* 投稿情報アイコン */

.pnic {
 padding: 0 0 0 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_pen.gif) no-repeat left center;
 }

.cmic {
 padding: 0 0 0 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_comment.gif) no-repeat left center;
 }

.tbic {
 padding: 0 0 0 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_trackback.gif) no-repeat left center;
 }

.cgic {
 padding: 0 0 0 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_category.gif) no-repeat left center;
 }

.tag_list span a {
 padding: 0 0 0 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_tag.png) no-repeat left center;
 }

/* コメントフォームdt要素dd要素横並び */

.commentform dt {
 float: left;
 width: 9em;
 }

.commentform dd {
 margin: 0 0 0 9em;
 }

/* html,css,js preタグ表示 */

.prebg_html {
 background: #ffffee url(//img01.hamazo.tv/usr/shigexworks/prebg_html.gif) no-repeat right top;
 }

.prebg_css {
 background: #ffffee url(//img01.hamazo.tv/usr/shigexworks/prebg_css.gif) no-repeat right top;
 }

.prebg_js {
 background: #ffffee url(//img01.hamazo.tv/usr/shigexworks/prebg_js.gif) no-repeat right top;

 }

/* コメント吹き出し画像 */

.commentbody {
 margin: 20px 0 0 0;
 padding: 10px 100px 20px 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/cmbgtp.jpg) no-repeat left top;
 }

.cmpostmeta {
 margin: 0;
 padding: 0 100px 10px 20px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/cmbgbm.jpg) no-repeat left bottom;
 text-align: right;
 }

/* コメント承認メッセージ */

.comments-body {
 margin: 40px 0 0 0;
 padding: 20px 20px 20px 20px;
 background-color: #FFFFCC;
 border: 1px dashed #aaaaaa;
 }

/* コメントフォーム */

.commentform {
 border: none;
 }

.commentform th {
 background: none;
 border: none;
 text-align: left;
 }

.commentform td {
 border: none;
 }

.commentform td .comments-body {
 margin: 0;
 padding: 0;
 background: none;
 border: none;
 font-weight: bold;
 }

/* トラックバック本文 */

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

/* dt要素dd要素横並び */

.dtddline dt {
 float: left;
 width: 9em;
 }

.dtddline dd {
 margin: 0 0 0 9em;
 }

/* 画像(キャプション有)右回り込み */

.sideimgrightb {
 float: right;
 display: inline;
 margin: 20px 0 16px 16px;
 }

.sideimgrightb p.caption {
 margin: 0;
 font-size: 0.85em;
 text-align: center;
 }

/* 画像右回り込み(inline) */

.sideimgright {
 float: right;
 display: inline;
 margin: 0 0 16px 16px;
 }

/* 画像(キャプション有)左回り込み */

.sideimgleftb {
 float: left;
 display: inline;
 margin: 20px 16px 16px 0;
 }

.sideimgleftb p.caption {
 margin: 0;
 font-size: 0.85em;
 text-align: center;
 }

/* 画像左回り込み(inline) */

.sideimgleft {
 float: left;
 display: inline;
 margin: 0 16px 16px 0;
 }

/* テキスト等中央寄せ */

.aligncenter {
 text-align: center;
 }

/* テキスト等右寄せ */

.alignright {
 text-align: right;
 }

/* 文字太字 */

strong,
.fontbold {
 font-weight: bold;
 }

/* 前のページ次のページ */

.ppnp {
 margin: 20px 0 0 0;
 text-align: right;
 }

/* このページの上へ */

.totop {
 margin: 20px 0 0 0;
 text-align: right;
 }

/*----------------------------------------
#side
----------------------------------------*/

/* プラグイン表示領域 */

#side .side {
 margin: 0 0 40px 0;
 padding: 4px 4px 4px 4px;
 background-color: #FFFFFF;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 }

/* リストマーク */

#side .recententry .sidebody,
#side .comment .sidebody,
#side .trackback .sidebody,
#side .link .sidebody,
#side .archives .sidebody {
 padding: 0 0 0 12px;
 background: url(//img01.hamazo.tv/usr/shigex/listmark.gif) no-repeat left 0.34em;
 }

#side .category .sidebody {
 padding: 0 0 0 16px;
 background: url(//img02.hamazo.tv/usr/ippoweblog/ico_category.gif) no-repeat left 0.3em;
 }

/* プロフィール */

#side .photo a img {
 width: 160px;
 }

#side .photo,
#side .nickname {
 text-align: center;
 }

/* カレンダー */

#side .calendartable {
 margin: 4px 0 0 0;
 border: 1px solid #cccccc;
 }

#side .calendartable th,
#side .calendartable td {
 text-align: center;
 border: 1px solid #cccccc;
 }

#side .calendartable th.sun,
#side .calendartable td.sun {
 color: #ff0000;
 }

#side .calendartable th.sat,
#side .calendartable td.sat {
 color: #0000ff;
 }

#side .calendartable td.today {
 font-weight: bold;
 background-color: #c0c0c0;
 }

/* Twitter */

#side #twitter ul {
 margin: 0 0 0 0;
 }

#side #twitter ul li {
 padding: 0 0 0 12px;
 list-style: none;
 background: url(//img01.hamazo.tv/usr/shigex/listmark.gif) no-repeat scroll left 0.34em;
 }

#side #twitter p {
 margin: 8px 0 0 0;
 text-align: right;
 }

トップページ

<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title><%BlogTitle%></title>
<meta name="Description" content="<%BlogDescription%>" />
<meta name="keywords" content="<%BlogTitle%>,<%BlogTag%>" />
<link rel="stylesheet" type="text/css" href="<%CSSUrl%>" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" />
<link rel="contents" href="<%SiteMapUrl%>" />
<link rel="shortcut icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<script type="text/javascript">
function small(){document.getElementById('wrapper').style.fontSize="75%";}
function middle(){document.getElementById('wrapper').style.fontSize="100%";}
function large(){document.getElementById('wrapper').style.fontSize="125%";}
</script>
</head>
<body>
<div id="wrapper">
  <div id="container">
    <div id="header">
      <div id="siteid">
        <h1><a href="<%BlogUrl%>"><%BlogTitle%></a></h1>
        <p><%BlogDescription%></p>
      </div>
      <!-- end_#sideid -->
      <div id="extend">
        <form action="#">
          <p class="fontsize">文字サイズ：
            <input type="submit" value="小" onclick="small();return false;" onkeypress="small();" />
            <input type="submit" value="中" onclick="middle();return false;" onkeypress="middle();" />
            <input type="submit" value="大" onclick="large();return false;" onkeypress="large();" />
          </p>
        </form>
      </div>
      <!-- end_#extend -->
    </div>
    <!-- end_#header -->
    <div id="globalnavi">
      <ul>
        <li class="act"><a href="<%BlogUrl%>">ホーム</a></li>
        <li><a href="<%BlogUrl%>sitemap.html">サイトマップ</a></li>
        <li><a href="<%BlogUrl%>tag">タグクラウド</a></li>
        <li><a href="<%BlogUrl%>album.html">アルバム</a></li>
        <li><a href="<%BlogUrl%>map.html">マップ</a></li>
      </ul>
    </div>
    <!-- end_#globalnavi -->
    <div id="bdpn">
      <ol class="bread"><li class="bdtp"> </li></ol>
      <p class="pene"> </p>
    </div>
    <!-- end_#bdpn -->
    <div id="contents">
      <div id="main"><div style="margin:0 0 40px 0;"></div>
        <IndexEntrysLoop>
          <%TrackBackAutoDiscovery%>
          <IfDateChanged><h2 name="<%EntryId%>" class="entrytitle"><a href="<%EntryPermalink%>" title="<%EntryTitle%>" rel="bookmark"><%EntryTitle%></a></h2></IfDateChanged>
          <div class="entrybox">
            <p class="postdate"><%EntryDate%></p>
            <div class="entry"><%EntryBody%></div>
            <div class="emore"><IfEntryBodyMore><a href="<%EntryPermalink%>#more">続きを読む</a></IfEntryBodyMore></div>
            <p class="postmeta"><span class="pnic" title="投稿"><%EntryAuthor%> at <%EntryTime%></span> <IfEntryAllowComment> | <a href="<%EntryPermalink%>#comments" class="cmic" title="コメント">(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing> | <a href="<%EntryPermalink%>#trackback" class="tbic" title="トラックバック">(<%EntryPingCount%>)</a></IfEntryAllowPing><IfEntryCategory> | <a href="<%EntryCategoryUrl%>" class="cgic" title="カテゴリー"><%EntryCategory%></a></IfEntryCategory></p>
          </div>
          <!-- end_.entrybox -->
        </IndexEntrysLoop>
        <p class="ppnp"><IfPrevPage>« <a href="<%PrevPage%>">前のページ</a></IfPrevPage><IfNextPage> <a href="<%NextPage%>">次のページ</a> »</IfNextPage></p>
        <p class="totop"><a href="#container">このページの上へ</a></p>
      </div>
      <!-- end_#main -->
      <div id="side">
        <div id="links2"><%PluginListRight%></div>
        <div id="links"><%PluginListLeft%></div>
      </div>
      <!-- end_#side -->
    </div>
    <!-- end_#contents -->
    <div id="footer">
      <address>Copyright © <%Year%> <strong><%BlogTitle%></strong>. All Rights Reserved.</address>
      <p>Powered by <a href="http://www.hamazo.tv/">Hamazo</a>. Designed by <a href="https://shigexworks.hamazo.tv/">shigex</a>.</p>
    </div>
    <!-- end_#footer -->
  </div>
  <!-- end_#container -->
</div>
<!-- end_#wrapper -->
</body>
</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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title><%EntryTitle%> | <%BlogTitle%></title>
<meta name="Description" content="<%EntryTitle%><%EntryExcerpt%> | <%BlogDescription%>" />
<meta name="keywords" content="<%BlogTitle%>,<%EntryTitle%>,<%BlogTag%>" />
<link rel="stylesheet" type="text/css" href="<%CSSUrl%>" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" />
<link rel="contents" href="<%SiteMapUrl%>" />
<link rel="shortcut icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<script type="text/javascript">
function small(){document.getElementById('wrapper').style.fontSize="75%";}
function middle(){document.getElementById('wrapper').style.fontSize="100%";}
function large(){document.getElementById('wrapper').style.fontSize="125%";}
</script>
</head>
<body>
<div id="wrapper">
  <div id="container">
    <div id="header">
      <div id="siteid">
        <h1><a href="<%BlogUrl%>"><%BlogTitle%></a></h1>
        <p><%BlogDescription%></p>
      </div>
      <!-- end_#sideid -->
      <div id="extend">
        <form action="#">
          <p class="fontsize">文字サイズ：
            <input type="submit" value="小" onclick="small();return false;" onkeypress="small();" />
            <input type="submit" value="中" onclick="middle();return false;" onkeypress="middle();" />
            <input type="submit" value="大" onclick="large();return false;" onkeypress="large();" />
          </p>
        </form>
      </div>
      <!-- end_#extend -->
    </div>
    <!-- end_#header -->
    <div id="globalnavi">
      <ul>
        <li><a href="<%BlogUrl%>">ホーム</a></li>
        <li><a href="<%BlogUrl%>sitemap.html">サイトマップ</a></li>
        <li><a href="<%BlogUrl%>tag">タグクラウド</a></li>
        <li><a href="<%BlogUrl%>album.html">アルバム</a></li>
        <li><a href="<%BlogUrl%>map.html">マップ</a></li>
      </ul>
    </div>
    <!-- end_#globalnavi -->
    <div id="bdpn">
      <ol class="bread"><li class="bnhm"><a href="<%BlogUrl%>">ホーム</a></li><IfEntryCategory><li><a href="<%EntryCategoryUrl%>"><%EntryCategory%></a></li></IfEntryCategory><li><%EntryTitle%></li></ol>
      <p class="pene"><IfNextEntry>« <a href="<%NextEntry%>">次の記事</a>  </IfNextEntry><IfPrevEntry><a href="<%PrevEntry%>">前の記事</a> »</IfPrevEntry></p>
    </div>
    <!-- end_#bdpn -->
    <div id="contents">
      <div id="main"><div style="margin:0 0 40px 0;"></div>
        <%TrackBackAutoDiscovery%>
        <h2 class="entrytitle"><%EntryTitle%></h2>
        <div class="entrybox">
          <p class="postdate"><%EntryDate%></p>
          <div class="entry"><%EntryBody%></div>
          <div id="more" class="entry"><%EntryBodyMore%></div>
          <p class="postmeta"><span class="pnic" title="投稿"><%EntryAuthor%> at <%EntryTime%></span> <IfEntryAllowComment> | <a href="#comments" class="cmic" title="コメント">(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing> | <a href="#trackback" class="tbic" title="トラックバック">(<%EntryPingCount%>)</a></IfEntryAllowPing><IfEntryCategory> | <a href="<%EntryCategoryUrl%>" class="cgic" title="カテゴリー"><%EntryCategory%></a></IfEntryCategory></p>
          <IfEntryAllowPing><a name="trackback"></a>
            <h2 class="tbcmtitle">トラックバックURL</h2>
            <p class="trackbackurl aligncenter"><input onFocus="this.select()" readonly="readonly" value="<%EntryTrackBackUrl%>" size="60" /></p>
          </IfEntryAllowPing>
          <IfEntryPingCount>
            <h2 class="tbcmtitle">トラックバック</h2>
            <TrackBacksLoop>
              <h3><a href="<%PingBlogUrl%>"><%PingTitle%></a></h3>
              <div class="pingexcerpt"><%PingExcerpt%></div>
              <p class="postmeta"><span class="tbic" title="トラックバック"><%PingBlogName%> at <%PingDateTime%></span></p>
            </TrackBacksLoop>
          </IfEntryPingCount>
          <IfEntryCommentCount><a name="comments"></a>
            <h2 class="tbcmtitle">コメント</h2>
            <CommentsLoop>
              <div class="commentbody"><%CommentBody%></div>
              <p class="cmpostmeta"><span class="pnic" title="コメント投稿"><IfCommentUrl><a href="<%CommentUrl%>"><%CommentAuthor%></a><ElseIfCommentEmail><%CommentAuthor%><Else><%CommentAuthor%></IfCommentUrl> at <%CommentDateTime%></span></p>
            </CommentsLoop>
          </IfEntryCommentCount>
          <IfEntryAllowComment><a name="comments"></a>
            <h2 class="tbcmtitle">コメント投稿</h2>
            <form action="<%EntryCommentUrl%>" method="post" enctype="multipart/form-data">
              <table class="commentform">
                <tr>
                  <th><label for="author">名前：</label></th>
                  <td><input id="author" name="author" value="<%CookieAuthor%>" /></td>
                </tr>
                <tr>
                  <th><label for="email">メール：</label></th>
                  <td><input id="email" name="email" value="<%CookieEmail%>" /></td>
                </tr>
                <tr>
                  <th><label for="url">URL：</label></th>
                  <td><input id="url" name="url" value="<%CookieUrl%>" /></td>
                </tr>
                <tr>
                  <th><label for="bake">情報を記憶：</label></th>
                  <td><input id="bake" type="checkbox" name="cookie" <%CookieCookie%> /></td>
                </tr>
                <tr>
                  <th><label for="text">コメント：</label></th>
                  <td><textarea id="text" name="body" rows="10" cols="30"><%CommentArea%></textarea></td>
                </tr>
                <tr>
                  <th> </th>
                  <td><input name="insert" type="submit" value="書込" /></td>
                </tr>
              </table>
            </form>
          </IfEntryAllowComment>
        </div>
        <!-- end_.entrybox -->
        <p class="totop"><a href="#container">このページの上へ</a></p>
      </div>
      <!-- end_#main -->
      <div id="side">
        <div id="links2"><%PluginListRight%></div>
        <div id="links"><%PluginListLeft%></div>
      </div>
      <!-- end_#side -->
    </div>
    <!-- end_#contents -->
    <div id="footer">
      <address>Copyright © <%Year%> <strong><%BlogTitle%></strong>. All Rights Reserved.</address>
      <p>Powered by <a href="http://www.hamazo.tv/">Hamazo</a>. Designed by <a href="https://shigexworks.hamazo.tv/">shigex</a>.</p>
    </div>
    <!-- end_#footer -->
  </div>
  <!-- end_#container -->
</div>
<!-- end_#wrapper -->
</body>
</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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title><%CategoryName%> | <%BlogTitle%></title>
<meta name="Description" content="<%CategoryName%> | <%BlogDescription%>" />
<meta name="keywords" content="<%BlogTitle%>,<%CategoryName%>,<%BlogTag%>" />
<link rel="stylesheet" type="text/css" href="<%CSSUrl%>" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" />
<link rel="contents" href="<%SiteMapUrl%>" />
<link rel="shortcut icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://www.hamazo.tv/favicon.ico" type="image/vnd.microsoft.icon" />
<script type="text/javascript">
function small(){document.getElementById('wrapper').style.fontSize="75%";}
function middle(){document.getElementById('wrapper').style.fontSize="100%";}
function large(){document.getElementById('wrapper').style.fontSize="125%";}
</script>
</head>
<body>
<div id="wrapper">
  <div id="container">
    <div id="header">
      <div id="siteid">
        <h1><a href="<%BlogUrl%>"><%BlogTitle%></a></h1>
        <p><%BlogDescription%></p>
      </div>
      <!-- end_#sideid -->
      <div id="extend">
        <form action="#">
          <p class="fontsize">文字サイズ：
            <input type="submit" value="小" onclick="small();return false;" onkeypress="small();" />
            <input type="submit" value="中" onclick="middle();return false;" onkeypress="middle();" />
            <input type="submit" value="大" onclick="large();return false;" onkeypress="large();" />
          </p>
        </form>
      </div>
      <!-- end_#extend -->
    </div>
    <!-- end_#header -->
    <div id="globalnavi">
      <ul>
        <li><a href="<%BlogUrl%>">ホーム</a></li>
        <li><a href="<%BlogUrl%>sitemap.html">サイトマップ</a></li>
        <li><a href="<%BlogUrl%>tag">タグクラウド</a></li>
        <li><a href="<%BlogUrl%>album.html">アルバム</a></li>
        <li><a href="<%BlogUrl%>map.html">マップ</a></li>
      </ul>
    </div>
    <!-- end_#globalnavi -->
    <div id="bdpn">
      <ol class="bread"><li class="bnhm"><a href="<%BlogUrl%>">ホーム</a></li><li><%CategoryName%></li></ol>
      <p class="pene"> </p>
    </div>
    <!-- end_#bdpn -->
    <div id="contents">
      <div id="main"><div style="margin:0 0 40px 0;"></div>
        <EntrysLoop>
          <%TrackBackAutoDiscovery%>
          <IfDateChanged><h2 name="<%EntryId%>" class="entrytitle"><a href="<%EntryPermalink%>" title="<%EntryTitle%>" rel="bookmark"><%EntryTitle%></a></h2></IfDateChanged>
          <div class="entrybox">
            <p class="postdate"><a id="<%EntryDateTag%>"><%EntryDate%></a></p>
            <div class="entry"><%EntryBody%></div>
            <div class="emore"><IfEntryBodyMore><a href="<%EntryPermalink%>#more">続きを読む</a></IfEntryBodyMore></div>
            <p class="postmeta"><span class="pnic" title="投稿"><%EntryAuthor%> at <%EntryTime%></span> <IfEntryAllowComment> | <a href="<%EntryPermalink%>#comments" class="cmic" title="コメント">(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing> | <a href="<%EntryPermalink%>#trackback" class="tbic" title="トラックバック">(<%EntryPingCount%>)</a></IfEntryAllowPing><IfEntryCategory> | <a href="<%EntryCategoryUrl%>" class="cgic" title="カテゴリー"><%EntryCategory%></a></IfEntryCategory></p>
          </div>
          <!-- end_.entrybox -->
        </EntrysLoop>
        <p class="ppnp"><IfPrevPage>« <a href="<%PrevPage%>">前のページ</a></IfPrevPage><IfNextPage> <a href="<%NextPage%>">次のページ</a> »</IfNextPage></p>
        <p class="totop"><a href="#container">このページの上へ</a></p>
      </div>
      <!-- end_#main -->
      <div id="side">
        <div id="links2"><%PluginListRight%></div>
        <div id="links"><%PluginListLeft%></div>
      </div>
      <!-- end_#side -->
    </div>
    <!-- end_#contents -->
    <div id="footer">
      <address>Copyright © <%Year%> <strong><%BlogTitle%></strong>. All Rights Reserved.</address>
      <p>Powered by <a href="http://www.hamazo.tv/">Hamazo</a>. Designed by <a href="https://shigexworks.hamazo.tv/">shigex</a>.</p>
    </div>
    <!-- end_#footer -->
  </div>
  <!-- end_#container -->
</div>
<!-- end_#wrapper -->
</body>
</html>

注意事項

広告表示位置について

メイン（記事部）の広告表示位置は、下記の通り設定することをお勧めします。下記の通り設定しなくても、特に問題はありません。（広告表示位置設定は、【管理画面】－【広告表示設定】から行います。）

表示位置設定（トップページ・月別ページ・カテゴリーページ）
  • 【1記事目の下】を選択。
表示位置設定（個別記事・サイトマップ・マイマップ・タグ一覧）
  • 【追記の下】を選択。

関連記事



タグ ：2カラムテンプレート空雲

同じカテゴリー（ブログテンプレート）の記事
テンプレート 2カラム(メイン左・サイド右) 地球
テンプレート 2カラム(メイン左・サイド右) 地球(2010-09-24 14:20)

テンプレート 2カラム(メイン左・サイド右) グリーン
テンプレート 2カラム(メイン左・サイド右) グリーン(2010-05-01 15:04)

テンプレート 2カラム(メイン左・サイド右) ブルー
テンプレート 2カラム(メイン左・サイド右) ブルー(2010-04-30 14:10)

テンプレート 2カラム(メイン左・サイド右) グレー
テンプレート 2カラム(メイン左・サイド右) グレー(2009-10-26 15:30)

shigex at 15:24  | (1) | ブログテンプレート

コメント

Did you know that your website hamazo.tv may not be reach its full potential? With our advanced AI traffic system, you might be able to gain access to thousands of additional visitors each day.

We’re offering a no-obligation trial of 4,000 visitors to demonstrate what’s possible. Once you see the difference, our scalable options offer up to 350K visitors monthly. Let us help you turn missed opportunities into meaningful traffic growth. Get more information here: http://lxq.pl/y3H8F

Jorge Dey at 2025年02月03日 14:07

コメント投稿

 
＜ご注意＞
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

このページの上へ

関連商品

Twitter

follow me

follow me

  • shigexのつぶやき…
プロフィール
shigex
shigex
静岡県浜松市在住の車椅子ユーザーです。自由にリンクしてください。（詳細）
メッセージを送る

ブログパーツ

あわせて読みたいブログパーツ
SEO Stats powered by SEO-Stats.com

関連商品

削除
テンプレート 2カラム(メイン左・サイド右) 空雲
    アイコン（絵文字）の挿入 スタンプ（絵文字）の挿入
    コメント(1)