Añadir estilo menu codeigniter

alavaros · #1 (**permalink**) 15/03/2012, 05:23

Buenas, estoy empezando con Codeigniter, y no se si lo estoy haciendo bien, además de que me surgen algunas dudas como esta que os traigo.
Este es mi controlador por defecto:
inicio.php

Código PHP:

Ver original<?php
class Inicio extends CI_Controller {    
    public function index(){
        $data['main'] = 'inicio';
        $data['title'] = 'MiPagina| Inicio';
        $this->load->view('includes/plantilla',$data);
    }   
}

Todos mis controladores tienen la misma forma, solo cambia los datos previos a cargar la vista includes/plantilla, la cual cargo en todos los controladores, y que será la estructura de mi página, con este contenido:
plantilla.php

Código PHP:

Ver original<?php
$this->load->view('includes/metas');
$this->load->view('includes/head');
$this->load->view('includes/menu');
// Contenido dinámico
$this->load->view($main);
$this->load->view('includes/foot');
?>

Cargo las distintas partes de mi pagina, y donde pone $main, será el data=['main'] del controlador, así voy cargando las distintas páginas. En menu.php tengo:

Código HTML:

Ver original<div id="menu">
    <ul id="nav">
        <li><a href="<?php echo base_url(); ?>">Inicio</a></li>
        <li><a href="<?php echo base_url(); ?>link1/">Link1</a></li>
        <li><a href="<?php echo base_url(); ?>link2/">Link2</a></li>
        <li><a href="<?php echo base_url(); ?>link3/">Link3</a></li>
        <li><a href="<?php echo base_url(); ?>link4/">Link4</a></li>
    </ul>
</div>

Pues bien, la duda que me surge es que como hago para añadirle una class="activo" al elemento del menu correspondiente con la página que estoy ahora mismo, es decir, si estoy en link2, ¿como hago para que este elemento tenga un estilo distinto al de los demás?.
He puesto todo el código para saber si existe una forma mejor y más sencilla de hacer el menú con codeigniter que no sea esta, y que me permita hacer lo que necesito sin muchas complicaciones.

Gracias de antemano y saludos.

alavaros · #2 (**permalink**) 21/03/2012, 09:17

He conseguido hacerlo, y quiero compartirlo, por si alguien tiene la misma duda, aunque me gustaría que me dijeran si es una buena forma de hacerlo o hay algún tipo de problema.
Lo he hecho añadiendo algo como esto a cada controlador:

Código PHP:

Ver original$data['body'] = 'b_inicio':

Para luego poner en la vista plantilla.php:

Código PHP:

Ver originalecho '<body id="'.$body.'">';

Añado un id a cada item de la lista:

Código HTML:

Ver original<li><a href="<?php echo base_url(); ?>" id="nav_inicio">Inicio</a></li>
<li><a href="<?php echo base_url(); ?>link1/" id="nav_link1">Link1</a></li>

Y luego en el css:

Código CSS:

Ver original#b_inicio  #nav_inicio, #b_link1  #nav_link1 {background:black;}

Así cuando esté en la página "inicio", tendré:

Código HTML:

Ver original<body id="b_inicio">

Y solo se coloreará el que tenga:

Código HTML:

Ver original<li><a href="<?php echo base_url(); ?>" id="nav_inicio">Inicio</a></li>

lasr · #3 (**permalink**) 25/04/2012, 02:08

Hola...pero eso no hace que tengas el :
hover, active y el link, c/u con sus propiedades distintas
Lo que veo que haces, lo puedes hacer en "duro"
tienes un ejemplo para verlo?
Slds