上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 シングルフェイス、人気がないのか、訴求が不味いのか…はともかく(汗)フォントサイズを訪問者好みにゆだねた、密かに凝りに凝ったテンプレートです。
 機能面が凝っている分、デザイン部分は簡略に仕上げています。
 こう言うテンプレートは、背景に画像を挿入したり、色を変えたりでオリジナリティが出しやすいテンプレートなので、HTMLやCSSが分かる方は、改造に挑戦してみてください。

 ちなみに、カスタマイズをしているウチにあまりにも良いデザインができすぎて、共有申請したくなった場合は「当サイトについて。」を確認ください。

当サイトテンプレをアレンジして共有申請する場合の注意

 このテンプレートでは、「jQuery」「jQuery cookie plugin」を、当サイト「スタンダード・デザインラボ」のファイルスペースから読み込んでいます。
 改造を重ね、共有申請する場合は、ご自身のブログスペースに「jQueryファイル」をアップロードし、そこから読み込む設定に変えてから、申請してください!!



注意事項


 このテンプレートは、デザイン部分にスクリプトを多用していますので、改造するときは、こまめにバックアップを取ることをお勧めします。
 特にスクリプト部分は、デバッグが非常に大変で、本人でさえもうコードを読みたくないようなシロモノなので、特に注意!

 また、スクリプトオン時、スクリプトオフ時、ともに共有のスタイルシートで、そのスタイルのまま、サイドバーやコメントフォームをウィンドウボタンにに折りたたむ仕組みです。

 スクリプトによって書き換えられる部分は、「本文横サイズ」「サイドバーフロート化」等です。
 ヘッダーサイズも多少変わるので、背景画像を設定する場合は、予め大きめの背景画像を用意してください。

 スクリプトをオンやオフにしながらページの状態を確認してみてください。
 スクリプトオフを確認する方法は、Firefoxであれば「ツール→オプション→コンテンツ→Javaスクリプトを有効にする」から。
 IEの場合は、「ツール→インターネットオプション→セキュリティ→レベルのカスタマイズ→スクリプト→アクティブスクリプト」から。



全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="<%template_language>" lang="<%template_language>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<%template_charset>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />


ページ情報(SEO上重要です)

<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />
<title><!--not_index_area--><%sub_title> | <!--/not_index_area--><%blog_name></title>

 ここがいわゆるヘッダー部のメインです。SEO上ページ情報は重要で、まだまだ細かく設定することも出来ます。ただし過剰に情報を詰め込むと逆効果の場合があります。
 安易なSEO対策ブログやその手のホームページには注意してください。
 特にグーグルエンジンはここ最近進化が著しいので、SEO対策に時間を割くより、ブログの内容を充実させる方がSEO効果が望めるのではないかと思います。


スタイルシート・RSS(FC2製公式テンプレートをそのまま引用)

<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />


リンクのページ振り分け(FC2製公式テンプレートをそのまま引用)

<link rel="top" href="<%url>" title="Top" />
<link rel="index" href="<%url>?all" title="<%template_index>" />
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="<%template_prevpage>" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="<%template_nextpage>" /><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->


 何となく気持ちが悪いので、そのまま残しています。どのテンプレ制作者もなんか消してないみたいで…ウチのテンプレートの場合は多分ページナビのリンク部分は消しても大丈夫じゃないかと思うのですが…




Javascript部分(jQuery使用)

