TOP

HTMLソース

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

 

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

 

スタイルシート記述..その2へ進んでください...

 

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

 

 


 

HTMLソースから...

 

当サイトのアドセンスコード、画像コードは外しております...

 

トップTP html

 

<$ 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 %>

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--backtotop-->
<script type="text/javascript">
$(function() {
var topBtn = $('.backtotop');
topBtn.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
});
</script>

 

 

 

<script type="text/javascript">
$(function(){
$('a[href^=#]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
</script>
<!--popup-->
<script type="text/javascript">
$(function() {
$('a.popup').click(function(event){

 

event.preventDefault();
window.open(this.href,'_blank');
return false;
});
});
</script>
<!--tooltip-->
<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 type="text/javascript">
$(function() {
var nav = $('.nav');
//表示位置
var navTop = nav.offset().top+300;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

<script type="text/javascript">
$(function() {
var nav = $('.navx');
//表示位置
var navTop = nav.offset().top+180;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

 

</head>

 

<body3>
<div class="backtotop"><a href="#top">TOP</a></div><!-- ★トップ戻りボタン★ -->
<div id="wrapper">

 

 

<div class="nav"><!-- ★gナビ★ -->
<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> ailibrarys</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">MENUタイトル書き換え</a>
<ul>
<li><a href="<% pageDepth %>">トップページ</a></li>
</ul>
</li>
<li><a href="#">運営サイト タイトル書き換え</a>
<ul>
<li><a href="http://ailibrary-jp.org/">リンク書き換え</a></li>
<li><a href="http://www.affiliateno1.com/">リンク書き換え</a></li>
<li><a href="http://www.affiliateno1.com/sirius.customize/">リンク書き換え</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="http://ailibrary.jp/">リンク書き換え</a></li>
<li><a href="http://ailibrary.jp/blog/">リンク書き換え</a></li>
</ul>
</li>
<li><a href="#">タイトル書き換え</a>
<ul>

 

<li><a href="http://benaizawa.hatenablog.com/">リンク書き換え</a></li>
<li><a href="http://benaizawa.hatenablog.com/">リンク書き換え</a></li>
<li><a href="http://ameblo.jp/venaizawa/">リンク書き換え</a></li>

 

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></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> 書き換え</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">MENUタイトル書き換え</a>
<ul>
<li><a href="<% pageDepth %>">トップページ</a></li>
</ul>
</li>
<li><a href="#">タイトル書き換え</a>
<ul>
<li><a href="http://ailibrary-jp.org/">リンク書き換え</a></li>
<li><a href="http://www.affiliateno1.com/">リンク書き換え</a></li>
<li><a href="http://www.affiliateno1.com/sirius.customize/">リンク書き換え</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="http://ailibrary.jp/">リンク書き換え</a></li>
<li><a href="http://ailibrary.jp/blog/">リンク書き換え</a></li>
</ul>
</li>
<li><a href="#">タイトル書き換え</a>
<ul>

 

<li><a href="http://benaizawa.hatenablog.com/">リンク書き換え</a></li>
<li><a href="http://benaizawa.hatenablog.com/">リンク書き換え</a></li>
<li><a href="http://ameblo.jp/venaizawa/">リンク書き換え</a></li>

 

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></div>

 

<!-- ★gナビここまで★ -->

 

<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>

 

<!-- ★スマートフォンgナビ★ -->
<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>
<div> <li><a href="http://ailibrarys.org/drupal/"> リンクテキスト書き換えl</a></li></div>
<div><li><a href="http://joomla-ja.org/"> リンクテキスト書き換え</a></li></div>
<div><li><a href="http://ailibrary-jp.org/"> リンクテキスト書き換え</a></li></div>
<div><li><a href="http://www.affiliateno1.com/"> リンクテキスト書き換え</a></li></div>
<div><li><a href="http://www.affiliateno1.com/sirius.customize/"> リンクテキスト書き換え</a></li></div>
</div>
</div>
</div>
<!-- ★スマートフォンgナビ★ -->

 

<div id="top">

 

<h1 id="logo"><a href="<% pageDepth %>"><% logoImage | ifEmpty({%h1text%}) | str_replace(alt="",alt="{%h1text%}") | oneline %></a></h1>

 

</div>

 

<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/header.jpg" />
<div id="headertxt">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %>
</div>
</div>
</div>
</div>

 

<div id="column2">

 

<div id="contents3">

 

<div id="layoutbox3">

 

<div id="main3">
<div class="marqueeRightLeft"><p>記事上 流れる文字列 書き換え</p></div>
<!-- ★コンテンツここから★ -->
<% freeSpace1 %>

 

<!-- ★記事上部のアドセンスコード★ -->
入れるもの無ければ未記載でOK

 

 

<!-- ★記事上部のアドセンスコードここまで★ -->
<% textTitle1 %>
<% textBody1 %>

 

<% textTitle2 %>
<% textBody2 %>
<% textTitle3 %>
<% textBody3 %>
<% textTitle4 %>
<% textBody4 %>
<% textTitle5 %>
<% textBody5 %>
<% textTitle6 %>
<% textBody6 %>
<% textTitle7 %>
<% textBody7 %>
<% textTitle8 %>
<% textBody8 %>
<% textTitle9 %>
<% textBody9 %>
<% textTitle10 %>
<% textBody10 %>
<% freeSpace2 %>
<!-- ★コンテンツここまで★ -->
<% if:siteMode(normal) %>
<!-- ★更新履歴ここから★ -->
<% whatsNew | tag_put(<div class="title"><span>更新履歴</span></div>) | tag_insert(div id="whatsnew") %>
<!-- ★更新履歴ここまで★ -->
<% else %>
<!-- ★ブログモードここから★ -->
<h2>更新履歴</h2>
<% AQNewEntries(10) %>

 

<div class="blog">
<div class="nmlbox">

 

<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") %></div><% pageThumbnail | tag_insert(div class="thumb") %>
<div class="body"><% pageBody | tag_strip | str_replace(&nbsp;,) | 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/woman-1320810_1920ww.jpg"style="width:100%;" alt="" /><!-- ★サイドバー一番上の画像★ -->
<% freeSpace3 %>
<!-- ★サイドバー上から2個目のアドセンス広告★ -->

 

<h4>スポンサー広告</h4>
おくもの無ければ未記載でOK

 

<!-- ★サイドバー上から2個目のアドセンス広告ここまで★ -->

 

 

 

 

<% 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 %>
<!-- ★3つ目、追加した3カラム目の一番下のアドセンスはここ★ -->

 

<div class="ample-box-51">
<center>
ここに置くもの無ければ削除か、何か適当に入れてください

 

 

</center>
</div>
<!-- ★3つ目、追加した3カラム目の一番下のアドセンスはここまで★ -->
<% 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_tate1" style="width:45.875%;padding:5px;">
<!-- ★▽左列ここから▽★ -->
     <img src="<% pageDepth %>img/241558.jpg" style="width:100px;" alt="" /><br />
<br />
     サイト運営 アイライブラリー..........................書き換えてください...................<br />
<br />
<!-- ★△左列ここまで△★ -->
</div>
<div class="layout_tate2" style="width:45.875%;padding:5px;">
<!-- ★▽右列ここから.書き換えてください▽★ -->
<br />
お仕事 いろいろ...<br />
フッター縦ワイド拡張DEMO
シリウスでも簡単にできるワイド化ですが、解説はこちら<a href="<% pageDepth %>responsive8/file58.html">フッターをワードプレスみたいに
ワイド化してみよう</a><br />
<!-- ★△右列ここまで△★ -->
</div>
<br clear="all" />

 

</div>

 

 

<div class="inner">
<% footerMenu | tag_insert(div id="footlinkbox") %>
<% searchTag | str_replace(<!-- ★comment★ -->,) | 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>

 

 

トップHTMLここまで

 


 

カテゴリーHTML

 

 

<$ 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 %>
<% mobileLinkDiscovery %>

 

 

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--backtotop-->
<script type="text/javascript">
$(function() {
var topBtn = $('.backtotop');
topBtn.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
});
</script>

 

 

 

<script type="text/javascript">
$(function(){
$('a[href^=#]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
</script>
<!--popup-->
<script type="text/javascript">
$(function() {
$('a.popup').click(function(event){

 

event.preventDefault();
window.open(this.href,'_blank');
return false;
});
});
</script>
<!--tooltip-->
<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 type="text/javascript">
$(function() {
var nav = $('.nav');
//表示位置
var navTop = nav.offset().top+300;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

 

<script type="text/javascript">
$(function() {
var nav = $('.navx');
//表示位置
var navTop = nav.offset().top+180;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

</head>
<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> 書き換えてください</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="<% pageDepth %>">リンクTXトップページ</a></li>
</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="https://www.affiliateno1.com/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト装飾</a>
<ul>
<li><a href="https://www.affiliateno1.com/designer/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></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> 書き換えてください</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="<% pageDepth %>">リンクTX書き換えてください</a></li>
</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="https://www.affiliateno1.com/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換えてください</a>
<ul>
<li><a href="https://www.affiliateno1.com/designer/">リンクTX書き換えてください</a></li>

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></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/">書き換えてください</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/">書き換えてください</a>
</div>
</div>
</div>
<!-- ★スマートフォン用ナビここまで★ -->
<div id="top">
<h1 id="logo"><a href="<% pageDepth %>"><% logoImage | ifEmpty({%h1text%}) | str_replace(alt="",alt="{%h1text%}") | oneline %></a></h1>
</div>

 

 

<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/header2.jpg" alt="<% pageTitle %>" />
<div id="headertxt">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %>
</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(&nbsp;,) | 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="blog">
<div class="nmlbox">

 

<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(&nbsp;,) | oneline | shorten(120,true) %><div class="more"><a href="<% permaLink %>">≫この記事の続きを読む</a></div></div>
</div>
</div>
</div>
<% /AQNewEntries %>

 

<!-- ★ブログモードここまで★ -->
<% /if %>
</div>

 

 

 

 

<div id="menu">

 

<!-- ★サイドバー画像ここから★ -->
<img src="<% pageDepth %>img/241558.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") %>
<% siteNewEntry | tag_replace(h4,div class="title") | tag_insert_inner(div class="title",span) %>
<% freeSpace4 %>

 

 

</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 />
<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="<% pageDepth %>responsive8/file58.html">解説はこちら</div>
<!-- ★△右列ここまで△★ -->
<br />
<br />

 

</div>
<br clear="all" />
</div>

 

 

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

 

 

カテゴリーhTML ここまで

 


 

エントリーHTMl

 

<$ 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 %>
<% mobileLinkDiscovery %>

 

 

 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--backtotop-->
<script type="text/javascript">
$(function() {
var topBtn = $('.backtotop');
topBtn.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
});
</script>

 

 

 

<script type="text/javascript">
$(function(){
$('a[href^=#]').click(function(){
var speed = 500;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
</script>
<!--popup-->
<script type="text/javascript">
$(function() {
$('a.popup').click(function(event){

 

event.preventDefault();
window.open(this.href,'_blank');
return false;
});
});
</script>
<!--tooltip-->
<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 type="text/javascript">
$(function() {
var nav = $('.nav');
//表示位置
var navTop = nav.offset().top+300;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

 

<script type="text/javascript">
$(function() {
var nav = $('.navx');
//表示位置
var navTop = nav.offset().top+180;
//ナビゲーションの高さ(シャドウの分だけ足してます)
var navHeight = nav.height()+10;
var showFlag = false;
nav.css('top', -navHeight+'px');
//ナビゲーションの位置まできたら表示
$(window).scroll(function () {
var winTop = $(this).scrollTop();
if (winTop >= navTop) {
if (showFlag == false) {
showFlag = true;
nav
.addClass('fixed')
.stop().animate({'top' : '0px'}, 200);
}
} else if (winTop <= navTop) {
if (showFlag) {
showFlag = false;
nav.stop().animate({'top' : -navHeight+'px'}, 200, function(){
nav.removeClass('fixed');
});
}
}
});
});

 

</script>

 

</head>

 

<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> 書き換えてください</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="<% pageDepth %>">リンクTX書き換える</a></li>
</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/designer/">リンクTX書き換える</a></li>

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></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> 書き換える</div></span></strong></span></div>
<div id="normalnavvvi" class="dropcc">

 

<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="<% pageDepth %>">リンクTX書き換える</a></li>
</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/シリウスカスタマイズサポートフォーラム/シリウスカスタマイズサポートフォーラム一覧/">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="<% pageDepth %>sitemap.html">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/">リンクTX書き換える</a></li>

 

</ul>
</li>
<li><a href="#">メニューテキスト書き換える</a>
<ul>
<li><a href="https://www.affiliateno1.com/designer/">リンクTX書き換える</a></li>

 

</ul>
</li>
</div>
</div>
<!-- /#nav --></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/">リンクTX書き換える</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/designer/">リンクTX書き換える</a>
<hr style="border-bottom:solid 1px #FFF" border="0" />
<a href="https://www.affiliateno1.com/animation-demo/">リンクTX書き換える</a>
</div>
</div>
</div>
<!-- ★スマートフォンナビここまで★ -->
<div id="top">
<h1 id="logo"><a href="<% pageDepth %>"><% logoImage | ifEmpty({%h1text%}) | str_replace(alt="",alt="{%h1text%}") | oneline %></a></h1>
</div>

 

 

<div class="inner">
<div id="header">
<img src="<% pageDepth %>img/header2.jpg" alt="<% pageTitle %>" />
<div id="headertxt">
<% headerText | tag_insert(a href="<% pageDepth %>") | tag_insert(div class="title") %>
<% pageDescription | str_replace(id="headertext",class="desc") %>
</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 %>
<!-- ★コンテンツここまで★ -->
<% entryList_n | tag_replace(h2,h4) %>
</div>

 

 

<div id="menu">
<!-- ★サイドバー画像ここから★ -->
<img src="<% pageDepth %>img/pexels-photo-62463.jpg"style="width:100%;" alt="" />
<!-- ★サイドバー画像ここまで★ -->
<% freeSpace3 %>
<!-- ★広告ここから★ -->
<h4>スポンサー広告</h4>

 

 

<!-- ★広告ここまで★ -->
<hr style="border-bottom:solid 1px transparent" border="0" />
<% siteMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
<% subMenu | tag_replace(div class="menubox",div class="menubox menulist") %>
<% siteNewEntry | tag_replace(h4,div class="title") | tag_insert_inner(div class="title",span) %>
<% freeSpace4 %>

 

 

 

</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 />
<br />
<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="<% pageDepth %>responsive8/file58.html">解説はこちら</div>
<br />
<br />
<!-- ★△右列ここまで△★ -->
</div>
<br clear="all" />
</div>

 

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

 

ここまで...

 

 

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

 

3カラム特異指定..スタイルシート記述..その2
3カラムの設定..その3
当サイトレイアウト3カラムバージョンソース公開..

関連ページ

3カラム特異指定,,スタイルシート記述..その2
3カラムボックスレイアウトの最終設定解説です。
3カラム目のボックスを取り付けて、カスタマイズは終了します。
動的ヘッダーテキストの追加方法
当サイトご案内の改変レスポンシブテンプレートに 開いた時..スクロールオンでと2作動する動的ヘッダーテキストを追加するご案内です。
ヘッダ-h1、タイトルテキストの切り替えとフォントカラー変更
当サイトの配布テンプレートでは、ヘッダーテキストは、h1デフォルトですが、テキストも表示は可能で切り替えができます...又、フォントカラーはCSS指示となります...説明はサイトで......