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

  スポンサーサイト

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

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

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

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

設置後のイメージは、↓こんな感じです。


+追記
2004,05,06 追加するJavaScriptにミスがありましたので、修正しました。
まず、HTMLを変更します。
太字部分を追加、赤字部分を変更してください。

<body>
<a name="top"></a>


<!--HEAD-->
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="10" background="../template/pict/img/left.gif"><img src="../template/pict/img/blank.gif" width="1" height="100" /></td>
<td width="700" background="../template/pict/img/main.jpg"> ←削除

<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("<td width='700' background='");
document.write(getHeaderPicFileName());
document.write("'>");
// -->
</script>



<!-- BEGIN title -->

<h1 class="site_title">{blog_name}</h1>
<div class="description">{blog_description}</div>

<!-- END title -->

</td>
<td width="10" background="../template/pict/img/right.gif"><img src="../template/pict/img/blank.gif" width="1" height="100" /></td>
</tr>
</table>

次にCSSの修正です。
赤字部分を変更してください。

.description {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 12px;
font-weight: bolder;
color: #000000;
margin: 10px 0px 0px 20px;
}

※marginは、余白の設定です。
 記述した順に[上][右][下][左]の余白の幅を設定できます。

以上で、JUGEMのテンプレート:pictで設置は完了です。
others(Headpic Sharing Project) | permalink | comments(15) | trackbacks(2) | ↑top
Clip!! | Ranking |

  スポンサーサイト

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

  Comment List
strollさん
トップページ画像共有プロジェクトに参加させていただいたものです。有難う御座います。
画像は無事表示されたのですが、右側の下の部分の画像がづれてしまします。
head部分にリストメニューを付けているのが原因なんでしょうか?
恐れ入りますが解決方法について御教示いただけませんか。
京極恭輔さん | 2004/05/07 01:41
>>京極恭輔さん
Blogpeopleなどの幅の設定はどうなっていますか?
幅の値を小さくしてみてください。
たぶん直るはず。
strollさん | 2004/05/07 02:56
strollさん
色々有難う御座います。
Blogpeole等の幅を調整してみましたが駄目でした。
素人なりに試してみたんですが、どうも原因はリストメニューのようです。
これをhead部分に入れると画像の下がづれます。
何とか画像の下の部分にリストメニューを入れたいんですが解決方法を御教示いただけませんか。宜しく願いします。
因みに現在は暫定的に<!-- entry -->の下に入れてますがリストメニューのタグは下記です。
<div
id="navcontainer">
<ul id="navlist">
<li><a href="http://oasis.jugem.cc/?cid=2/"
title="blog改造">blog改造</a></li>
<li><a href="http://oasis.jugem.cc/?eid=6#comments/"
title="掲示板">掲示板</a></li>
<li><a
href="http://oasis.jugem.cc/?cid=3"
title="雑記">雑記</a></li>
<li><a href="http://oasis.jugem.cc/?cid=5"
title="特派員だより">特派員だより</a></li>
<li><a
href="http://oasis.jugem.cc/?cid=1"
title="面白サイト">面白サイト</a></li>
</ul>
</div>
京極恭輔さん | 2004/05/07 13:02
>>京極恭輔さん
ダメでしたか。
ちょっと京極恭輔さんのblogのソースとか見てみます。

それと・・・Mozilla Firefoxというブラウザで見ると
レイアウトが大変なことになっちゃってますよ(^^;

Mozilla Firefox
http://jt.mozilla.gr.jp/products/firefox/
strollさん | 2004/05/07 13:14
>>京極恭輔さん
いくつか気づいた点があります。
1)設置例にミスがありました。
  一応レイアウト崩れには影響ないようですが
  貼り付けるJavaScript部分を再度張り付け直してください。

2)京極恭輔さんがレイアウトが崩れると言っていた箇所を
  間違えて見てました(-_-;
  > これをhead部分に入れると画像の下がづれます。
  ↑もずれてるんですが、Firefoxだとエントリー部分の
  右のほうの幅が崩れちゃってます。
  これの原因はBlogPeople達だというのはわかったんですが・・・。
  全体の幅を700から715などに変更することで対応可能かもしれません。

3)で、head部分に入れると画像の下がづれる点は、
  .site_title {}の中にあるmarginの値を
  margin: 10px 0px 10px 20px;のように
  変更してみてください。

  site_titleとdescription、メニューの高さを足すと
  100を超えてしまうのが原因です。

※marginは、余白の設定です。
 記述した順に[上][右][下][左]の余白の幅を設定できます。
strollさん | 2004/05/07 13:51
strollさん
お手数をお掛けして申し訳有りません。
.site_title {}の中にあるmarginの値を
margin: 10px 0px 10px 20px;のように変更たら解決しまた。
Mozilla Firefoxで見るとレイアウトが大変なことになっていることについては今後の課題にしたいと思います。
色々と難しいんですね、あちらを立てればこちらが立たずですか。
奥が深いですね。
今後とも宜しくお願いします。
京極恭輔さん | 2004/05/07 18:24
>>京極恭輔さん
無事、解決できたみたいでよかったです。
次は、Mozilla Firefoxでの対応がんばってください。
strollさん | 2004/05/09 01:24
i like this site
bactrim phentermineさん | 2006/03/17 11:47
read this
play let it ride pokerさん | 2006/03/18 23:18
ooops sorry
yoo hop great
ambien alcoholさん | 2006/03/20 08:17
<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
Terry Walshさん | 2006/03/21 08:04
Cherea Jacksonさん | 2006/03/22 09:20
me asians friends
remeronさん | 2006/03/23 08:09
Marti Payneさん | 2006/03/25 10:48

  Comment









  Trackback URL
 

  Trackback
トップページ画像共有プロジェクトに参加しました。 というか、私の場合は提供出来る画像がないので「御相伴に預かりました。」??? strll::blogさんのテンプレート:pictでの設置例を参考にさせていただきました。
JUGEM版 心のオアシス | 2004/05/06 19:47
テンプレートをカスタマイズしてみました。元になるpictテンプレートを使って、N@Blogさんのトップ画像共有プロジェクトを利用して、トップの画像が変化するようにしてみました。まだ途中なので、タイトルが見えないとかあるので、後で手直ししようと思ってます。 参
Hello,Good-bye | 2004/07/09 09:04
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs