ホームページビルダー作成報告

前掲示板 HELP 新着記事 ツリー表示 トピック表示 検索 過去ログ

過去ログ表示

過去ログ34 を表示

表示ログ 過去ログ1 過去ログ2 過去ログ3 過去ログ4
過去ログ5 過去ログ6 過去ログ7 過去ログ8
過去ログ9 過去ログ10 過去ログ11 過去ログ12
過去ログ13 過去ログ14 過去ログ15 過去ログ16
過去ログ17 過去ログ18 過去ログ19 過去ログ20
過去ログ21 過去ログ22 過去ログ23 過去ログ24
過去ログ25 過去ログ26 過去ログ27 過去ログ28
過去ログ29 過去ログ30 過去ログ31 過去ログ32
過去ログ33 過去ログ34 過去ログ35 過去ログ36
過去ログ37 過去ログ38 過去ログ39 過去ログ40
過去ログ41 過去ログ42 過去ログ43 過去ログ44
過去ログ45 過去ログ46 過去ログ47 過去ログ48
過去ログ49 過去ログ50 過去ログ51 過去ログ52
過去ログ53 過去ログ54

過去ログ検索は 検索 より行えます。
記事数 / 114件 (41-60 を表示) / 全ページ数 / [0] [1] [2] [3] [4] [5]

No.15544/Re[1]: エラーの修正のしかた教えてください。
■投稿者/ min -(2004/07/02(Fri) 21:19:37)

    No15534に返信(ひだまりさんの記事)
    > ホームページビルダ操作初心者です。
    > SOHOページを一生懸命に作成してみたのですが、
    > トップページでオブジェクトを指定くださいとのエラーメッセージがでます。
    > 操作が今一なれてないものでどのように解除したらよいのか困っています。
    > 大変申し訳ないのですが、操作方法を教えて頂けませんか?

    ゆえさんと同じく XP、IE6.0ではエラーになりませんでしたが
    ME、IE6.0で、下記の部分にスクリプトエラーが出ました。

    <SCRIPT language="JavaScript">
    <!--HPB_SCRIPT_PLD_n50
    HpbImgPreload('_HPB_ROLLOVER2', 'sh07_n21.gif', 'sh07_n23.gif');
    HpbImgPreload('_HPB_ROLLOVER3', 'sh07_n31.gif', 'sh07_n33.gif');
    HpbImgPreload('_HPB_ROLLOVER4', 'sh07_n41.gif', 'sh07_n43.gif');
    HpbImgPreload('_HPB_ROLLOVER5', 'sh07_n51.gif', 'sh07_n53.gif');
    //-->
    </SCRIPT>

    このロールオーバーは、現在使用されてないようですので取ってみてはいかがでしょう。
    削除するときに、間違えて他のスクリプトを一緒に削除しないようにお気をつけ下さい。
記事No.15534 のレス / 関連記事表示
削除チェック/

No.15554/セルを浮き立たせる・・?
■投稿者/ えびドリア -(2004/07/03(Sat) 10:34:33)
□U R L/http://members8.tsukaeru.net/line/

    こんにちは
    サイトなどを探しても見つからなかったので質問させていただきます。
    ホームページの表のセルを左と上だけ1ピクセルくらい線を入れて
    セルが立体的に見えるようにしたいのですが、やり方が分りません。
    できればスタイルシートを使ったやり方がいいです(スタイルシ0トを使わないとできないか・・?^^;)
親記事 / 関連記事表示
削除チェック/

