ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文

  メンテナンス 前画面に戻る

対象スレッド 件名： Seesaaで使用しているテンプレートとチューニングの要点
名前： lightbox
処理選択
パスワード

件名 Seesaaで使用しているテンプレートとチューニングの要点
名前 lightbox
コメント 
Seesaa の場合、元となるテンプレートは[[ホワイト(右サイドバー)]]を使用しています。
Seesaa と sakura の特徴ですが、記事単位で表示されても、ブログ名がタイトルの先頭に来るので変更してあります。
自分のサイトから、フレームで表示する場合もあるので、左サイドは使用せずに、右サイドのみを使用しています。

一応、1024 でちょうど表示されるように設計しており、1280 で表示すると右側に空白ができますが、フレームで
表示するとちょうど全てが綺麗に表示されるようになっています。また、絶対座標指定をすれば、空白部分にコンテンツ
を追加できると想定しています。

本体は殆ど触っておらず、BODY 直後のタイトル部分が自分仕様です。
あと、中央の最後に自分の広告を動的に埋め込む為の JavaScript を追加しています

@DIV
<?xml version="1.0" encoding="Shift_JIS"?>
<!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=Shift_JIS" />

<% if:extra_title -%>
<title><% extra_title %> :<% blog.title %></title>
<% else -%>
<title><% blog.title %></title>
<% /if -%>

<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | tag_strip %> <% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="shortcut icon" href="http://yourdomain.jp/WinOfSql.ico" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>

<SCRIPT type="text/javascript" src="http://yourdomain.jp/flex3/flashButton/flashButton.js"></SCRIPT>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shCore.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shLegacy.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushPlain.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushJScript.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushXml.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushVb.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushSql.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushPhp.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushCss.js"></script>
<link type="text/css" rel="stylesheet" href="http://yourdomain.jp/sh/2.0.296/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://yourdomain.jp/sh/2.0.296/shThemeDefault.css"/>
<link rel="stylesheet" href="http://yourdomain.jp/blog.css" type="text/css" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://yourdomain.jp/sh/2.0.296/clipboard.swf';
SyntaxHighlighter.config.strings.copyToClipboardConfirmation =
 '\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3000\u3000\u3000';
SyntaxHighlighter.defaults['auto-links'] = false;
</script>

</head>
<body>
<div id="top_1"></div>
<div id="container">
<script type="text/javascript" language="JavaScript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<div id="banner">
<% content_header %>
</div>

<% if:have_content_left -%>
<div id="links-left">
<% content_left %>
</div>
<% /if -%>

<div id="ad1">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=argusobnurd-22&o=9&p=13&l=ur1&category=music&banner=027HMG86NG83DABB2NR2&f=ifr" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
<A href="http://pipa.jp/tegaki/VBlog.jsp?ID=61811&TD=5301468" target="_blank"><img id="mainimg" style='position:absolute;left:560px;top:110px;' src="http://lightbox.cocolog-nifty.com/photos/extern/1233490027937685png_s-thumb.jpg" galleryimg="no" border="1" style='border-color:#000000' alt="1233490027937685png_s"  /></a>
</div>

<div id="content">
<% content_main %>
<% if:page_name eq 'comment' -%>
<div id="comments">
<div class="comments-head">"<% article.subject | tag_break %>"へのコメント<br /></div>

<div class="comments-head">コメントを書く</div>
<form action="/pages/user/comments2/regist/input" method="post">
<input type="hidden" name="article_id" value="" />
<input type="hidden" name="article_child__article_id" value="" />
<div class="comments-body">
<% if error_code %>
<font color="#ff0000">ＥＲＲＯＲ</font> : 
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
<br />
<% /if %>

お名前: <% article_child__writer | html %><br />
<input type="hidden" name="article_child__writer" value="" /><br />
メールアドレス: <% article_child__email | html %> <br />
<input type="hidden" name="article_child__email" value="" /><br />
ホームページアドレス: <% article_child__homepage | html %><br />
<input type="hidden" name="article_child__homepage" size="50" value="" /><br />
コメント: <br />
<% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
<br />

<input name="posted" type="submit" class="input-submit"  value="書き込む"> <br />
</div>
</form>

<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="50"></textarea><br />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input name="posted" type="submit" class="input-submit"  value="書き込む" />
</div>
</form>
</div>
<% /if -%>
<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">

<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>

<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>

</div>
<% /loop %>
<% /if -%>
<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript" language="javascript"><!--
tag_cloud("tag_cloud");
--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;で全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(240) | tag_strip %></div>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ：<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量：<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title"><a href="/pages/user/upload/<% audio.page_url %>" onclick="window.open('/pages/user/upload/<% audio.page_url %>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) %></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author %>by <% audio_info.author %>&nbsp;&nbsp;<% /if %><% if:audio_info.duration %><% audio_info.duration | hms %>&nbsp;&nbsp;<% /if %><% if:audio_info.size %><% audio.size | filesize %>&nbsp;&nbsp;<% /if %><% /if -%></span></div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url %>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) %></a><br />
<% if:video_info -%>
<!--<% if:video_info.author %>by <% video_info.author %><br /><% /if %>-->
時間：<% if:video_info.duration %><% video_info.duration | hms %><% /if %><br />
容量：<% video.size | filesize %><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if %>
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url %>" target="_blank"><% file.title | text_summary(15) %></a></div>
</div>
<% /loop -%>
<% /if -%>
<% if:pager -%>
<div class="tag-navi">
<% if:pager.previous_page %><a href="?page=<% pager.previous_page %>"><% /if %>≪前へ<% if:pager.previous_page %></a><% /if %>&nbsp;&nbsp;<% if:pager.next_page %><a href="?page=<% pager.next_page %>"><% /if %>次へ≫<% if:pager.next_page %></a><% /if %>
</div>
<% else -%>
<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
</div>
<% /if -%>
</div>

<SCRIPT type="text/javascript">
try {
var bloglist = document.getElementById("bloglist");
var blogtxtbase = bloglist.getElementsByTagName("DIV")[0];
var blogtxt = bloglist.getElementsByTagName("DIV")[1];
blogtxtbase.insertBefore(document.getElementById("ad3"),blogtxt);
}
catch(e){}
</SCRIPT>

<% if:have_content_right -%>
<div id="links" style='margin-top:-10px;'>
<% content_right %>
</div>
<% /if -%>

<div id="footer">
<% content_footer -%>
</div>

</div>

</body>
</html>
@END