Top | RSS | Admin
infomation
    なにかお報せ事項などがあれば、こちらにしるします


スポンサーサイト

--/--/-- --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告  | Top↑


[new!] のスクリプト

2005/10/28 15:56

[yugami-bath]

ブログの記事に、3日くらい「NEW」の文字を入れたいなぁと思っていたのですが、
私が作ったJAVAだとうまく動いてくれません・・・

いつかそういうテンプレートも作って頂けたら・・・と思い、
コメント欄に書かせていただいております。



というお話を賜りました。
ジャバスクリプトかぁ・・、ということで


HPの作り方のサイト等を調べましたが判らず、あきらめかけていたときに

FC2サポートフォーラムのこちらを見て、「これだわ!」と。

で、今回

を【Xmazuシリーズ】の1発目wとして共有テンプレに挙げさせていただきました。



yugami-xmas

↑こちら、ダウンロード後、
ご本人がなーんにもしなくても3日間の〔NEW〕が表示されるよう
あえて、プラグイン非対応で組んでいます。




むろん、プラグイン対応テンプレでも、
プラグインの設定 部分で、ご自身でHTMLにスクリプトを追加いただければ
使用可能です。



〔NEW〕の部分のカラーはご自由に替えられますし、(スタイルシート部分)
現在は3日間の新着に・・、という設定にしてありますが
それを2日間にも、5日間にもお好みで替えられます。(HTML部分)


ダウンロードいただいてソースをご覧くださればご理解いただけるよう、
説明文を入れてあります。

表示は3日経てば自然に消えます。
貴方の更新頻度によりけりで、設定してみてね。




=============

さて・・、お問い合わせくださった方の現在のテンプレ。


yugami-bath-plugin

こちら、プラグイン対応になっておりますので、
(&、最新更新版のテンプレをお使いいただいているようですので)
以下にそれ対応のカスタマイズ方を記しますね。






まずHTMLソース頁を開いてください。
その上のほうに目をこらしてみて。


<!--■■<head>始まり■■-->
<head>

という部分のすぐ下に


<!--▼以下、3日間(72時間)[new]の為のスクリプト-->
<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=72; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}
--></script>
<!--/ここまで▲-->


をコピペで貼り付けてください。




次に、スタイルシートソース部分の一番最後(下)でいいです。そこに