No.15555/Re[1]: セルを浮き立たせる・・?
■投稿者/ Newのり太 -(2004/07/03(Sat) 11:28:30)
□U R L/http://www.wsb.jp/hpb/cgi/qabbs/cbbs.cgi?mode=man&no=0

    No15554に返信(えびドリアさんの記事)
    > こんにちは
    > サイトなどを探しても見つからなかったので質問させていただきます。
    > ホームページの表のセルを左と上だけ1ピクセルくらい線を入れて
    > セルが立体的に見えるようにしたいのですが、やり方が分りません。
    > できればスタイルシートを使ったやり方がいいです(スタイルシ0トを使わないとできないか・・?^^;)

    スタイルシートマネージャーでTDのレイアウト>ボーダー、で
    画面左上のプルダウンメニューから「上方向」と「左方向」を選び、
    それぞれにお好みのスタイルを設定します。

    "立体的"の解釈は人それぞれですが、
    上、左を明るい色、下、右を暗い色(あるいはその逆)にすると
    それらしく見えるのではないでしょうか。
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15556/Re[2]: セルを浮き立たせる・・?
■投稿者/ えびドリア -(2004/07/03(Sat) 12:44:21)
□U R L/http://members8.tsukaeru.net/line/

    有難うございます。
    もう一つ質問なんですが、セルの上にポインタが来たら
    立体的(ボーダーの色が変わる)になるという設定もしたいのですが
    どのようにしたらできるでしょうか?
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15557/Re[3]: セルを浮き立たせる・・?
■投稿者/ Newのり太 -(2004/07/03(Sat) 13:56:56)
□U R L/http://www.wsb.jp/hpb/cgi/qabbs/cbbs.cgi?mode=man&no=0

    No15556に返信(えびドリアさんの記事)
    > 有難うございます。
    > もう一つ質問なんですが、セルの上にポインタが来たら
    > 立体的(ボーダーの色が変わる)になるという設定もしたいのですが
    > どのようにしたらできるでしょうか?

    「リンク文字のある」セルってことなら
    下記のスレッドでnaka@sukieroさんがご紹介のページを
    応用すればできる・・・みたいです。。

    http://www.wsb.jp/hpb/cgi/qabbs/srch.cgi?mode=srch&ALL=1&word=15260&logs=./cqabbs.dat&no=0

    IE6.0・・OK
    NN7.1・・OK
    opera7.23・・ちょっとへん

    # 実際には「セル」のボーダーに色がついているわけではないようですが。。

    <編集>
    naka@sukieroさんが提示されたページを直接リンクしておきます。
    http://allabout.co.jp/computer/hpcreate/closeup/CU20020709A/index.htm
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15558/Re[4]: セルを浮き立たせる・・?
■投稿者/ えびドリア -(2004/07/03(Sat) 14:57:50)
□U R L/http://members8.tsukaeru.net/line/

    すいません。
    このページを見てもイマイチ分らないんですが・・
    説明の仕方が悪かったのでしょうか?
    要するに、セルの上にマウスを乗せると枠の左と上の線の色が
    変わるようにしたいのです。
    ホームページビルダーでできないでしょうか?
    わがままですみません。。
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15560/Re[5]: セルを浮き立たせる・・?
■投稿者/ Newのり太 -(2004/07/03(Sat) 15:50:08)
□U R L/http://www.wsb.jp/hpb/cgi/qabbs/cbbs.cgi?mode=man&no=0

    > 要するに、セルの上にマウスを乗せると枠の左と上の線の色が
    > 変わるようにしたいのです。
    > ホームページビルダーでできないでしょうか?

    ご質問内容を理解した上で、「応用すれば〜」と書かせていただいたのですが。。

    リンク先のページでは、a.widelink:hoverというクラスで
    リンク文字の色とセル(実際はセル幅いっぱいに見立てたAタグ)の背景色を変えていますが
    同様にボーダーにスタイルを設定したらいいのではないでしょうか。

    ビルダーでやるには、とりあえずHEAD区間に
    <STYLE TYPE="text/css"><!--
    a.widelink { display: block; width: 100%; text-decoration: none; }
    a.widelink:hover { background-color: #ffff99; color: red; }
    --></STYLE>
    と、コピペしたあと、スタイルシートマネージャーを起動すると
    a.widelink、a.widelink:hover というクラスが出来ているので
    それぞれのレイアウト>ボーダーに希望のスタイルを設定してください。
    background-color: #ffff99; color: red; の部分が不要でしたら
    a.widelink:hover の「カラーと背景」の前景色、背景色を標準としてクダサイ。

    <HEAD></HEAD>間に

    <STYLE TYPE="text/css"><!--
    A.widelink { display: block; width: 100%;
    text-decoration : none;
    border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-top-color : silver;border-right-color : silver;border-bottom-color : silver;border-left-color : silver;}
    A.widelink:hover { color: red; border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-top-color : silver;border-right-color : black;border-bottom-color : black;border-left-color : silver;}
    --></STYLE>

    <BODY></BODY>間に

    <TABLE>
    <TBODY>
    <TR>
    <TD width="100" align="center"><A href="hoge1.html" class="widelink">hoge1</A></TD>
    <TD width="100" align="center"><A href="hoge2.html" class="widelink">hoge2</A></TD>
    </TR>
    <TR>
    <TD width="100" align="center"><A href="hoge3.html" class="widelink">hoge3</A></TD>
    <TD width="100" align="center"><A href="hoge4.html" class="widelink">hoge4</A></TD>
    </TR>
    </TBODY>
    </TABLE>

    ↑の例ですと、銀色の枠線がオンマウスで立体的(下、右が黒)になります。
    (あ、ついでに文字も赤に変わります。)

    # 今日はじめてやってみたらタマタマできたというだけなので
    # あまりつっこまないように。。^^;
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15572/Re[6]: セルを浮き立たせる・・?
■投稿者/ えびドリア -(2004/07/03(Sat) 23:35:05)
□U R L/http://members8.tsukaeru.net/line/

    わかりました!!
    有難うございました
記事No.15554 のレス / END / 関連記事表示
削除チェック/

No.15559/Re[5]: セルを浮き立たせる・・?
■投稿者/ naka@sukiero -(2004/07/03(Sat) 15:49:25)

    No15558に返信(えびドリアさんの記事)
    > すいません。
    > このページを見てもイマイチ分らないんですが・・
    > 説明の仕方が悪かったのでしょうか?
    > 要するに、セルの上にマウスを乗せると枠の左と上の線の色が
    > 変わるようにしたいのです。
    > ホームページビルダーでできないでしょうか?
    > わがままですみません。。

    画像にすれば?

    通常線が非表示なら
    通常の色をセルの背景色に指定
    そのうえに透過GIF
    ロールオーバーで表示する線の画像

    通常線を表示するのなら
    透過GIFの代わりに その画像

    セルの大きさによっては重いけど
記事No.15554 のレス / 関連記事表示
削除チェック/

No.15573/Re[6]: セルを浮き立たせる・・?
■投稿者/ えびドリア -(2004/07/03(Sat) 23:35:51)
□U R L/http://members8.tsukaeru.net/line/

    そんなやり方もあったんですね
    機会があったら試してみたいと思います
    助言を有難うございます。
記事No.15554 のレス / END / 関連記事表示
削除チェック/

No.15553/折りたたみ式メニュー
■投稿者/ Rn -(2004/07/03(Sat) 09:38:27)
□U R L/http://www.jomon.ne.jp/~aomorikg/

    折りたたみ式メニューの質問です。
    クリックでサブメニューが表示されますが、次のサブメニューをクリックしたとき
    に、前のサブメニューが元に戻る(閉じる)ようにしたいのですがどのようにす
    ればいいのでしょうか。
親記事 / 関連記事表示
削除チェック/

No.15561/Re[1]: 折りたたみ式メニュー
■投稿者/ yamaV1.02β -(2004/07/03(Sat) 17:17:33)

    No15553に返信(Rnさんの記事)
    > 折りたたみ式メニューの質問です。
    > クリックでサブメニューが表示されますが、次のサブメニューをクリックしたとき
    > に、前のサブメニューが元に戻る(閉じる)ようにしたいのですがどのようにす
    > ればいいのでしょうか。
    >
    これで如何。・・・疲れた。(-o-)

    <SCRIPT language=JavaScript>
    <!--
    aryId=new Array(2)//menu項目の数
    aryId[0]="sub_a"
    aryId[1]="sub_b"
    /*aryId[2]="sub_c"
    aryId[3]="sub_d"
    aryId[4]="sub_e"
    aryId[5]="sub_f"
    aryId[6]="sub_g"
    aryId[7]="sub_h"
    aryId[8]="sub_i"
    aryId[9]="sub_j"
    aryId[10]="sub_k"
    aryId[11]="sub_l"*/
    var stId
    function msl(idmn)
    {
    for(i=0;i<aryId.length;i++){document.getElementById(aryId[i]).style.display='none';}
    if(stId!=idmn){
    document.getElementById(idmn).style.display='block';
    stId=idmn;
    }
    }
    function chngIRO(obj){
    with(obj.style){
    backgroundColor="black";
    color="white";
    }
    }
    function chngCLOR(obj)
    {
    with(obj.style){
    backgroundColor="#ffc";
    color="#000";
    }
    }
    //-->
    </SCRIPT>
    <STYLE type=text/css>
    <!--
    .menu {
    BORDER: #9999ff 1px solid;
    WIDTH: 100px;
    CURSOR: pointer;
    BACKGROUND-COLOR: #ffffcc;
    ;}
    .sub {
    DISPLAY: none
    ;}
    -->
    </STYLE>
    <BODY>
    <DIV class=menu onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)" onclick="javascript:msl('sub_a')">学校長より</DIV>
    <UL class=sub id=sub_a>
    <LI>挨拶
    </UL>
    <DIV class=menu
    onclick="javascript:msl('sub_b')" onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)">学校紹介</DIV>
    <UL class=sub id=sub_b>
    <LI>学校案内
    <LI>教育目標</LI>
    </UL>
    <!--中略-->
    </BODY>
    </HTML>
