各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』
- September 18th, 2007
- Posted in 未分類
- Write comment
サイトをつくるときに（ほぼ）必ず作るのがメニューである。最近はCSSでかっこよくスタイリングして、というのが流行らしい。
そこで登場したのがCSS MENU MAKERである。
このサイトではスタイリッシュなCSSメニューが各種そろっている。そのままソースをダウンロードすることもできるし色味やメニューの数をカスタマイズすることもできる。これは便利だ。
どのサイトにも使われるものをこのように提供すると素敵なツールになりますな。他にどんなツールが考えられるだろうか。
管理人の独り言 『自炊』
そろそろ自炊を再開しなくては。とりあえず食材は買ったが、今日帰るのは何時になることやら・・・。生しいたけが俺を待っている・・・。
今日の運動記録
今日はなし。稽古行こうと思ったけどちょっと無理でした・・・。明日は行く。
CSSメニュー自動作成をしてくれるサイトを利用して速攻メニュー作成
最近、素敵な友人ができた Geekなぺーじというサイト＆ブログを運営しているあき…
このサイトでメニューを作って張ってみたんですが
メニューがTOP画像の上に表示されるのです。
どうすればよいでしょうか？
Top
Tools
Yotube
Music
Diary
これがHTMLで
ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left;
font-family:”Trebuchet MS”,Helvetica,Arial,Verdana,sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
ul#menu li
{
display:block;
float:left;
margin:0;
pading:0;
}
ul#menu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
height:24px;
}
ul#menu li a:hover
{
color:#FFFFFF;
background:transparent url(“images/over.jpg”) no-repeat top right;
}
#container{
text-align:center;
margin:0px auto 0px auto;
padding:0px;
width:800px;
}
a{
text-decoration: underline;
color:#A2CF03;
}
CSSです。
解決しました。
すみません