<script type="text/javascript" src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/jquery.js"></script>
<script type="text/javascript" src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/jquery-plugin-cookie.js"></script>
<script type="text/javascript"><!--
var commentPage=0;
$(document).ready(function(){

// クッキー読み込み(フォントサイズ)
var mosF=($.cookie("sdlaboratory"));
if ((mosF>=40) && (mosF<=280)) {
var mosX=mosF-40;
$.cookie("sdlaboratory", mosF, { expires: 7 });
} else {
var mosX=115;
var mosF=115+40;
}
 クッキー読み込み部分です。訪問者がこのテンプレートでフォントサイズを調整したことがあるか判断し、クッキーの保存期限指定をリセットしています。
 赤字の「7」が、保存期間(7日)です。
 こちらはあくまで、前回訪問され、なおかつフォントサイズを設定した訪問者のクッキーの書き込みです。初めての来訪者のクッキーの書き込みは、ここではありません。他の数値はいじらない方が吉。クッキーを読み出して、フォントサイズの値を判断することで、初訪問かそうではないかを判断するための数値です。


// 初期HTML・スタイルシート構築
$(".plg_title").next().fadeOut(100);
$("#side").fadeOut(1000);
$("#jq_cmtb").fadeOut(1000);


 ページを開いたとき、ナビゲーションウィンドウがフェードアウトするスクリプト。赤字の数値で、フェードアウトスピードを調節できます。
 また、この構文はjQueryのもの。他にもエフェクトがいくつか用意されているので、興味がある方は「jQuery」で検索してみてください。


スクリプトで、スタイルシートを書き換え

 スクリプトがブラウザで働いている場合には、スクリプトが実行されるので、デフォルトの2カラムテンプレートのスタイルシートをここで書き換えます。
 スクリプトがオフの場合は、スクリプト部すべてが無視されるので、書き換えは行われず、そのままデフォルトのシンプル2カラムテンプレートのまま表示される仕組みです。


$(".more_link").after("<div class='jq_more_link'>Entry Open</div>");
赤字は追記ボタンの文言です。

$(".more_link").remove();

 デフォルトの「続きを読む」を削除


$("#main").css("font-size",(16*mosF*.01)+"px")記事・コメントなどのメインカラム
.css("width","100%");
$(".all_list_cate").css("font-size",(12*mosF*.01)+"px");全記事表示
$(".all_list_day").css("font-size",(12*mosF*.01)+"px");
$(".all_list_url").css("font-size",(16*mosF*.01)+"px");

赤字がフォントサイズの「基準値」です。値を小さくすることで、デフォルト時のフォントサイズの基準値を設定できます。
 「*.01」というのは、「x 0.01」と言う意味です。この数値を増減させることでも、フォントサイズの指定が出来ます。「mosF」の値は、訪問者がフォントサイズのスライダーを動かしたときに送られる数値。「40~280」の間で増減します。

※例えば、「mosF」の値が最小値、訪問者がスライダーをめいいっぱい左に寄せたときの値が「40」
 その場合は「16 x 40 x 0.01 = 6.4(px)」となります。

$("#side").before("<div id='menu_button'>Menu</div>");サイドバーボタン生成
$("#side_jq").css("position","fixed")サイドバーボタンCSS
.css("float","none")
.css("border-style","solid")
.css("border-width","1px")
.css("top","20px")
.css("right","20px");
if (commentPage==1) {もし記事詳細ページ(コメントページ)だったら
$("#jq_cmtb").before("<div id='jq_cmtb_button'>Comment form & Trackback URL</div>");コメントウィンドウボタン生成
$("#jq_cmtb_skin").css("position","fixed")コメントウィンドウボタンCSS
.css("border-style","solid")
.css("border-width","1px")
.css("top","5px")
.css("right","20px");
}
$("h1").css("font-size","23px")ブログタイトル文字サイズ
.css("padding-top","35px");
$("h2").css("font-size",(16*mosF*.01)+"px");記事カテゴリ文字サイズ
$("h3").css("font-size",(16*mosF*.01)+"px");記事タイトル文字サイズ
$(".sub_body").css("font-size",(16*mosF*.01)+"px");コメント文字サイズ
$(".sub_title").css("font-size","23px")各コメントタイトル文字サイズ
.css("font-weight","bold");
$("#footer").before("<div id='font_size'><div id='font_size_title'>Font Size</div><div id='font_size_body'><div id='font_size_board'><div id='font_size_bar'></div></div></div></div>");フォントサイズ調節バー生成
$("#font_size").css("position","fixed")フォントサイズ調節バーCSS
.css("z-index","1")
.css("width","298px")
.css("font-family","arial")
.css("font-size","14px")
.css("text-align","left")
.css("border-style","solid")
.css("border-width","1px")
.css("background-color","#ffffff")
.css("padding","1px 1px 1px 10px")
.css("top","65px")
.css("right","20px");
$("#font_size_title").css("color","#ffffff")
.css("padding","2px 20px")
.css("cursor","pointer")
.css("background-color","#555555");
$("#font_size_body").css("padding","10px")
.css("display","none");
$("#font_size_board").css("border-width","1px")
.css("border-style","solid")
.css("margin","0 auto")
.css("width","240px");
$("#font_size_bar").css("border-left-width","10px")
.css("border-right-style","solid")
.css("width",mosX+"px")
.css("height","30px");

// ウィンドウ操作
$(".plg_title").click(
function () {
$("#side_jq").css("z-index","3");
$("#jq_cmtb_skin").css("z-index","2");
$("div").filter(".side_body")
.slideUp("fast");
$(this).next().css("max-height",($(window).height())*.7+"px");
$(this).next().slideToggle("fast");
});

$("#menu_button").click(
function () {
$("#side").css("max-height",($(window).height())-80+"px");
$("#side_jq").css("z-index","3");
$("#jq_cmtb_skin").css("z-index","2");
$("#side").slideToggle("fast");
});

$(".jq_more_link").click(
function () {
$(this).next().slideToggle("fast");
});

$("#jq_cmtb_button").click(
function () {
$("#side_jq").css("z-index","2");
$("#jq_cmtb_skin").css("z-index","3");
$("#jq_cmtb").slideToggle("fast");
});

$("#font_size").click(
function () {
$("#font_size_body").slideToggle("fast");
});

$("#font_size_board").mousemove(
function(event){
var mosX=((event.pageX)-($("#font_size_board").offset().left));
if (mosX<0) {
var mosX=0;
} else if (mosX>280){
var mosX=240;
}
var mosF=mosX+40;
$("#font_size_bar").css("width",mosX+"px");
$(".sub_body").css("font-size",(16*mosF*.01)+"px");
$("#main").css("font-size",(16*mosF*.01)+"px");
$("h2").css("font-size",(16*mosF*.01)+"px");
$("h3").css("font-size",(16*mosF*.01)+"px");

フォントサイズを変えた場合は、この上の構文も修正する必要があります。


$.cookie("sdlaboratory", mosF, { expires: 7 });クッキー書き込み
});
});
//--></script>
</head>


