トップTP3カラム組み込み済みHTMLソース..その1

HTMLソース

HTMLTPソースをトップ、カテゴリー、エントリーと分けていますので、各記載をコピーして
張り替えてください..

張り替えが終わりましたら、保存をしてスタイルシート張り替えに進んでください。

最終は以下ページです
3カラムの設定

<$ AllStrReplace(<h2>(.*?)</h2>,<h2><span>$1</span></h2>) $>
<$ AllStrReplace(<h3>(.*?)</h3>,<h3><span>$1</span></h3>) $>
<$ AllStrReplace(<h4>(.*?)</h4>,<h4><span>$1</span></h4>) $>
<% XMLdeclaration %>
<!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=<% publishCharset %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title><% pageTitle %></title>
<meta name="keywords" content="<% metaKeywords %>" />
<meta name="description" content="<% metaDescription %>" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="<% pageDepth %>js/config.js" type="text/javascript"></script>
<script src="<% pageDepth %>js/jquery.easing.1.3.js"></script>
<link rel="stylesheet" href="<% pageDepth %>styles.css" type="text/css" />
<link rel="stylesheet" href="<% pageDepth %>css/textstyles.css" type="text/css" />
<% pageStyles %>
<% headTag %>
<% rssFeedLink %>
<% googleSitemapTag %>
<% mobileLinkDiscovery %>

event.preventDefault();
window.open(this.href,'_blank');
return false;
});
});
</script>

<script type="text/javascript">
$(function() {
var tooltip = $('<p></p>').appendTo($('body')).css({opacity: 0}).hide();

$('ul#tooltip li').each(function() {
var element = $(this);
var text = element.attr('title');
element.attr('title','');

element.hover(function(e) {
tooltip.stop()
.text(text)
.addClass('arrow_box')
.css({
position : 'absolute',
left : e.pageX - 5,
top : e.pageY + 30
})
.show()
.animate({
opacity: 0.9
}, 1000);
},function() {
tooltip.stop()
.animate({

opacity: 0
}, 1000, function(){
tooltip.hide()
});
});

element.mousemove(function(e){
tooltip.css({
position : 'absolute',
left : e.pageX -5,
top : e.pageY + 30
});
});

});
});
</script>

</script>

</script>

</head>

<body3>

<div class="nav">
<div style="border:solid 1px #000000;background: rgba(0,51,102,0.5);;colo; padding:2px; border:1px solid #000000; border-radius:1px;:0px 1px 0px 0px;">
<div class="iccc"><span style="font-size:20px;"><strong><span style="color:#FF4EBE"><div> Sirius.customize</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

<li><a href="#">TOP</a>
<ul>
<li><a href="<% pageDepth %>">トップページ</a></li>
</ul>
</li>
<li><a href="#">質問</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">シリウスカスタマイズサポート</a></li>

</ul>
</li>
<li><a href="#">ご案内</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">サイトマップ</a></li>

</ul>
</li>
<li><a href="#">関連サイト</a>
<ul>
<li><a href="https://www.affiliateno1.com/">シリウスカスタマイズ | オンラインマニュアルLibrary</a></li>
<li><a href="https://www.affiliateno1.com/new.sirius.customize/">ニューテンプレートカスタマイズ</a></li>
<li><a href="https://www.affiliateno1.com/sirius_amp/">外部導入AMPソース公開</a></li>
<li><a href="https://www.affiliateno1.com/sirius_mobile_amp/">シリウスAMP切り替え</a></li>
</ul>
</li>
<li><a href="#">装飾</a>
<ul>
<li><a href="https://www.affiliateno1.com/designer/">シリウスサイトに取り付け可能なＣＳＳ装飾品？.まとめ</a></li>

</ul>
</li>
</div>
</div>
</div>
<div class="navx">
<hr style="border-bottom:solid 2px #9398FF" border="0" />
<div style="border:solid 1px #FF4EBE;background-color:#FF4E81;;colo; padding:2px; border:1px solid #FF4EBE; border-radius:1px;:0px 1px 0px 0px;">
<div class="iccc"><span style="font-size:20px;"><strong><span style="color:#FFFFFF"><div> Sirius.customize</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

<li><a href="#">TOP</a>
<ul>
<li><a href="<% pageDepth %>">トップページ</a></li>
</ul>
</li>
<li><a href="#">質問</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">シリウスカスタマイズサポート</a></li>

</ul>
</li>
<li><a href="#">ご案内</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">サイトマップ</a></li>

</ul>
</li>
</div>
</div>
</div>

<label class="nav-unshown" id="nav-close" for="nav-input"></label>
<div id="nav-content">

