柚璃華さんのらくがき

  ●HOMEへ



[検索][検索解除]  [管理用]
▼ はじめまして
[1633]
柚璃華 投稿日: 2008-03-25 (火) 16:41:21
ID: JOVNA

れいれいさんはじめまして。
今度、サイトを立ち上げようと考えていまして、しぃ堂からとんできました。

実は今回書き込んだのは絵板のことではなく、りる・ふぉれすとさんのメニューについてなのですが、常に左上に表示されているメニューはどういったプログラムを組めば良いのでしょうか？

いきなり来て、こんな質問ぶつけたりしてすみません。

  

れいれい 投稿日: 2008-03-26 (水) 05:26:26
ID: JFIWC

　初めまして、いらっしゃいませ(^^

>常に左上に表示されているメニュー

　IE6やそれ以前のブラウザでは対応してませんが、
スタイルシートを使えば、スクロールに関係なく画面上の位置を決められます。
例えば

<div style="position:fixed; left:○px; top:○px"> 〜 </div>

で囲まれた部分(正確にはdiv自身も)が、画面上に固定されるといった具合です。
(○には実際は数字が入ります)
上の例だと、"position:fixed" が固定するためのもので、
"left:○px" が左からの位置、"top:○px" が上からの位置になります。


　ただし、今のところもっとも多く使われているIE6を考慮すると、
結構ややこしく面倒な話になります。"position:fixed" が効かないからです。
この辺説明すると難しい話になりますが、それでもいいのなら、
また改めて説明させていただきます(^^


 柚璃華 投稿日: 2008-03-27 (木) 23:50:34
ID: JOVNA

お答え頂きありがとうございます。

そして、面倒かと思いますが、IE6の方も是非お聞かせいただきたいです。
時間があるときで構いませんので、よろしくお願いします。


 れいれい 投稿日: 2008-04-14 (月) 04:18:38
ID: JFIWC

すいません、すっかり遅くなっています；

必要なものをまとめてダウンロードできるようにしようと思ってますので、今しばらくお待ちください。


 柚璃華 投稿日: 2008-04-16 (水) 23:16:23
ID: JOVNA

ありがとうございます。


 れいれい 投稿日: 2008-04-29 (火) 22:45:44
ID: JFIWC

　お待たせしました、手順を書かせていただきますね。


　まず fixed.css と fixed.js をダウンロードしてください。
それぞれ、中に■とか▲とかの記号が書かれている部分がありますが、
その部分をテキストエディタを使って書き換えてもらいます。
何を書けばいいかはその付近に書いてありますので見てください。


　次に、メニューを加えたいHTMLを編集しますが、
HTMLは大まかに以下のような構成になってると思います。

<html>
    <head>
        (1)
    </head>
    <body>
        (2)
    </body>
</html>

この<head>と</head>の間の(1)の部分に、以下の２行を書き加えます。

<link rel="stylesheet" href="fixed.css">
<script type="text/javascript" src="fixed.js"></script>


<body>の直後に以下を書き加えます。

<script type="text/javascript"><!--
start();//--></script>

<div id="fixedLayer">
（ここにメニューのHTMLを入れる）
</div>

<div id="mainLayer">


最後に、</body>の直前に以下を書き加えます。

</div>


最終的に、こういう形になってると思います。
各行の最初の空きは見やすくするために入れただけなので気にしないください。

<html>
    <head>
        (1)
        <link rel="stylesheet" href="fixed.css">
        <script type="text/javascript" src="fixed.js"></script>
    </head>
    <body>
        <script type="text/javascript"><!--
        start();//--></script>

        <div id="fixedLayer">
        （ここにメニューのHTMLを入れる）
        </div>

        <div id="mainLayer">
            (2)
        </div>
    </body>
</html>


ちょっとわかりづらいと思いますが、これでメニューの固定はできるはずです。
…これでわかるでしょうか；　ちょっと心配(^^;


 れいれい 投稿日: 2008-05-03 (土) 23:36:32
ID: JFIWC

あ、htmlとfixed.css・fixed.jsは同じトコに転送してください。
一部がフォルダの中だったり外だったりしないようにね。補足(笑)


 柚璃華 投稿日: 2008-05-21 (水) 23:26:21
ID: JOVNP

ありがとうございます。
頑張ってみます！！

[  コメント  ]
柚璃華さん用





about...