/*●以下、[new]の為*/
.new {color:#000000; font-weight:bolder;}


をコピペで貼り付けてください。この時点で〔NEW〕の文字色は黒になっていますが変更可。




これで準備は整いました。
さあ、
プラグインの設定 画面を開いてみましょう。

まずは・・
最新記事 に〔NEW〕をつけてみましょう。
最新記事のHTML編集を開き
現在、


<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>
<!--/recent-->
</ul>


となっているかと思いますが(何も手を加えていなければ)
そこにスクリプトを追加します。
追加後を以下に記しますので、追加前のを消してこのままコピペすればOKです。


<ul>
<!--recent-->
<li &align>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title> (<%recent_month>/<%recent_day>)</a>
</li>

<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>


<!--/recent-->
</ul>





緑色で書かれた部分が追加されたことがお解りでしょうか?

これで、貴方のblogのサイドバーにある最新記事には3日間、〔NEW〕が出ます。



同様に、
最新コメント・最新トラックバックにもつけることができます。




<!--▽コメントに[new]表示の為のスクリプト-->
<script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
<!--/[new]スクリプトここまで△-->




<!--▽トラックバックに[new]表示の為のスクリプト-->
<script type="text/javascript">
nw(<%rtrackback_year>,<%rtrackback_month>,<%rtrackback_day>,<%rtrackback_hour>)
</script>
<!--/[new]スクリプトここまで△-->



間違えやすいのは(わたしも最初は間違えましたw
最新記事の時に加えた

<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>



をそのままコメントやトラバにも加えてしまうとNGだということです。


最新記事→ recent
コメント→ rcomment
トラックバック→ rtrackback

と、数箇所書き換えないと表示はされませんww<って、誰も間違えないかww





以上が今のわたしのできる精一杯です^^
[NEW]の表示部分を画像で表示したり、ツリー式への対応などは
現段階でわたしの知識の中にはありません。

でも既に、そんなテンプレ([new]機能搭載)を使用されている方、
けっこう沢山いらっしゃいますよ^^
そういうテンプレを探してそちらのソースを研究させていただいたら
もっと素敵にカスタマイズできるんじゃないかしら・・
(ジャバスクリプトには著作権が謳われているものもあるようですので
黙ってお持ち帰りはNGなようですw)




→ more・・ ・
スポンサーサイト

テーマ=ブログカスタマイズ - ジャンル=ブログ

[小技]@ジャバスクリプト  | Top↑


サイドバーが落ちる

2005/10/25 15:05

yugami-tea-plugin
フラッシュのアルバムを設置すると、テンプレートのサイドメニューが出なくなってしまいます。 何故でしょうか?
他のテンプレートでは 上手くいくものと上手くいかないものがあります。
こちらのテンプレートでは、yugami-0-28222a だと上手くいくようですが、何か違うのでしょうか?




サイドバーが出なくなる=フォルムが崩れて本文枠が下に落ちる
という意味でいいのかな?
だとしたら・・・
http://blog.fc2.com/forum/search.php
で、
「落ちる」で検索かけてみますと、いくつか、出てきます。




yugami-0-28222a だとうまくいくのだが、yugami-tea-plugin だとダメ。ということは
yugami-m-plugin でもうまくいくかとおもいますよ^^


と、申しますのは
yugami-0-28222a と、yugami-m-plugin
yugami-tea-plugin と比べて、本文テーブルの横幅が大きく設定されているからです。
ご覧いただいてお解りになれます?^^



わたしがつくっているテンプレの多くの本文テーブルの横幅は、
yugami-tea-pluginと同じ数値で設定してございます。
それが全体のバランスからいって最適かな、という結論に至ってのことなんですが・・


横幅を大きめに取っているテンプレは、主に、大きめな画像をそのままupされたい方用、
という趣旨なんです。




つまり、
yugami-tea-plugin を使用してフラッシュのアルバムを設置したい
というご希望であれば、フラッシュ画像を縮小していただく必要性が出てまいります。

それか、
yugami-tea-plugin を、本文テーブル横幅を広げる設定に変更してご使用いただく、
ということになりますか・・ ・。




http://blog.fc2.com/forum/viewtopic.php?t=3045&highlight=grave-bear
が参考になるかな、と。

yugami-tea-plugin をカスタマイズしてお使いになるか
テーブル横幅広めのテンプレを選択してお使いになるか
それは貴方のお好みでどうぞmm






>こちらのテンプレートでは、yugami-0-28222a だと上手くいくようですが、
>何か違うのでしょうか?


テンプレートの本文テーブル横幅設定が違うのです。




yugami-0-ffffff

↑本日、こちらを共有テンプレにupしてみました。
yugami-0-28222a → の白バージョンです。

よろしかったらお使いくださいmm(むろん、強制ではありません^^



テーマ=ブログカスタマイズ - ジャンル=ブログ

[不都合]@フォルムの崩れ  | Top↑


透過について

2005/10/25 15:02

yugami-m1
winのブラウザだと記事の写真と背景のイメージが透過してしまいます
macだと、全く透けません
winでも透過しなくするにはどうすれば良いでしょう
逆に、macでもwinでも、透過率を自由に変えることは出来るでしょうか



【スタイルシート】ソースのまんなかへんに目をこらしてみてください。


/*エントリー
--------------------------------------------------*/


/*エントリーテーブル(1ブロック)*/

.entry_table{
width: 650px;
margin: 0px 30px 50px 0px;
color: gray;
background:#ffffff ;filter:alpha(opacity=60);
}


という部分をみつけてください。

background:#ffffff ;filter:alpha(opacity=60);

という部分で、フィルターをかけています。(背景画像を透けさせています)
現在設定が「60」です。

>winでも透過しなくするにはどうすれば良いでしょう

これを「100」にすれば背景画像は全く透けなくなります。

ここの数字を変えることで、すごく透けさせたり(「50」以下にするとか)もできるわけです。






わたしはwinで、テンプレを組んでいます。
そのため、macユーザーさまにはやさしくないかもしれませんね。ごめんなさいmm
macではどう反映されるのかの確認ができないのです。

ただ、このフィルター効果は、

filter: shadow

はwinIEのみで表示されます。
FirefoxやOpera、Safariでは適用されませんので、
それらのブラウザ上では普通に表示されます。



http://blog.fc2.com/forum/search.php
の検索で「透過」と入れてみると、いくつか出てきました。
その中で書かれています。
どうぞご参考までに・・・。





>逆に、macでもwinでも、透過率を自由に変えることは出来るでしょうか

winでの透過率の変え方は上記のとおりです。
macに関しては解りません。ごめんなさいmm




文面から察するにwinで「透けさせたくはない」とのご希望のようですよね。
ならばmacでこのテンプレ、既に透けてないですよね。
問題なくお使いいただけるのでは??^^

macでも透けさせたい、とのことであれば今のわたしには無理です。



テーマ=ブログカスタマイズ - ジャンル=ブログ

[不具合]@透過  | Top↑


link表示の変更方法

2005/10/24 21:15

「リンク線の消し方」がわかりません。
カスタマイズ掲示板をいろいろ見ながらやってみたのですが、
うまく消せないのです。
これかも、、と思うtext-decoration: underline の部分を
noneに書き換えたりしたのですが上手く反映してくれません。
消したいリンク線は、
・サイドメニュー カテゴリーのツリー化した部分
・コメントリスト
個別に指定してリンク線を消せるのでしょうか?
すべてのリンク線を消す方法もあれば教えて欲しいのです。


という質問を賜りました。
わたしもこれ、マジわかんなくて、ビスコさんのテンプレ一覧を拝見しつつ
link線のないテンプレをかたっぱしからダウンロードし、そのソース拝見mmさせていただきました。
その結果・・・

【スタイルシート】の以下の部分に目をやってみてください。

/* リスト設定(サイドメニュー)
------------------------------------------------------------*/

ul {
text-align:left;
margin: 0px;
padding-left: 10px;
list-style-type: none;
text-decoration: none;
}


li {
text-align: left;
font-size: 12px;
color: gray;
line-height: 150%;
padding: 0px 0px 10px 20px;
text-decoration: none;
/*●アイコン変更はこちら。*/
background: url(http://blog26.fc2.com/y/yugamixx/file/mini_D-gray2.gif) no-repeat;
}


li a {
text-decoration: none;
color: gray;
border-bottom: solid 1px #5c5c5c;
}


li a:hover {
   color: #000000;
}


赤い字で、1 となっているところがありますね?
その1とはlink線の太さを示しております。
ですのでその1を0に変更していただけば、link線は表示されなくなります。









あと、サイドメニューのrecent commentsで、コメントを投稿した日付が途中で切れてしまっています。)が切れています。
これは投稿者の名前が長い場合は切れてしまうのでしょうか。



【HTML】の、以下の部分にお目を拝借mm


<!--▽最新コメント表示ここから-->
<h2>recent comments</h2>
<div id="commentlist">
<ul>
<!--rcomment-->

<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day><!--■/投稿時間も表示したい方は#<%rcomment_hour>:<%rcomment_minute>)をプラスして下さい---></a></li>
<!--/rcomment-->
</ul>
</div>
<!--/コメント表示ここまで△-->



<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day><!--■/投稿時間も表示したい方は#<%rcomment_hour>:<%rcomment_minute>)をプラスして下さい---></a></li>
<!--/rcomment-->

↑の部分、
(<%rcomment_month>/<%rcomment_day>
とあるところを
(<%rcomment_month>/<%rcomment_day> )  と、かっこ閉じを入れてください。


そうすれば
投稿者のお名前が
「二階堂卍之助の義理の妹の知り合いの工藤静香」というようななが~いおなまえの方でも
もんだいなく表示されるようになります。


ごめんなさいねmm
ソース見ていただければお解りいただけるかとおもうんですが・・
コメントされた日時だけでなく、時間も表示したい場合には・・というトリセツ加えたものだから
このコメント欄に限っては「)かっこ閉じ」をあえてしていなかったんです。




→ more・・ ・

テーマ=ブログカスタマイズ - ジャンル=ブログ

[手法]@link表示の変更  | Top↑


マウス系ジャバスクリプトのカスタマイズ

2005/10/22 10:01



yugami-m1



クリックするとはじけるジャバスクリプト。
他のテンプレにもいくつか入れておりますがこれ、はじける色はお好みで替えられます。
色々な色をはじかせるのも可能です。
はじかせる数が多すぎるな、と思われたら減らすことも可能です。
(9つで設定してあるところを5つにするとかね)
HTMLソースの下のほうに目をこらしてみてください。

→ more・・ ・

テーマ=ブログカスタマイズ - ジャンル=ブログ

[小技]@ジャバスクリプト  | Top↑


プロフィール部分のフォント変更

2005/10/20 21:01

テンプレートをお借りしているものです。
あの、
プロフィールのところで紹介文フォントを小さくしたいのですが、どのようにしたらよろしいのでしょうか?
ほかの部分(プラグイン)はできたのですが、プロフィールの部分だけできないのでしょうか?




という質問をいただきました。


この質問、特にわたしのテンプレに限ったことではありませんが・・・
わたしのテンプレを使ってくださっているとおっしゃるのでw、お応えしたいとおもいます。

→ more・・ ・

テーマ=タグフレンズ - ジャンル=ブログ

[他]其の他  | Top↑


なんとなくつらいこと

2005/10/20 14:31

「カスタマイズに関する質問はお受けできません」という文字を
たぶん読んでさえいないのであろう。
→ more・・ ・

テーマ=モノの見方、考え方。 - ジャンル=心と身体

[他]自我w  | Top↑


コメント投稿できない不具合対策として・・

2005/10/17 15:55

コメント表示機能が×?!

FC2のサポート掲示板でも問題になっている
「コメント投稿してもそれが反映されない」という件ですが、




じぶんのblogにせっかくきてくださってコメントしてもらえたのに・・
「コメントが投稿できなかったよぉ」と言われてしまった、とおっしゃる方、

FC2さんのほうで何か対処をしてくださるまでの間に
ユーザー側でできる対応策はないかな、ということで以下をご提案です。

→ more・・ ・

テーマ=カスタマイズ - ジャンル=ブログ

[小技]@FC2不具合対策  | Top↑


プラグイン非対応テンプレを対応に替える方法

2005/10/07 17:30

FC2 ID ;【yugami2】【yugami3】でupしている共有テンプレートのうち、
プラグイン対応になっていないテンプレを、プラグイン仕様にして使いたい、
という場合には・・


HTML部分の 
サイドバーの設定部分

<!--▼以下、サイドバー。お好みでメニューの場所を入れ替えOK-->
<!--メニュー部分-->

<!--/メニュー部分-->
<!--/サイドバーメニュー入れ替えはここまで▲-->


の部分を探してみましょう。
その部分(けっこう長いです)をそっくり削除して、


<!--プラグイン機能ここから-->
<!--メニュー部分-->
<div id="menu">


<!--plugin_first-->
<h2 style="text-align:<%plugin_first_talign>"><%plugin_first_title></h2>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
<!--/plugin_first-->

<!--plugin_second-->
<h2 style="text-align:<%plugin_second_talign>"><%plugin_second_title></h2>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</p>
<!--/plugin_second-->

<!--plugin_third-->
<h2 style="text-align:<%plugin_third_talign>"><%plugin_third_title></h2>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
<!--/plugin_third-->

</div>
<!--/メニュー部分-->
<!--/プラグイン機能ここまで-->


に差し替えすればOK。コピペで済むように半角英数表示にしてあります。

なおこの方法は、FC2 ID ;【yugami2】【yugami3】のテンプレに限って通用することですので
(他の作者さんのものでもまれに通用することもあるでしょうがw)
よろしくですmm





[手法]@プラグイン  | Top↑


そもそも「プラグイン」ってなによ?

2005/10/06 11:23

本来のプラグインの意味は →このようです。が、

一般的なblogでいうところのプラグインの意味は →こちらをどうぞ


要するにblogページの右や左にある項目(コンテンツ)を
一括して管理できる機能、とでもいいましょうか。

プラグイン対応スキンでないと、ソースのHTML部分に自分でタグを駆使して書き込む必要が出てくるわけなんですが
(普通に使用しているぶんにはそんなことせんでも大丈夫です)
プラグイン対応スキンだと、
プラグインの設定 という所でマウスひとつで簡単にオリジナルなコンテンツ表示が可能です。




・・って、ココまで書いててふと気づいたんですので追記しますデス。

ネットし始めて数ヶ月目のわたしには、
「スキン」の意味は「コンドーム」としか知りませんでしたし
「ソース」の意味は「とんかつに使うもの」としか知りませんでした。

スキン

テンプレート、という意味で解釈してかまわないかとおもいます。




ソース 

〔テンプレートの設定〕→「ダウンロードしたテンプレートの〔修正〕をクリック」

すると、英語なのか記号なのか訳のわからんものがずらーっと出てくることでしょう。
これがそのテンプレートのソースです。



刑事もののドラマを観ていたら「この情報のソースは?」というセリフがありました。
つまり「この情報元の細かいデータは?」という意味なわけで
その情報にブルドックソースをかけても食えませんw


一般的にソースは隠したがる人が多いようですね
苦労して組んだHTMLやスタイルシートですから著作権を謳う方も多いでしょう。
ただFC2に限っては
「共有テンプレート制度」というのが既に確立していて
自作テンプレートを多くの人に認めて使ってもらえる、という場があるので
共有テンプレートに自ら出展している以上、ソースを隠す意味もないとおもうんです。
(だって、ダウンロードしたらソース見られちゃいますからw)


そういう意味で
わたしは、テンプレートのカスタマイズをするのなら
FC2はやり易い環境下にあるなぁ、と痛感しています。

[手法]@プラグイン  | Top↑


アクセスアップ&孤独主義

2005/10/06 01:26

「なんで迷惑トラバが多く飛んでくるんだろう?」
「PW制にするまでではないけど不特定多数の人に読まれたくはない」


blogerしてて、特に後者のようなことを言うと「アホちゃうか?」と言われそうですが
引き篭もり主婦のわたしとしてはそのきもち、痛いほど解りますmm

そういう場合の秘策を・・・ww



【管理者ページ】→【環境設定の変更】→【ブログの設定】を開きます。

〔PING送信先〕 に既にいくつか入っているPING-URLを全部消してしまいましょう。
〔訪問履歴の設定〕 で、「履歴を残さない」に設定します。
〔記事投稿時の基本設定〕で、〔TOPページへの更新の通知〕を「通知しない」に設定します。



次に、現在使用されているテンプレートのHTML部分に

<!--▼以下、検索にひっかかりたくない場合のタグ(<head>~</head>に入れる事-->
<head>
<meta name="robots" content="noindex,nofollow">
<!--/ここまで▲-->

を組み込みます。


あとは、トラックバック機能を使わないように設定してしまえばほぼ完璧でしょう。


これで、迷惑トラバは来なくなりますし
URLを貴方がおしえた方ぐらいしか訪問者はいなくなるでしょう。






逆に
アクセス数を増やしたい、という方は

PING送信しましょう。


現在FC2で設定してあるPING先だけでなく、

http://ping.myblog.jp
http://ping.cocolog-nifty.com/xmlrpc
http://blog.goo.ne.jp/XMLRPC
http://bulkfeeds.net/rpc
http://coreblog.org/ping/
http://ping.bloggers.jp/rpc/
http://www.blogpeople.net/servlet/weblogUpdates
http://blogdb.jp/xmlrpc
http://www.blogoole.com/ping/
http://ping.amagle.com/
http://rpc.technorati.jp/rpc/ping
http://api.my.yahoo.com/RPC2
http://ping.exblog.jp/xmlrpc
http://ping.bloggers.jp/rpc/
http://blog.rank10.net/update/ping.cgi
http://ping.blogmura.jp/rpc/

↑国内PING。コピペでOK^^


他にも

星座別PING飛ばし先

なんていうのもありました。


http://rpc.technorati.com/rpc/ping
http://rpc.blogrolling.com/pinger/
http://ping.blo.gs/

↑は海外へのPING

アクセス数は確実に増えるでしょうが、そのぶんリスクも大きくなります。
そこのところの兼ね合いをご自身で納得されてのことなら構わないでしょう。



他には、ランキングに登録する。

これ、わたしもかつて試しに登録したことあったんですが
ちょいエロな内容で書くと商用エログ関連サイトからビシバシ
コメントやらトラバやら飛んでくるようになりますw

アダルト関連だけでなく、ランキング表を見てきてみました、というお客さまも増えます。

でもこれもわたしは短期間で撤退したなぁ・・(苦笑

日に平均30~50もあればよかったアクセス数が一気に300~500に跳ね上がり
おのずと荒らしコメントも増え、苦労しましたので・・。





いろいろお試しあれ。
[小技]@観られたい見られたくない  | Top↑






| Top |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。