Top

Classification

Use any of the available classes of Base Stylesheets to quickly create a custom style.

(1) Horizontal

 
HTML Code:

<div class="dsure-class-nav noWrap">
  <ul>
      <li><a href="#">Text</a></li>
      <li class="selected"><a href="#">Text</a></li>
      <li><a href="#">Class</a></li>
      <li><a href="#">Items</a></li>
      <li><a href="#">Class name</a></li>
      <li><a href="#">Text</a></li>
      <li><a class="selected" href="#">Text</a></li>
      <li><a href="#">Class</a></li>
      <li><a href="#">Items</a></li>
      <li><a href="#">Class name</a></li>
      <li><a href="#">Text</a></li>
      <li><a href="#">Text</a></li>
      <li><a href="#">Class</a></li>
      <li><a href="#">Items</a></li>
      <li><a href="#">Class name</a></li>
      <li><a href="#">Text</a></li>
      <li><a href="#">Text</a></li>
      <li><a href="#">Class</a></li>
      <li><a href="#">Items</a></li>
      <li><a href="#">Class name</a></li>
  </ul>
</div>

(2) Vertical

 
HTML Code:

<div class="dsure-class-nav dsure-class-nav-vertical">
  <ul>
      <li><a href="#">Text</a></li>
      <li class="selected"><a href="#">Text</a></li>
      <li><a href="#">Class</a></li>
      <li><a href="#">Items</a></li>
      <li><a href="#">Class name</a></li>
      <li><a href="#">Text</a></li>
      <li><a class="selected" href="#">Text</a></li>
      <li><a href="#">Class</a></li>
  </ul>
</div>

(3) Custom Stylesheets

 
CSS Code:      

.dsure-class-nav ul li{
	
}
.dsure-class-nav ul li a {
	padding:.4em .6em;/*This is the minimum value.*/
}
.dsure-class-nav ul li a:hover,
.dsure-class-nav ul li.selected a,
.dsure-class-nav ul li a.selected {
	background:#EAEAEA;
	text-decoration:none
}