2006年03月 - FC2ブログのテンプレート工房

背景に画像を繰り返し表示する方法 [2006/03/19]
トラックバックの部分の色を変える方法 [2006/03/19]
有難う御座います。ブログの素材屋さん [2006/03/15]
新テンプレートをリリースしました。 [2006/03/15]
URLが無記名のときリンクを貼らないようにする [2006/03/05]

≪ 前月 | 2006年03月 | 翌月 ≫

背景に画像を繰り返し表示する方法

背景に画像を繰り返し表示する方法を紹介します。
スタイルシートのbodyに次の記述を加えます。

/* 画面全体 */
body {
～
background-image: url("http://～");
}

("http://～")に画像があるURLを入れてください。
背景に画像が繰り返し表示されます。

【2009/08/04 追記】
繰り返し表示をしたくない場合や、固定表示にしたい場合等は次のようにしてください。

body {
background-image: url("http://～"); /* 背景画像 */
background-attachment: fixed; /* 固定表示 */
background-repeat: no-repeat; /* 繰り返し表示の有無 */
background-position: right bottom; /* 表示位置 */
}

スポンサーサイト

[ 2006/03/19 23:27 ] カスタマイズ共通カスタマイズ | TB(1) | CM(172)

トラックバックの部分の色を変える方法を紹介します。

HTMLを編集します。



<div class="article">
<p><a name="trackback" id="trackback">トラックバック</a></p>
<p>この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a>
</p><br />

<div style="color:#0000ff">
<p><strong><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></strong></p>
<%tb_excerpt>
<hr color="#0000ff" noshade size="1" />
<div class="bottom_navi">
[<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>]
<a href="<%tb_url>" target="_blank" style="color:#0000ff">URL</a>
<%tb_blog_name>
</div>
</div>

</div>



赤い記述を加えるとトラックバック部分の色を変えることができます。数値を変えてお好みの色に設定してください。

[ 2006/03/19 22:23 ] カスタマイズ standard 専用 | TB(0) | CM(2)

有難う御座います。ブログの素材屋さん

ブログの素材屋さんが私のテンプレートにあわせた素材を提供してくれました。
素材を利用したカスタマイズ方法も親切丁寧に解説してくれています。
是非皆様もお立ち寄りください。
有難う御座います。ブログの素材屋さん。

[ 2006/03/15 00:53 ] 雑記 | TB(0) | CM(0)

新テンプレートをリリースしました。

ご要望のあったカラーバージョンをリリースします。

standard_sepia

只今承認中ですが早ければ３月１６日中にはダウンロード可能になるかと思います。宜しければどうぞ。

[ 2006/03/15 00:24 ] 雑記 | TB(0) | CM(0)

URLが無記名のときリンクを貼らないようにする

当テンプレートは"コメントリンクを別窓で開く"という工夫をしている関係上、URLが無記名のときにでも無駄なブランクを張ってしまいました。
URLが無記名のときにはリンクが貼られないようにする方法が解かりましたので紹介します。
HTMLを編集します。


～
<a href="<%comment_url>" target="_blank"><%comment_mail></a>
<a href="<%comment_url>" target="_blank"><%comment_name></a>
～


赤い部分を次のように書き換えます。


～
<SCRIPT LANGUAGE="JavaScript">
v = "<%comment_url>";
iffunc(v);
function iffunc(b)
{
if (b) {
document.write("<a href='<%comment_url>' target='_blank'>"+"<%comment_mail>"+"</a> <a href='<%comment_url>' target='_blank'><%comment_name></a>");
} else {
document.write("<%comment_mail> <%comment_name>");
}
}
</SCRIPT>
～


これでURLが無記名のときにはリンクが貼られなくなるはずです。
一目でURLの有無が解かるので便利ですね。どうぞお試しください。

[ 2006/03/05 21:16 ] カスタマイズ standard 専用 | TB(0) | CM(7)

| HOME |

ブログ内検索1

サイトマップ

カテゴリ別全記事一覧表示

カテゴリ