記事No.15553 のレス / 関連記事表示
削除チェック/

No.15564/Re[2]: 折りたたみ式メニュー
■投稿者/ Rn -(2004/07/03(Sat) 21:08:04)
□U R L/http://www.jomon.ne.jp/~aomorikg/

    ご親切にありがとうございます。ほとんどJavaScriptはわかりませんので
    いろいろやってみたのですが、うまくいきませんでした。すみません。

    > <SCRIPT language=JavaScript>
    > <!--
     aryId=new Array(2)//menu項目の数 ←(2)へはmenuの数を入力すればいいのでしょうか?menuは14なのですが・・・。

    > aryId[0]="sub_a"
    > aryId[1]="sub_b"
    > /*aryId[2]="sub_c"
    > aryId[3]="sub_d"
    > aryId[4]="sub_e"
    > aryId[5]="sub_f"
    > aryId[6]="sub_g"
    > aryId[7]="sub_h"
    > aryId[8]="sub_i"
    > aryId[9]="sub_j"
    > aryId[10]="sub_k"
    > aryId[11]="sub_l"*/
    > var stId
    > function msl(idmn)
    > {
    > for(i=0;i<aryId.length;i++){document.getElementById(aryId[i]).style.display='none';}
    > if(stId!=idmn){
    > document.getElementById(idmn).style.display='block';
    > stId=idmn;
    > }
    > }
    > function chngIRO(obj){
    > with(obj.style){
    > backgroundColor="black";
    > color="white";
    > }
    > }
    > function chngCLOR(obj)
    > {
    > with(obj.style){
    > backgroundColor="#ffc";
    > color="#000";
    > }
    > }
    > //-->
    > </SCRIPT>
    > <STYLE type=text/css>
    > <!--
    > .menu {
    > BORDER: #9999ff 1px solid;
    > WIDTH: 100px;
    > CURSOR: pointer;
    > BACKGROUND-COLOR: #ffffcc;
    > ;}
    > .sub {
    > DISPLAY: none
    > ;}
    > -->
    > </STYLE>
    > <BODY>
    > <DIV class=menu onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)" onclick="javascript:msl('sub_a')">学校長より</DIV>
    > <UL class=sub id=sub_a>
    > <LI>挨拶
    > </UL>
    > <DIV class=menu
    > onclick="javascript:msl('sub_b')" onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)">学校紹介</DIV>
    > <UL class=sub id=sub_b>
    > <LI>学校案内
    > <LI>教育目標</LI>
    > </UL>

    2つのmenuまではうまくいきますが、3つめからはどのようにすればいいのでしょうか?
    onclick="javascript:msl('sub_c')" onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)">学校情報</DIV>
    > <UL class=sub id=sub_c>
    このように記載しながら試したのですがうまくいきません。また、マウスが上に来たときに黒になりますが、別な色にする方法も教えてもらえないでしょうか。すべてお願いばかりで申し訳ありません。



