■ サイトデザイン・仮まとめ | 2005/01/17 * 15:06 |
昨日ずっとWinterGardenのhtmlをいじっていて、
うまくいった部分と、だめだーな部分があったので、
まとめておこうっと(自分のために)。
■全体を囲む
cssのidで設定しました。
以下部分抜粋。
#container {
text-align: right;
padding: 0px;
width: 700px;
border: 1px solid #4682B4;
}
全体をtableで囲んでしまえばいいんだけど、
あんまり好きじゃないので(NNが…とか、古いこだわりだなぁ)、
なんとかならんものかと思ったら、MTのcssがそうだったので、
習うことに(ぱくった…w)
container のスペルがどうしても覚えられないので、
そのうち変えようっと！(えー)
■hover
メニューにカーソルをあわせると、
カレントのアイコンの色が変わる設定。
cssに
A:hover {background: #4682B4;}
と設定。これが変わる方の色(現在だと青)。
で、文字部分が透過のgif画像を作って、
tableタグ上で、trかtdをbgcolor="#000000"
と黒(#00000)に設定する。
これはアイデア！と思ったんだけど、
全ページの文字のリンクが、全部hoverで青くなっちゃうので、
DIARYとBBSだけ別cssに…(´Д｀;)だめだった。
LINKも文字のリンクは全部やめて「BO BANNER」バナーを作りました。
なんか、二度手間…(TロT) おかげでリンク切れチェックしたけど(笑)
個人的に、サイトのトップページは、
・tableで全体を囲まない(昔読めない環境があったのですよ…)
・フレーム化しない(解析のため)
・横幅800px以下で表示される(昔は640にこだわってた)
ってのがあって、いつもシンプルだったんですけど、
今回は、色々凝ってみましたよ…と言ってもこの程度ですが。
css便利…(？？！)
でもよく考えると、今は上記の点も、
すでにこだわる所じゃないんだよね…(´～｀)
投稿者 chifumi : 2005年01月17日 15:06
トラックバック
このエントリーのトラックバックURL:
http://chifumix.sakura.ne.jp/chifumix/mt/mt-tb.cgi/476