CodeHighlight

2012年9月29日 星期六

[Web Plugin]superfish套件,整個Menu置中方法

superfish這個套件,可以很容易的在網頁上建立漂亮的下拉式選單
不過本身好像受限於CSS設計的關係,所以無法利用「align=center」來把整個選單放到頁面中間,不過網路上有人提出方法,可以利用修改部分css碼,來把這個整個選單變成浮動的狀態。


1) 首先,開啟 superfish.css(一般在CSS資料夾底下)

2) 找以下的code:

.sf-menu {
line-height: 1.0;
z-index: 99;
}


在其中,加上下列程式碼:
float:left;
position:relative;
left:50%;

3) 找以下的code:

.sf-menu ul li {
width: 100%;
}

在其中,加上下列程式碼:
left:0%;

4) 找以下的code:

.sf-menu li {
float: left;
position: relative;
}


在其中,加上下列程式碼:
left:-50%
這樣,就可以把整個表單依照需求來擺放了

沒有留言:

張貼留言