n秒後にリンク先へ自動ジャンプ(JavaScript)
2009.05.01 Friday | category:カスタマイズメモ
画像にロールオーバー効果
2009.04.03 Friday | category:カスタマイズメモ
<span style="色番号">〜 <span>で指定された色をCSSで一括変更する
2009.04.01 Wednesday | category:カスタマイズメモ
記事内で<span style="color:色番号">文字</span>を使用して変更していた文字色をCSSで一括変更してあげようというカスタマイズ。
上記のように<span> 〜 </span>を使用して色を変更した場合、ソースはこのようになっています。
※赤字部分はテンプレートによって異なっている場合があります。
CSSに下記のようなカスタマイズを施すことにより<div class="entry_body">〜</div>ブロック内の<span>〜</span>内の文字は全て黒色に変更されます。
※<span>〜</span>を使用した複数色指定ができなくなることに注意しましょう。
本文テスト
本文テスト
本文テスト
上記のように<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>を使用した複数色指定ができなくなることに注意しましょう。
「 続きを読む >>」の文字をカスタマイズする
2009.03.31 Tuesday | category:カスタマイズメモ
テンプレートのHTMLに含まれる{entry_sequel}と下記タグを入れ替えましょう。
画像を使用する場合
参考:独自タグを2点追加(JUGEMお知らせブログ)
<!-- 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お知らせブログ)
ランダムに画像を表示させるjavascript
2009.01.21 Wednesday | category:カスタマイズメモ
<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>