<body>
<div id="conteinar">
<div id="header">
<h1><a href="<%url>" title="<%blog_name>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>


こちらがヘッダー部。デフォルトでブログタイトルと、ブログの要旨説明部分が表示されます。


<div id="main">
<div class="main_body">
<!--全記事表示-->
<!--titlelist_area-->
<div class="sub_title_category">Archive</div>
<div class="all">
<table class="all_list">
<!--titlelist-->
<tr><td class="all_list_cate">
<a href="<%titlelist_category_url>" title="<%template_view_category>"><%titlelist_category></a>
<td class="all_list_url">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
<td class="all_list_day">
<%titlelist_year>.<%titlelist_month>.<%titlelist_day>
<!--/titlelist-->
</table>
</div>
<!--/titlelist_area-->
<!--サーチエリア-->
<!--search_area-->
<div class="sub_title_category">Search</div>
<div class="sub_title_entry">search : <%sub_title></div>
<div class="search">
<div class="search_body">
<!--topentry-->
<div class="search_list">
<a href="<%topentry_link>"><%topentry_title></a>
<div class="search_dis">
<%topentry_discription>
</div>
</div>
<!--/topentry-->
</div>
</div>
<!--/search_area-->

<!--メインエリア-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧-->
<!--topentry-->
<div class="title_entry">
<h2><a href="<%topentry_category_link>"><%topentry_category></a></h2>
<h3><a href="<%topentry_link>"><%topentry_title></a></h3>
</div>
<div class="text_body">
<%topentry_body>追記を含まない記事が表示される部分
<!--more_link-->
<div class="more_link">
<a href="<%topentry_link>"><%template_extend></a>スクリプトオフ時の「続きを読む」
</div>

スクリプトオン時の特別な追記

<!--jquery 追記-->
<div id="jq_more">
<%topentry_more>スクリプトオン時の追記の表示部分
<!--topentry_tag-->スクリプトオン時の追記、記事固有タグ表示
<div class="next_entry_tag_title">TAG List</div>
<div class="next_entry_entry">
<!--tag_list-->
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>  
<!--/tag_list-->
</div>
<!--/topentry_tag-->

</div>
<!--/more_link-->

