Tengo una lista la cual uso como menu pero solo puedo asignar un icono para todos los links y yo necesito asignar un icono para un link y no que sean todos iguales.
Este es el css
Código css:
Ver original
#sidebar { border:1px solid #999999; float:right; width:200px; margin-bottom: 7px; } #sidebar ul{ margin:0; padding:0; list-style: none; } #sidebar li { margin:2px; height: 22px; background-color:#f5f5f5; } #sidebar li a { display: block; text-decoration: none; color:#565656; background-color:#f5f5f5; border:1px solid #dedede; padding-left:18px; background-image:url(images/user.png); background-repeat:no-repeat; background-position:left; } #sidebar li a:hover { color:#336699; background-color:#dff4ff; border:1px solid #c2e1ef; }
Y el html
Código php:
Ver original
<div id="sidebar"> <h2>Menu</h2> <ul> <?php if ($this->session->userdata('logged_in') == FALSE) { echo '<li><a href="'.base_url().'user/register">Register</a></li>'; echo '<li><a href="'.base_url().'user/login">Login</a></li>'; } else { echo '<li><a href="'.base_url().'user/view/'.$this->session->userdata('s_user').'">Profile</a></li>'; echo '<li class="logout"><a href="'.base_url().'user/logout">Logout</a></li>'; } ?> </ul> </div>