画像変更

[新着] Webテンプレートを仮オープンしました

0   名前： ゆり ： 2007/03/04（日） 17:53  ID:YMQN2TIL sub-zH
http://keihan.padotown.net/room.cgi?address=081305

ここの「ゲストの方は書き込みできません」の上にある２本のグレーの線を
ライン画像に変更したのですがわかる方がいらっしゃれば教えて下さい。

もしよろしければ
そのラインの上にある黒板と日記の絵のアイコンの画像を変更するタグも知りたいです。

宜しくお願いいたします。
1   名前： 元帥 ： 2007/03/04（日） 17:53  ［URL］  ID:xIQujz8/ sub-bK
> 変更したのですが
したいの入力ミスと考えて話を進めます。
単にラインの画像を表示させてはいかがでしょう。
http://www.tagindex.com/html_tag/img/img.html

> アイコンの画像を変更するタグ
src属性を書き換えて下さい。
http://www.tagindex.com/html_tag/img/img.html
2   名前： ゆり ： 2007/03/04（日） 17:53  ID:YMQN2TIL sub-zH
回答ありがとうございます。

説明不足で申しわけございません。

設定画面がありスタイルシートという欄があります。
そこに例えばこのラインの色を変えるには
div.room_separator{
background:色;}
と入力すると色の変更が出来るようなのですが
色変更ではなくラインを画像に変更したいのです。


黒板と日記の絵のアイコンの画像もラインと同じく
スタイルシート？で変更したいのです。

知識不足の為説明も下手ですみません。


3   名前： Newのり太 ： 2007/03/04（日） 17:53  ID:ZDE5Z0zE sub-1h
その「設定画面」に、あなたがスタイルまたは画像を変更したいと思う箇所に当てはまる部分がなければ無理かもしれません。

ラインの部分については、CSSを弄れるのなら背景として画像を表示させることは可能かもしれません。
もっとも、その画像をおいて置く場所を確保しなければいけないでしょうけど。
# そこのサーバーに画像置き場みたいなのがあれば別。
4   名前： 元帥 ： 2007/03/04（日） 17:53  ［URL］  ID:xIQujz8/ sub-bK
HTML、CSSにはそれぞれ役割があります。
デザインやスタイルを決めるのがCSSです。
それ以外の事がしたいならHTMLやJavaScriptですが、ファイルの編集ができないならレンタルサーバーを別のものに乗り換えた方が無難です。
先ず、どこまで自分で手を加えられるサービスなのかを確認して下さい。

ラインに関しましては>>3を参考に。

アイコン画像の変更ですが、通常はスタイルシートの範疇外です。
しかし、ハック的な技により何か方法があるかもしれません。
取り敢えず下記を思いつきました。
background-image:url(hogehoge.gif);/*変更後の画像*/
background-repeat:no-repeat;
background-position:right; 
padding-right:2000px;
width:100px;/*画像横幅*/
height;100px;/*画像縦幅*/
position:relative;
left:-2000px;
表示位置を大幅にズラして、背景画像のみを表示させてしまおうという手です。
画像を表示でき且つCSSをまともに理解できるブラウザなら使用可能ですが、IEは解釈が若干異なるので使用できないかもしれません。
5   名前： ゆり ： 2007/03/04（日） 17:53  ID:snpCDc9X sub-zH
画像置き場というかそこで表示出来る画像はあります。

例えば

<STYLE TYPE="text/css">
BODY{ background-image:url("http://sora.poche.jp/hanataro/kabe_a_car01.jpg");background-position: right bottom ;background-repeat: no-repeat;background-attachment: fixed;}
</STYLE>

といれれば壁紙右下固定が出来ます。


div.room_separator{
background:色;}
といれれば
ラインの色が変更出来ます。

色ではなく画像で指定がしたいのです。



黒板と日記の絵のアイコンについてはどの部分で
呼び出せばよいのかもわかりません(^^;)




6   名前： ゆり ： 2007/03/04（日） 17:53  ID:snpCDc9X sub-zH
元帥さんご親切な返答ありがとうございます。
色々な事を思いつかれすごいなぁと尊敬します。
もっと勉強してわかるようになりたいのですが
何から始めればよいのかもわからずとりあえず参考書を買ってみました(^^;)

背景画像のみを表示させてしまおうという手
というのは？
単にアイコンの画像を変更するのとは違うのですか？

わたし詳しくないのでよくわからないのですが
ちょっと指定すれば色んな事が変更できるようなのです…


.bbs_infoalert{background-color:transparent; color: #cccccc; border:1px solid #cccccc;font-size:10px;line-height:120%}


とスタイルシートという欄にいれれば
<注意> おやくそくという部分のクリーム色の背景が透過になったり…

7   名前： Newのり太 ： 2007/03/04（日） 17:53  ID:ZDE5Z0zE sub-1h
> div.room_separator{
> background:色;}
> といれれば
> ラインの色が変更出来ます。
>
> 色ではなく画像で指定がしたいのです。

そのページのHTMLにおいては、その仕切り線は、
<div class="room_separator"></div>
としてマークアップされていて、そのスタイルをcssで指定することによって現状のような見栄えになっています。
HTMLを弄れない以上、要素そのものを変更することは出来ませんから、
<div class="room_separator"></div>
の部分に画像を表示したければ、背景画像として表示するしかありません。
で、background-image プロパティを付け足せば？ってことになります。
http://www.tagindex.com/stylesheet/box/background_image.html
場合によっては、heightや、background-repeat、background-position も指定したほうがいいかもしれません。


アイコンについては、その伝言板の仕様として、画像を変更することが可能で、
「黒板の画像を変更する場合は、ここに画像のURLを書いてください。」
みたいなことが明示的に書かれてなければ基本的に出来ないのでしょう。

まあ、>>4で仰っているように、「どこまで自分で手を加えられるサービスなのか」が問題で、サービスの仕様や実際の設定画面がわからない我々にとってはあくまでも推測になってしまうのですが。

HTMLで出来ること出来ないこと、CSSで出来ること出来ないこと、が理解できれば、自分のしたいことがそのサービスで可能かどうか自分で判断できるのではないかと思います。
一覧へ戻る