2006年11月16日

コメント欄に編集ボタンをつける（パセ改造編ｗ）

http://blog.magicwhite.jp/archives/2004/12/11/2356_63.php

↑参考サイト。このままだと使えなかったので以下改造しますた。


　◆設定→許可するHTMLタグに　font size,font color,target　を追加。

　◆フォーム内にタグを表示させるJavaScriptをモジュール化、名前は適当に　commentedit　とか

<script type="text/javascript" language="JavaScript"> <!--

function format_fonts() {
var str = document.selection.createRange().text;
document.comments_form.text.focus();
document.selection.createRange().text = "<font size=\"*\">" + str + "</font>";
return;
}

function format_fontc() {
var str = document.selection.createRange().text;
document.comments_form.text.focus();
document.selection.createRange().text = "<font color=\"色名\">" + str + "</font>";
return;
}

function format_me(v) {
var str = document.selection.createRange().text;
document.comments_form.text.focus();
document.selection.createRange().text = "<" + v + ">" + str + "</" + v + ">";
return;
}

function insert_link() {
var str = document.selection.createRange().text;
document.comments_form.text.focus();
var my_link = prompt("Enter URL:","http://");
if (my_link != null) {
document.selection.createRange().text = "<a target=\"_blank\" href=\"" + my_link + "\">" + str + "</a>";
}
return;
}

function format_quote() {
var str = document.selection.createRange().text;
document.comments_form.text.focus();
document.selection.createRange().text = "<blockquote>" + str + "</blockquote>";
return;
}

//-->
</script>

エントリーアーカイブのテンプレート、<head>～</head> にインクルード。