記事No.15553 のレス / 関連記事表示
削除チェック/

No.15567/Re[3]: 折りたたみ式メニュー
■投稿者/ yamaV1.02β -(2004/07/03(Sat) 22:47:22)

    No15564に返信(Rnさんの記事)
    > ご親切にありがとうございます。ほとんどJavaScriptはわかりませんので
    > いろいろやってみたのですが、うまくいきませんでした。すみません。
    >
    お、前回はすんなり出来ていましたので、説明を
    省略しました。
    >><SCRIPT language=JavaScript>
    >><!--
    >  aryId=new Array(2)//menu項目の数 ←(2)へはmenuの数を入力すればいいのでしょうか?menuは14なのですが・・・。
    >
    sub_aからsub_lまでで「エービーシー・・・」
    と指折り数えていくと
    12個になります。
    14個あるのならsub_nまで作っておいて
    aryId(14)にしておきます。
    以下12個の場合で説明します。

    >>aryId[0]="sub_a"
    >>aryId[1]="sub_b"
    >>/*aryId[2]="sub_c"
     ↑ここの /* を外します。

    >>aryId[3]="sub_d"
    >>aryId[4]="sub_e"
    >>aryId[5]="sub_f"
    >>aryId[6]="sub_g"
    >>aryId[7]="sub_h"
    >>aryId[8]="sub_i"
    >>aryId[9]="sub_j"
    >>aryId[10]="sub_k"
    >>aryId[11]="sub_l"*/
              ↑ここの */ も外します。
    >>var stId
    >>function msl(idmn)
    >>{
    >>for(i=0;i<aryId.length;i++){document.getElementById(aryId[i]).style.display='none';}
    >>if(stId!=idmn){
    >> document.getElementById(idmn).style.display='block';
    >> stId=idmn;
    >>}
    >>}
    >>function chngIRO(obj){
    >> with(obj.style){
    >> backgroundColor="black";
                        ↑ここで
    オンマウス時背景黒を
    指定しています。
    http://www.cybergarden.net/diccolor/
    ↑このページ辺りを参考に好きな色に変更します
    >> color="white";
                  ↑ここはオンマウス時
    のフォントカラーです。
    >> }
    >>}
    >>function chngCLOR(obj)
    >>{
    >> with(obj.style){
    >> backgroundColor="#ffc";
                        ↑ここは   
                    マウスアウト時の背景色
    >> color="#000";
                  ↑マウスアウト時のフォントカラー
    htmlとは違い#000000は#000と省略して記述可です。cssと同じです。
    >> }
    >>}
    >>//-->
    >></SCRIPT>
    >><STYLE type=text/css>
    >><!--
    >>.menu {
    >> BORDER: #9999ff 1px solid;
    >>WIDTH: 100px;
    >>CURSOR: pointer;
    >>BACKGROUND-COLOR: #ffffcc;
    >>;}
    >>.sub {
    >> DISPLAY: none
    >>;}
    >>-->
    >></STYLE>
    >><BODY>
    >><DIV class=menu onmouseover="chngIRO(this)"
    ↑マウスアウトイベント
    onmouseout="chngCLOR(this)"
                ↑オンマウスイベント
    onclick="javascript:msl('sub_a')">学校長より</DIV>
    >><UL class=sub id=sub_a>
    >> <LI>挨拶
    >></UL>
    >><DIV class=menu
    >>onclick="javascript:msl('sub_b')" onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)">学校紹介</DIV>
    >><UL class=sub id=sub_b>
    >> <LI>学校案内
    >> <LI>教育目標</LI>
    >></UL>
    >
    > 2つのmenuまではうまくいきますが、3つめからはどのようにすればいいのでしょうか?
    コメント /*  と */ を外して配列(と言います)の数をidの数にあわせてやれば
    このサンプルは動作します。
    同一メニューのクリックは2回まで。展開→格納、で次の展開は他のメニューを
    クリックしない限り実行されません。(今回も妥協です)

    > onclick="javascript:msl('sub_c')" onmouseover="chngIRO(this)" onmouseout="chngCLOR(this)">学校情報</DIV>
    >><UL class=sub id=sub_c>
    > このように記載しながら試したのですがうまくいきません。また、マウスが上に来たときに黒になりますが、別な色にする方法も教えてもらえないでしょうか。すべてお願いばかりで申し訳ありません。

    >
    >