<hr style="border-bottom:solid 3px f#fff" border="0" />
<a href="<% pageDepth %>sitemap.html"><img src="<% pageDepth %>img/241558.jpg" style="width:70px;" alt="" />サイトマップ</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/">シリウスカスタマイズ | オンラインマニュアルLibrary</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/designer/">シリウスサイトに取り付け可能なＣＳＳ装飾品？.まとめ</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/animation-demo/">シリウスアニメーション取り付けDEMO例</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/sirius_amp/">AMPソース公開</a>
</div>
</div>
</div>

<div id="top">
<div id="logo">

<div class="anim1-3 ">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %></div>
</div>

<div class="inner">
<div id="header">

<img src="<% pageDepth %>img/beauty-1319951_1920.jpg" alt="" />
<div id="headertxt">
</div>
</div>
</div>
</div>
</div>

<div id="column2">
<div id="contents3">
<div id="layoutbox3">
<div id="main3">
<div class="Shadowfoto41"><div class="marqueeRightLeft"><p>流れる文字を記載ください</p></div></div>
<br />

<% freeSpace1 %>

<% textTitle1 %>
<% textBody1 %>

<div class="info"><% pagePublicDate | parseDatetime(yyyy/MM/dd HH:mm:dd) %> | <% parentPageList_all | tag_insert(span class="plist") %></div><% pageThumbnail | tag_insert(div class="thumb") %>
<div class="body"><% pageBody | tag_strip | str_replace( ,) | oneline | shorten(100,true) %><div class="more"><a href="<% permaLink %>">≫この記事の続きを読む</a></div></div>
</div>
</div>

<% /AQNewEntries %>

<% /if %>
</div>

<div id="menu">
<img src="<% pageDepth %>img/park-3112055_1920.jpg"style="width:100%;" alt="" />
<% freeSpace3 %>
<h4>右上見出し</h4>

<% siteMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
<% subMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
<% freeSpace4 %>
</div>

<div class="sample-box-1"> <span style="color:#FFFFFF"><span style="font-size:20px;">　　 information </span></span></div>

<% freeSpace5 %>
<div class="ample-box-51">
<center>

広告、画像など配置ください

</center>
</div>

<% freeSpace6 %>
<br class="clear" />

</div>

</div>
</div>
<div id="footer">
<div style="background-color:#000000;color:#FFFFFF;font-size:14px;padding:10px;">
<div class="layout_tatey2" style="width:48.25%;padding:1px;margin:2px;">

<div>　　　　　<img src="<% pageDepth %>img/241558.jpg" style="width:100px;" alt="" /></div>
<br />
<br />
<br />
<div>サイト運営　アイライブラリー............................................</div>

<br />

</div>
<div class="layout_tatey3" style="width:48.25%;padding:1px;margin:2px;">

<br />
<div>お仕事いろいろ...</div>
<div>フッター縦ワイド拡張DEMO</div>
<div>シリウスでも簡単にできるワイド化ですが、フッターを</div>
<div>ワードプレスみたいにワイド化してみよう</div>
<div><a href="https://www.affiliateno1.com/sirius.customize/responsive8/file58.html">解説はこちら</a></div>

<div class="inner">
<% footerMenu | tag_insert(div id="footlinkbox") %>
<% searchTag | str_replace(,) | str_replace(image,submit) | tag_insert(div id="searchbox") %>
<div id="footsub"><% PRLink %><% sitemapPageLink %></div>
</div>
<div class="copyright">Copyright (C) <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></div>
</div>
</div>
</body>
</html>

ここまで...

カテゴリー2カラムHTML

CLASS指定値とカテゴリーリストほどしか変更点ありませんが、わかりずらい
かもしれませんのでトップHTMLをカテゴリーに貼り付け、以下の箇所だけ張り替えてください...

ここから..
<body>
<div class="backtotop"><a href="#top">TOP</a></div>
<div id="wrapper">
<div class="nav">
<div style="border:solid 1px #000000;background: rgba(0,51,102,0.5);;colo; padding:2px; border:1px solid #000000; border-radius:1px;:0px 1px 0px 0px;">
<div class="iccc"><span style="font-size:20px;"><strong><span style="color:#FF4EBE"><div> Sirius.customize</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

<li><a href="#">TOP</a>
<ul>
<li><a href="<% pageDepth %>">トップページ</a></li>
</ul>
</li>
<li><a href="#">質問</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">シリウスカスタマイズサポート</a></li>

</ul>
</li>
<li><a href="#">ご案内</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">サイトマップ</a></li>

</ul>
</li>
</div>
</div>
</div>