　◆各ボタンの画像を作成。ファイルのアップロードで任意のディレクトリを作ってアップロード。
　　たとえば　img-button　のディレクトリを作ったら、画像のパスは　　　img-button/***.gif　となる。


　◆コメント欄に表示させる為の記述をモジュール化、名前は適当に　commenteditbutton　とか

<div id="toolbar">

コメント編集（ＩＥのみ）⇒

<img class="button1" onclick="format_fonts()" src="/ＩＤ/img-button/fonts.gif" width="26" height="19" align="middle" alt="文字サイズ" />

<img class="button1" onclick="format_fontc()" src="/ＩＤ/img-button/fontc.gif" width="26" height="19" align="middle" alt="文字色" />

<img class="button1" onclick="format_quote()" src="/ＩＤ/img-button/quote.gif" width="26" height="19" align="middle" alt="引用" />

<img class="button1" onclick="format_me('b');" src="/ＩＤ/img-button/bold.gif" width="26" height="19" align="middle" alt="太字" />

<img class="button1" onclick="format_me('i');" src="/ＩＤ/img-button/italic.gif" width="26" height="19" align="middle" alt="イタリック" />

<img class="button1" onclick="insert_link();" src="/ＩＤ/img-button/link.gif" width="26" height="19" align="middle" alt="リンク" />

</div>

ＩＤ以下は作成した画像のパスをいれること。
widthとheightは画像のサイズに合わせて変更.

エントリーアーカイブのコメント投稿フォーム内ボタンを表示させたい箇所(書式を変更するような一部のHTMLタグを使うことができます)あたりにインクルード。


　◆スタイルシートに以下を追加

#toolbar { margin: 0px; padding: 0px; text-align:left;}

.button1 { background: buttonface; border: 1px solid buttonface; margin: 1; }


もしもクラス名　button1　が使用済みならば他と重複しない名前に変えて、　commenteditbutton　のclass="button1"もかえること。


再構築して、確認。

投稿者: パセママ 日時: 2006年11月16日 10:06 | | コメント (2) | トラックバック (0)

2006年11月15日

コメントの色変更を可能にする

設定-全般-表示に関する初期設定-許可するHTMLタグでカスタム設定を選択。
デフォルトのうしろに,区切りで許可したいタグを追加する。
以上でっす。

投稿者: ぐり 日時: 2006年11月15日 16:00 | | コメント (3) | トラックバック (0)

2006年11月12日

テーブル

テーブルにもの申す～！


愚ログ、もとい！ブログで一生懸命テーブルを作っておりました
　　泣かせるね～(´Д⊂ｸﾞｽﾝ

しかーし！
下のように打ち込むと上部に空白が出来るんです

<Table Border>
<Caption><Big>【 ラ ブ 】</Big></Caption>

<Tr>
<Td>LC</Td>
<Td>得点</Td>
<Td>D</Td>
<Td>F</Td>
<Td>ハト</Td>
<Td>ファン</Td
<Td>ヘア</Td>
<Td>ハト</Td>
<Td>アイ</Td
<Td>タイ</Td>
<Td>引用</Td>
<Td>日付</Td>
</Tr>

</Table>


ガ━━(=￣□￣=)━━ン!!

しかも行が多いほど空白も多い！

なんでぇ？どうしてぇ？

エロいぐりたんが見事解決！！

<Table Border><Caption><Big>【 ラ ブ 】</Big></Caption><Tr><Td>LC</Td><Td>/Td><Td>D</Td><Td>F</Td><Td>ハト</Td><Td>ファン</Td>得点<Td>ヘア</Td><Td>ハト</Td><Td>アイ</Td<Td>タイ</Td><Td>引用</Td><Td>日付</Td></Tr>

ようするに改行するな！

<Table>～</Tr>まで一気にいてまえ！　そのような感じですｗ

しかーし！いいかげん見にくいのですよ！！

見やすい方法ってないものですかね～？？

痴漢、じゃね、置換しかない？？


投稿者: hina 日時: 2006年11月12日 22:23 | | コメント (1) | トラックバック (0)

2006年11月09日

助けてくれ～

センター長、サポート乙でありんす(o_ _)ｏ))

行き詰ったので助け舟ヨロです。


①　サイドに「最新のトラックバック」を設置するのに、プラグインをうｐしなきゃならんらしいのだが、やり方がわからん。

②　カテゴリ別アーカイブのページに飛ぶとトピが古い順に並ぶのだが、新しい順にはできんモノか？

③
>一番下のJavaスクリプトは新規エントリーがあった場合にＮｅｗと表示される
>この機能をつかいたい場合はテンプレート　スタイルシートに
>span.new {
>display: none;
>color: red;
>font-weight: bold;
>}
>を追加すること。

コレがンまくできん．．．


とりあえず以上3点ヨロシコ。


あ、それとメール鯖に繋がらんのだが．．．俺の設定が悪いんだべか？


たくん


11/10　0：00　追記

②解決すますた、ぐりさん㌧クス♪

投稿者: たくん 日時: 2006年11月09日 18:53 | | コメント (3) | トラックバック (0)

2006年11月08日

コメントの日時を消す方法。

まぁあれだ。HINAがガヤガヤ騒いでやがったから、しょうがなく消す方法をHINA意外の人に教えてやる

HINAは見るなよ！！！


メニューからテンプレート→アーカイブ→エントリー・アーカイブ

んで　<p class="comment-footer-experimental">で検索

こんな記述がみつかる
<p class="comment-footer-experimental">
日時:
<a href="#comment-<$MTCommentID$>" title="このコメントへのパーマリンク"><$MTCommentDate format="%x %H:%M"$></a>
</p>

これ
こんな風にする。

<p class="comment-footer-experimental">
<!--
日時:
<a href="#comment-<$MTCommentID$>" title="このコメントへのパーマリンク"><$MTCommentDate format="%x %H:%M"$></a>
-->
</p>

これでOKかと。

投稿者: 39 日時: 2006年11月08日 10:07 | | コメント (1) | トラックバック (0)

2006年11月07日

罠！これはわからん！

うむ。まぁあれだ。
記事にカテゴリーを設定しようとした場合、初期設定だろカテゴリーを選択すると所が非表示に
なってて大変にわかりづらい！

エントリー投稿画面などから　下の　画面の表示設定を変更で
そこら辺の表示をオンオフにできるから。

投稿者: 39 日時: 2006年11月07日 13:11 | | コメント (2) | トラックバック (0)

３９さんのサイドバー

とりあえず39はサイドバーを１つのモジュールにした。

一番下のJavaスクリプトは新規エントリーがあった場合にＮｅｗと表示される
この機能をつかいたい場合はテンプレート　スタイルシートに
span.new {
display: none;
color: red;
font-weight: bold;
}
を追加すること。


<!--カレンダー-->
<div class="module-calendar module">
<h2 class="module-header" align=center><$MTDate format="%B %Y"$></h2>
<div class="module-content">
<table width = 100% summary="投稿へのリンクつきカレンダー">

<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<$MTCalendarDay$>
</MTCalendarIfNoEntries>
<MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
</div>


<!--カテゴリー-->
<MTIfArchiveTypeEnabled archive_type="Category">
<div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content">
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<span class="new"><MTEntries lastn="1"><$MTEntryDate format="%Y:%m:%d:%H:%M:%S"$></MTEntries></span>
<MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
</MTIfArchiveTypeEnabled>

<!--月別ドロップダウン-->
<MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="module-archives module" id="monthly-archives">
<h2 class="module-header"><a href="<$MTBlogURL$>weblog/">アーカイブ</a></h2>
<div class="module-content">
<select onchange="nav(this)">
<option>月を選択</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$></option>
</MTArchiveList>
</select>
</div>
</div>
</MTIfArchiveTypeEnabled>

<script type="text/javascript" charset="utf-8">
function nav(sel) {
if (sel.selectedIndex == -1) return;
var opt = sel.options[sel.selectedIndex];
if (opt && opt.value)
location.href = opt.value;
}
</script>

<!--最近のエントリー-->
<div class="module-archives module">
<h2 class="module-header">最近のエントリー</h2>
<div class="module-content">
<ul class="module-list">
<MTEntries lastn="10">
<li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
</div>

<!--最近のコメント-->
<div class="module-archives module">
<h2 class="module-header">最近のコメント</h2>
<div class="module-content">
<ul>
<MTEntries recently_commented_on="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="5">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#c<$MTCommentID$>">at <$MTCommentDate format="%Y.%m.%d"$></a><br />
</MTComments></li>
</MTEntries>
</ul>
</div>
</div>
<!--リンクフォーム-->
<div class="module-archives module">
<h2 class="module-header">リンク</h2>
<div class="module-content">
<b>ラブベリ関連</b>
<ul>
<li><a href="http://loveandberry.net">L&BConqest</a></li>
<li><a href="http://loveandberry.net">L&BConqest</a></li>
</ul>
<b>その他</b>
<ul>
<li><a href="http://loveandberry.net">L&BConqest</a></li>
<li><a href="http://loveandberry.net">L&BConqest</a></li>
</ul>
</div>
</div>
<!--検索フォーム-->
<div class="module-search module">
<h2 class="module-header">検索</h2>
<div class="module-content">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">ブログを検索: </label><br />
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>
</div>
</div>

<!--新着表示スクリプト-->
<script type="text/javascript">
<!--
// passage time
var pass = 24;

// display content
var content = 'New!!';

var currentDate = new Date();
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
if(spans[i].getAttribute('class') == 'new' ||
spans[i].getAttribute('className') == 'new') {
time = spans[i].childNodes[0].nodeValue.split(":");
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(-now <= pass){
spans[i].innerHTML = content;
spans[i].style.display = 'inline';
}
}
}
//-->
</script></blockquote>

投稿者: 39 日時: 2006年11月07日 12:57 | | コメント (3) | トラックバック (0)

2006年11月06日

モジュール化について。

例えば同じ項目を全てのページ挿入しようとした場合、テンプレの書き換えをするわけですが
まぁ色々とメンドクサイですよね。
そんなときにはモジュール化。

テンプレートからモジュールを選択
モジュールを新規作成する。
んで作ったら
<$MTInclude module=""$>
でインクルード
追加したいテンプレートに記述する。

テスト用もかねてカレンダー表示をモジュール化してみた。
モジュール名は　calendar_mod

投稿者: 39 日時: 2006年11月06日 13:48 | | コメント (5) | トラックバック (0)

UsersForumを作成しました。

まぁテストやらMovebleTypeの設定やらの情報交換に使ってください。
みんな始めての経験なんで、こんな感じのもんがあってもいいのでは？
なんて考えて作ってみた。
このフォーラムは、みんなに権限与えてるのでご自由にお使いください。
テスト操作用もかねてますので、間違って破壊される場合もありますのでｗ

投稿者: 39 日時: 2006年11月06日 13:46 | | コメント (0) | トラックバック (0)

検索


カレンダー

2008年10月
Sun Mon Tue Wed Thu Fri Sat
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
リンク用モジュールにて追加。link_mod

リンク

MemberBlogs フォーラム

最近のエントリー

このブログのフィードを取得
[フィードとは]

カテゴリー

アーカイブ

Powered by
Movable Type 3.33-ja