記事No.15553 のレス / 関連記事表示
削除チェック/

No.15568/Re[4]: 折りたたみ式メニュー
■投稿者/ yamaV1.02β -(2004/07/03(Sat) 23:02:57)

    訂正:
    aryId(14)→aryId=new Array(14)
記事No.15553 のレス / 関連記事表示
削除チェック/

No.15575/Re[5]: 折りたたみ式メニュー
■投稿者/ Rn -(2004/07/04(Sun) 10:26:57)
□U R L/http://www.jomon.ne.jp/~aomorikg/

    本当にありがとうございました。
    落ち着いて試さなかったので間違いがあったようでした。

記事No.15553 のレス / 関連記事表示
削除チェック/

No.15576/Re[6]: 折りたたみ式メニュー
■投稿者/ yamaV1.02β -(2004/07/04(Sun) 11:15:19)

    No15575に返信(Rnさんの記事)
    できたようですので、解決済みにしておきます。
記事No.15553 のレス / END / 関連記事表示
削除チェック/

No.15581/Re[7]: 折りたたみ式メニュー
■投稿者/ Rn -(2004/07/04(Sun) 16:12:02)
□U R L/http://www.jomon.ne.jp/~aomorikg/

    すみません。解決積みを忘れていました。
    ありがとうございました。