上の追記部分は、スクリプトオンの時のみに表示される部分です。
 スクリプトが使えない場合は、「display:none;」で見えなくなっているだけなので注意してください。
 ランキングボタンを全ページに配置する場合は、こちらと、以下の「スクリプトオフ時の追記部分」にも追加する必要があります。


スクリプトオフ時、固有記事ページ、コメント投稿ページ用追記

<!--追記-->スクリプトオフ時の追記表示部分
<!--more-->
<div id="more">
<%topentry_more>
<!--topentry_tag-->
<br clear="all"/><br />
<div class="next_entry_tag_title">TAG List</div>
<div class="next_entry_entry">
<!--tag_list-->
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>  
<!--/tag_list-->
</div>
<!--/topentry_tag-->
</div>
<!--/more-->

こちらまでが、スクリプトオフ時の追記部分。「記事固有ページ」「コメント投稿ページ」でのみ表示される区画で、「続きを読む」のリンクをクリックしないと見ることが出来ません。

</div><!--/text_body-->本文ここまで

本文下の日付やコメントへのリンク部分

<div class="text_footer">本文のフッター、日付表示
<div class="text_footer_item">
<%topentry_year>.<%topentry_month>.<%topentry_day>.
<span id="fc2months<%topentry_no>">

<script type="text/javascript"><!--曜日フルスペル表示スクリプト
momonthchi="<%topentry_youbi>";
if (momonthchi==="Mon") {remonth="Monday"
} else if (momonthchi=="Tue") {remonth="Tuesday"
} else if (momonthchi=="Wed") {remonth="Wednesday"
} else if (momonthchi=="Thu") {remonth="Thursday"
} else if (momonthchi=="Fry") {remonth="Friday"
} else if (momonthchi=="Sat") {remonth="Saturday"
} else if (momonthchi=="Sun") {remonth="Sunday"
}
document.getElementById("fc2months<%topentry_no>").innerHTML=remonth;
//--></script>
<noscript><%topentry_youbi></noscript></span>  


記事フッター日付部分の曜日表示。赤字を日本語に直しても使えます。好きな言葉も当てられます。


<!--allow_comment-->
<a href="<%topentry_link>#cm" title="">Comment. <%topentry_comment_num></a>
<!--/allow_comment-->
<!--allow_tb-->
<a href="<%topentry_link>#tb" title="">Trackback. <%topentry_tb_num></a>
<!--/allow_tb-->
</div>
<div class="text_footer_item_bottom">
<!--permanent_area-->

ブックマーク・RSSツールボタン設置部分

<div class="bookmarks">
<a href="<%url>?xml" target="_blank"title="RSSフィード"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/icon-white-rss.png" alt="RSSフィード" /></a>
<a href="http://www.google.com/ig/add?feedurl=<%url>?xml" target="_blank" title="iGoogleに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/icon-white-google.png" alt="iGoogleに追加" /></a>
<a href="http://add.my.yahoo.co.jp/rss?url=<%url>?xml" target="_blank" title="MyYahooに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/icon-white-yahoo.png" alt="MyYahooに追加" /></a>
<a href="http://twitter.com/home?status=<%topentry_enc_link>" target="_blank" title="ツイッターでこの記事のことをつぶやく"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/icon-white-twitter.png" alt="Twitter" /></a>
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank" title="はてなブックマークに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/icon-white-hatena.png" alt="はてなブックマークに追加" /></a>
</div>

<!--/permanent_area-->
</div>
</div><!--/text_footer-->

固有記事ページ、コメントページ用の次の記事、前の記事

<div class="text_footer_navi">
<!--permanent_area-->
<!--preventry-->
<div class="next_entry_title">NEXT Entry</div>
<div class="next_entry_entry">
<a href="<%preventry_url>"><%preventry_title></a>
</div>
<!--/preventry-->
<!--nextentry-->
<div class="next_entry_title">OLD Entry</div>
<div class="next_entry_entry">
<a href="<%nextentry_url>"><%nextentry_title></a>
</div>
<!--/nextentry-->
<!--/permanent_area-->
</div><!--/text_footer_navi-->
<!--
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->

<!--/topentry-->
<!--/not_titlelist_area-->
<!--/not_search_area-->
</div><!--/main_body-->

プラグイン3

