Page: 1/8   >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
n秒後にリンク先へ自動ジャンプ(JavaScript)
<SCRIPT LANGUAGE="JavaScript">
<!--
setTimeout("location.href='リンク先のURL'",1000*n);
//-->
</SCRIPT>
秒数はミリ秒単位で指定します。
※1000*5で5秒後となります。



| pika | - | - | pookmark |
画像にロールオーバー効果
<IMG SRC="A" onmouseover="this.src='B'" onmouseout="this.src='C'">

A=最初に表示する画像のURL。
B=マウスポインタを重ねた時の画像のURL。
C=マウスポインタが離れた後の画像のURL。





| pika | - | - | pookmark |
<span style="色番号">〜 <span>で指定された色をCSSで一括変更する
記事内で<span style="color:色番号">文字</span>を使用して変更していた文字色をCSSで一括変更してあげようというカスタマイズ。

本文テスト
本文テスト
本文テスト

上記のように<span> 〜 </span>を使用して色を変更した場合、ソースはこのようになっています。
※赤字部分はテンプレートによって異なっている場合があります。
<div class="entry_body">
<span style="color:#FF0000">本文テスト</span>
<span style="color:#0000FF">本文テスト</span>
<span style="color:#008000">本文テスト</span>
</div>

CSSに下記のようなカスタマイズを施すことにより<div class="entry_body">〜</div>ブロック内の<span>〜</span>内の文字は全て黒色に変更されます。
.entry_body span {
color: #000000 !important;
}

※<span>〜</span>を使用した複数色指定ができなくなることに注意しましょう。



| pika | - | - | pookmark |
「 続きを読む >>」の文字をカスタマイズする
テンプレートのHTMLに含まれる{entry_sequel}と下記タグを入れ替えましょう。
<!-- BEGIN entry_sequel_link -->
<a href="./?eid={entry_sequel_id}#sequel">ここに好きな文字を入力してください</a>
<!-- END entry_sequel_link -->
<!-- BEGIN entry_sequel_items -->
{entry_sequel_text}
<!-- END entry_sequel_items -->

画像を使用する場合
<a href="./?eid={entry_sequel_id}#sequel"><img src="画像のURL" alt="画像の名前" border="0" /></a>

参考:独自タグを2点追加(JUGEMお知らせブログ)



| pika | - | - | pookmark |
ランダムに画像を表示させるjavascript
<script language="JavaScript">
var imglist = new Array(
"画像URL",
"画像URL",
"画像URL",
"画像URL",
"画像URL" );
var selectnum = Math.floor((Math.random() * 100)) % imglist.length;
var output = "<img src=" + imglist[selectnum] + ">";
document.write(output);
</script>

<noscript>
<img src="画像URL" alt="プロフィール画像">
</noscript>



| pika | - | - | pookmark |

Calendar

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< October 2016 >>

Search

Entry

Category

Archives

Link

Profile

Mail

テンプレート・カスタマイズに関する質問はコチラからどうぞ。
※5日以内に返信が無い場合は、もう一度お送りくださいませ。

メールフォーム

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode

Sponsored Links