2011-10-09 5 views
0

탭으로 구성된 메뉴를 만드는 가장 쉬운 방법은 무엇입니까?탭 메뉴를 만드는 가장 쉬운 방법은 무엇입니까?

나는 어떤 경우 문장의 예를 만드는 방법에 대해 생각 : 난 그냥 페이지에 대한 현재의 리튬 요소의 스타일을 원하는

<li>Frontpage</li> 
<ul id="submenu"> 
    <li><b style="text-decoration:underline">Forside 1</b></li> 
    <li>Forside 45 </li> 
</ul> 

<li>Frontpage 2</li> 
<ul id="submenu"> 
    <li><b style="text-decoration:underline">Forside 1</b></li> 
    <li>Forside 3 </li> 
</ul> 

<li>Frontpage 3</li> 
<ul id="submenu"> 
    <li><b style="text-decoration:underline">Forside 1</b></li> 
    <li>Forside 3 </li> 
</ul> 

:

<li class="<% if current.page = root_url %>currentpage<% end %>">Frontpage</li> 
<ul id="submenu"> 
    <li><b style="text-decoration:underline">Forside 1</b></li> 
    <li>Forside 45 </li> 
</ul> 

가 여기 내 메뉴 내 HTML입니다. 예를 들어 사용자가 Frontpage 2에 있다면 class currentpage가 Frontpage 2의 li 요소에 추가되거나 사용자가 Frontpage 2의 서브 페이지를 방문하면 클래스가 남아 있습니다.

답변

0

가장 쉬운 방법은 모든 것을 기초부터 구성하는 대신 하나의 보석을 사용하는 것입니다.

this section of the ruby toolbox을 살펴보십시오.

질문이 "메뉴에 스타일을 적용하는 방법"이라면 다른 질문을 만들고 "CSS"라고 태그를 지정하는 것이 좋습니다. 당신은 아마 좋은 답변을 많이 얻을 것이다. 나는 특히 어떻게 twitter bootstrap css lib does its navigation/tabs을 좋아한다.

관련 문제