<!--プラグイン3(トップページ専用)-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plg3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title>
</div>
<div class="plg3_body">
<!--plugin_third_description-->
<div class="plg3_header" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<!--/plugin_third_description-->
<div class="plg3_body" style="text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>
<!--plugin_third_description2-->
<div class="plg3_footer" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
<!--/plugin_third_description2-->
</div>
<!--/plugin_third-->
<!--/plugin-->

<!--/index_area-->

プラグイン3は、デフォルトではトップページのみ、記事繰り返し部分の下に表示されます。任意の場所に移動可能です。
 また、赤字部分を撤去すると、すべてのページで表示される設定になります。(置き場所によっては、全ページで表示されないので注意)


<div id="comment">
<!--コメントエリア-->
<!--comment_area-->
<div class="pg_top">
<a href="#">Page Top</a>
</div>

<div id="cm">
<div class="cmtb_title">Comment</div>
<!--comment-->
<div class="com_skin">
<div class="com_num"><%comment_no></div>
<div class="com_main">
<div id="comment<%comment_no>" class="sub_title"><%comment_title></div>
<div class="sub_body"><%comment_body></div>
<div class="sub_footer">
<span class="eng">
<%comment_year>. <%comment_month>. <%comment_day>  
</span>
<%comment_mail+name> <%comment_url+str>
<a href="<%comment_edit_link>" title="<%template_edit_comment>"><%template_edit></a>
</div>
</div>
<br clear="all"/></div>
<!--/comment-->
</div>
<!--/comment_area-->
<!--トラックバックエリア-->
<!--trackback_area-->
<div id="tb">
<div class="cmtb_title">Trackback</div>
<!--trackback-->
<div id="trackback<%tb_no>" class="sub_title"><a href="<%tb_url>" title="<%tb_title>"><%tb_title></a></div>
<div class="sub_body"><%tb_excerpt></div>
<div class="sub_footer">
<span class="eng">
<%tb_year>. <%tb_month>. <%tb_day>  
</span>
<%tb_blog_name>
</div>
<!--/trackback-->
</div>
<!--/trackback_area-->

<div id="jq_cmtb_skin">
<div id="jq_cmtb">
<!--コメントフォーム&トラバURL-->
<!--comment_area-->
<div id="cm_form">
<div class="cmtb_title">Comment form</div>
<form action="./" method="post" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<table class="cmfm_tb"><tr>
<td class="cmfm_left"><label for="name">Title</label>
<td class="cmfm_right"><input id="subject" name="comment[title]" type="text" size="30" />
<tr><td class="cmfm_left"><label>Font & Icon</label>
<td class="cmfm_right_emoji"><script type="text/javascript" src="<%template_comment_js>"></script>
<tr><td class="cmfm_left_tex"><label for="comment">Comment</label>
<td class="cmfm_right_tex"><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea>
<tr><td class="cmfm_left"><label for="name">Name</label>
<td class="cmfm_right"><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" />
<tr><td class="cmfm_left"><label for="mail">Mail</label>
<td class="cmfm_right"><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" />
<tr><td class="cmfm_left"><label for="url">URL</label>
<td class="cmfm_right"><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>" />
<tr><td class="cmfm_left"><label for="pass">Password</label>
<td class="cmfm_right"><input id="pass" type="password" name="comment[pass]" size="20" />
<tr><td class="cmfm_left"><label for="himitu">Private</label>
<td class="cmfm_right_radio"><input id="himitu" type="checkbox" name="comment[himitu]" /> <%template_private_check>
<tr><td>
<td class="form_btn"><input type="submit" value="Submit" />
</table>
</form>
</div>
<!--/comment_area-->
<!--trackback_area-->
<div id="tb_url">
<div class="cmtb_title">Trackback URL & Embed Tag</div>
<div class="tb_url_box">
<input onfocus="this.select()" value="<%trackback_url>" readonly="readOnly" /><br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);" title=""><%template_trackback_this></a>
</div>
<div class="tb_url_box">
<input onfocus="this.select()" value="<a href='<!--topentry--><%topentry_link><!--/topentry-->' target='_blank'><!--topentry--><%topentry_title><!--/topentry--></a>" readonly="readOnly" /><br />
この記事へのリンクタグ
</div>
</div>
<script type="text/javascript"><!--
var commentPage=1;
//--></script>
<!--/trackback_area-->
</div></div>