<div class="navx">
<hr style="border-bottom:solid 2px #9398FF" border="0" />
<div style="border:solid 1px #FF4EBE;background-color:#FF4E81;;colo; padding:2px; border:1px solid #FF4EBE; border-radius:1px;:0px 1px 0px 0px;">
<div class="iccc"><span style="font-size:20px;"><strong><span style="color:#FFFFFF"><div> Sirius.customize</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

</ul>
</li>
<li><a href="#">ご案内</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">サイトマップ</a></li>

</ul>
</li>
</div>
</div>
</div>
<div id="headerbox">
<div id="nav-drawer">
<input id="nav-input" type="checkbox" class="nav-unshown">
<label id="nav-open" for="nav-input"><span></span></label>

<label class="nav-unshown" id="nav-close" for="nav-input"></label>
<div id="nav-content">
<hr style="border-bottom:solid 3px f#fff" border="0" />
<a href="<% pageDepth %>sitemap.html"><img src="<% pageDepth %>img/241558.jpg" style="width:70px;" alt="" />サイトマップ</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/">シリウスカスタマイズ | オンラインマニュアルLibrary</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/designer/">シリウスサイトに取り付け可能なＣＳＳ装飾品？.まとめ</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/animation-demo/">シリウスアニメーション取り付けDEMO例</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/sirius_amp/">AMPソース公開</a>
</div>
</div>
</div>

<div id="top">
<div id="logo">
<div class="anim1-3 ">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %></div>
</div>
<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/beauty-1319951_1920.jpg" alt="" />
<div id="headertxt">
</div>
</div>
</div>
</div>
<div id="column2">
<div id="contents">
<div id="layoutbox">
<div id="main">
<% pageNavigation %>

<% freeSpace1 %>

<% textTitle1 %>

<% textBody1 %>

<% textTitle2 %>
<% textBody2 %>
<% textTitle3 %>
<% textBody3 %>
<% textTitle4 %>
<% textBody4 %>
<% textTitle5 %>
<% textBody5 %>
<% textTitle6 %>
<% textBody6 %>
<% textTitle7 %>
<% textBody7 %>
<% textTitle8 %>
<% textBody8 %>
<% textTitle9 %>
<% textBody9 %>
<% textTitle10 %>
<% textBody10 %>
<% freeSpace2 %>

<% if:siteMode(normal) %>

<% categoryListTitle | tag_insert(h3) %>
<div id="categorylist">
<% AQEntries %>
<div class="catbox">
<% pageThumbnail | tag_insert(div class="thumb") %>
<div class="body">
<div class="title"><a href="<% permaLink %>"><% pageTitle %></a></div>
<% pageBody | tag_strip | str_replace( ,) | oneline | shorten(200,true) | tag_insert(p) %>
<div class="more"><a href="<% permaLink %>">続きを読む</a><br class="FloatEnd" /></div>
</div>
</div>
<% /AQEntries %>
</div>

<% else %>

<h3>更新履歴</h3>
<% AQNewEntries %>

<div class="title"><a href="<% permaLink %>"><% pageTitle %></a></div>
<div class="info"><% pagePublicDate | parseDatetime(yyyy/MM/dd HH:mm:dd) %> | <% parentPageList_all | tag_insert(span class="plist") %>
<% pageThumbnail | tag_insert(div class="thumb") %>
<div class="body"><% pageBody | tag_strip | str_replace( ,) | oneline | shorten(120,true) %><div class="more"><a href="<% permaLink %>">≫この記事の続きを読む</a></div></div>
</div>
</div>
</div>
<% /AQNewEntries %>

ここまで張替え...

エントリーHTML

こちらも一分の変更点だけですが、カテゴリーHTMLを張り付けて以下の位置から張り替えて
ください...

ここから...
<div id="column2">
<div id="contents">
<div id="layoutbox">
<div id="main">
<% pageNavigation %>

<% freeSpace1 %>

<% textTitle1 %>
<% textBody1 %>

<img src="<% pageDepth %>img/pexels-photo-62463.jpg"style="width:100%;" alt="" />
<% freeSpace3 %>
<h4>スポンサー広告</h4>

ここ迄...

HTMLはここで終わります...
次はスタイルシートの張替えです...
3カラム特異指定..スタイルシート記述..その2

トップTP3カラム組み込み済みHTMLソース..その1

3カラムの設定..その3
当サイトレイアウト3カラムバージョンソース公開..

HTMLソース

カテゴリー2カラムHTML

エントリーHTML

関連ページ

スポンサー広告

ＭＥＮＵ一覧

ＣＳＳ追加カスタマイズ

youtube関連

アドセンス

サポート