記事No.15553 のレス / END / 関連記事表示
削除チェック/

No.15548/セルの背景色変更について。
■投稿者/ ミサキ。 -(2004/07/03(Sat) 01:15:16)

    初めまして。
    すみません、セルの背景色について少し悩んでいます。

    http://aozora.bbzone.net/eco/template/no-frame5-2/index.htm

    ↑こちらのサイトのテンプレートの変形として、最初にページを開いた時はセルの背景が白く、マウスポインタを合わせると背景色が変化し、再びポインタを離すと白に戻る、という効果を出したいのですが、上手くいきません…。
    よろしければ教えて下さい。お願いします。
親記事 / 関連記事表示
削除チェック/

No.15549/Re[1]: セルの背景色変更について。
■投稿者/ naka@sukiero -(2004/07/03(Sat) 01:30:58)

    No15548に返信(ミサキ。さんの記事)
    > 初めまして。
    > すみません、セルの背景色について少し悩んでいます。
    >
    > http://aozora.bbzone.net/eco/template/no-frame5-2/index.htm
    >
    > ↑こちらのサイトのテンプレートの変形として、最初にページを開いた時はセルの背景が白く、マウスポインタを合わせると背景色が変化し、再びポインタを離すと白に戻る、という効果を出したいのですが、上手くいきません…。
    > よろしければ教えて下さい。お願いします。

    どう上手くいきませんか?
    現状どこまで理解して、どこまで出来ていますか?
記事No.15548 のレス / 関連記事表示
削除チェック/


パスワード/

(ダウンロード後、拡張子を .htm or .html にしてください)
[前の20件] [次の20件]

全ページ数 / [0] [1] [2] [3] [4] [5]

前掲示板 HELP 新着記事 ツリー表示 トピック表示 検索 過去ログ

- Child Tree -