<!--コメントエディットエリア-->
<!--edit_area-->
<div id="cm_form">
<div class="cmtb_title">Comment form Edit</div>
<form action="./" method="post" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<table class="cmfm_tb">
<tr><td class="cmfm_left"><label for="name"><%template_title></label>
<td class="cmfm_right"><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" />
<tr><td class="cmfm_left"><label>Font & Icon</label>
<td class="cmfm_right"><script type="text/javascript" src="<%template_comment_js>"></script>
<tr><td class="cmfm_left_tex"><label for="comment"><%template_body></label>
<td class="cmfm_right_tex"><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea>
<tr><td class="cmfm_left"><label for="name"><%template_name></label>
<td class="cmfm_right"><input id="edit[name]" type="text" name="edit[name]" size="30" value="<%edit_name>" />
<tr><td class="cmfm_left"><label for="mail"><%template_address></label>
<td class="cmfm_right"><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" />
<tr><td class="cmfm_left"><label for="url">URL</label>
<td class="cmfm_right"><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" />
<tr><td class="cmfm_left"><label for="pass"><%template_password></label>
<td class="cmfm_right"><input id="pass" type="password" name="edit[pass]" size="20" />
<tr><td class="cmfm_left"><label for="himitu"><%template_private></label>
<td class="cmfm_right_radio"><input id="himitu" type="checkbox" name="edit[himitu]" /> <%template_private_check>
<tr><td>
<td class="form_btn"><input type="submit" value="<%template_send>" /><input type="submit" name="edit[delete]" value="<%template_delete>" />
</table>
</form>
</div>
<!--/edit_area-->
</div><!--/comment-->
<div class="page_navi">
<!--not_permanent_area-->
<!--prevpage-->
<a href="<%prevpage_url>">« PREV</a> 
<!--/prevpage-->
<a href="<%url>">Home</a>
<!--nextpage--> 
<a href="<%nextpage_url>">NEXT »</a>
<!--/nextpage-->
<!--/not_permanent_area-->
<!--permanent_area-->
<!--preventry-->
<a href="<%preventry_url>">« PREV</a> 
<!--/preventry-->
<a href="<%url>">Home</a>
<!--nextentry--> 
<a href="<%nextentry_url>">NEXT »</a>
<!--/nextentry-->
<!--/permanent_area-->
</div><!--/page_navi-->
</div><!--/main-->

<!--サイドカラム-->
<div id="side_jq">

<div id="side">
<!--plugin-->
<!--plugin_first-->
<div class="plg_title" style="text-align:<%plugin_first_talign>">
<%plugin_first_title>
</div>
<div class="side_body">
<!--plugin_first_description-->
<div class="plg_header" style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</div>
<!--/plugin_first_description-->
<div class="plg_body" style="text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>
<!--plugin_first_description2-->
<div class="plg_footer" style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</div>
<!--/plugin_first_description2-->
</div>
<!--/plugin_first-->
<!--/plugin-->

<!--plugin-->
<!--plugin_second-->
<div class="plg_title" style="text-align:<%plugin_second_talign>">
<%plugin_second_title>
</div>
<div class="side_body">
<!--plugin_second_description-->
<div class="plg_header" style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</div>
<!--/plugin_second_description-->
<div class="plg_body" style="text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>
<!--plugin_second_description2-->
<div class="plg_footer" style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</div>
<!--/plugin_second_description2-->
</div>
<!--/plugin_second-->
<!--/plugin-->
</div><!--/side-->
</div><!--/side_jq-->
<br clear="all"/>
<div class="pg_top">
<a href="#">Page Top</a>
</div>
</div><!--/conteinar-->

<!--フッター-->
<div id="footer">
<div class="adrs"><address>Copyright © <%blog_name> All Rights Reserved.</address></div>
<!--FCアド-->
<div class="fc2ad">Powered by <a href="http://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a> |
<%ad> <%ad2> | Template Design by <a href="http://designlabolatory.blog16.fc2.com/" target="_blank">スタンダード・デザインラボ</a></div>

</div>

</body>
</html>
このエントリーをはてなブックマークに追加
Sun.09.12.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。