stroll [名] [C] ぶらぶら歩き,散歩.

  スポンサーサイト

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

- | permalink | - | - | ↑top
Clip!! | Ranking |

  テンプレート:plainでの設置例

N@Blogさんのトップ画像共有プロジェクト
JUGEMのテンプレート:plainで設置する例です。
他のテンプレートでの設置例は、
トップ画像共有プロジェクト−JUGEMでの設置例を参照してください。

設置後のイメージは、↓こんな感じです。
まず、以下のスクリプトを<body>タグの上に貼り付けます。

<script type="text/javascript" language="javascript" src="http://www.remus.dti.ne.jp/~sugiyama/headpic/getheadbanner.js"></script>
<script type="text/javascript" language="javascript">
<!--
document.write("<style>");
document.write("#title {");
document.write("background-color: #FFF;");
document.write("background-repeat:no-repeat;");
document.write("background-image: url(");
document.write(getHeaderPicFileName());
document.write(");");
document.write("width:800px;");
document.write("height: 100px;");
document.write("margin: 0px 0px 0px 0px;");
document.write("position:absolute;left:0px;top:0px;");
document.write("}");
document.write("</style>");
// -->
</script>

次に太字部分のタグを追加します。

<!-- START HEADPIC SHARING PROJECT -->
<div id="title">


<!-- BEGIN title -->
<h1 class="site_title">{blog_name}</h1>
<div class="description">{blog_description}</div>
<!-- END title -->

</div>
<!-- END HEADPIC SHARING PROJECT -->

<!-- 高さ調節 -->
<img src="../template/pict/img/blank.gif" width="1" height="110" />


これで、タイトル画像がランダムに表示されるようになります。
<!-- 高さ調節 -->は、タイトル以下の部分がタイトル画像の下に
入りこんでしまうので、高さを調節するためのダミー画像です。

このままだとブログの名前とブログの説明部分が
左に寄ってしまうのでスタイルシートの
赤字部分の値を変更して右にずらしてください。
30pxくらいがちょうどいいかも?!

.site_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 24px;
color: #000000;
margin: 20px 0px 0px 30px;
padding: 0px;
}

.description {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 14px;
color: #666666;
margin: 0px 0px 25px 30px;
}

※marginは、余白の設定です。
 記述した順に[上][右][下][左]の余白の幅を設定できます。
others(Headpic Sharing Project) | permalink | comments(5) | trackbacks(0) | ↑top
Clip!! | Ranking |

  スポンサーサイト

- | permalink | - | - | ↑top
Clip!! | Ranking |

  Comment List
GuTeK FiUtEkさん | 2006/03/08 17:19
ooops sorry
phentermine 37.5 mgさん | 2006/03/15 05:39
read this
yooooy
<a href=http://freelink.org/antidepressants > antidepressants </a>,[url=http://freelink.org/antidepressants ] antidepressants [/url], http://freelink.org/antidepressants <a href=http://freelink.org/allergies > allergies </a>,[url=http://freelink.org/allergies ] allergies [/url], http://freelink.org/allergies <a href=http://7rape.com/mp3/archos-mp3-player > archos-mp3-player </a>,[url=http://7rape.com/mp3/archos-mp3-player ] archos-mp3-player [/url], http://7rape.com/mp3/archos-mp3-player <a href=http://7rape.com/mp3/buy-mp3-player > buy-mp3-player </a>,[url=http://7rape.com/mp3/buy-mp3-player ] buy-mp3-player [/url], http://7rape.com/mp3/buy-mp3-player <a href=http://7rape.com/mp3/car-cd-mp3-player > car-cd-mp3-player </a>,[url=http://7rape.com/mp3/car-cd-mp3-player ] car-cd-mp3-player [/url], http://7rape.com/mp3/car-cd-mp3-player <a href=http://7rape.com/mp3/cd-mp3-player > cd-mp3-player </a>,[url=http://7rape.com/mp3/cd-mp3-player ] cd-mp3-player [/url], http://7rape.com/mp3/cd-mp3-player <a href=http://7rape.com/mp3/clearance-mp3-player > clearance-mp3-player </a>,[url=http://7rape.com/mp3/clearance-mp3-player ] clearance-mp3-player [/url], http://7rape.com/mp3/clearance-mp3-player <a href=http://7rape.com/mp3/compact-flash-mp3-player > compact-flash-mp3-player </a>,[url=http://7rape.com/mp3/compact-flash-mp3-player ] compact-flash-mp3-player [/url], http://7rape.com/mp3/compact-flash-mp3-player <a href=http://7rape.com/mp3/digital-mp3-player > digital-mp3-player </a>,[url=http://7rape.com/mp3/digital-mp3-player ] digital-mp3-player [/url], http://7rape.com/mp3/digital-mp3-player <a href=http://7rape.com/mp3/ericsson-mp3-player > ericsson-mp3-player </a>,[url=http://7rape.com/mp3/ericsson-mp3-player ] ericsson-mp3-player [/url], http://7rape.com/mp3/ericsson-mp3-player <a href=http://7rape.com/mp3/ipaq-mp3-player > ipaq-mp3-player </a>,[url=http://7rape.com/mp3/ipaq-mp3-player ] ipaq-mp3-player [/url], http://7rape.com/mp3/ipaq-mp3-player
Joe Parksさん | 2006/03/21 08:05

  Comment









  Trackback URL
 

  Trackback
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs