Estructura HTML

El siguiente ejemplo muestra cada una de las opciones que tenemos. Los ejemplos de class son:

  • widget-box: aquí va cada una de las clases siguientes

  • widget-title: se pone el titulo con un h4 e icono para que nos muestre el título con una barra azul

  • adminonly: normalmente aquí se colocan los botones. en pantalla tiene background-color gris

  • widget-content: Aquí va todo el contenido

<div class="widget-box">
    <div class="widget-title">
        <h4><i class="icon-reorder pull-left"></i><?= _e("Detalle Operación"); ?></h4>
    </div>
    <div class="adminonly">
        <div class="pull-left">
            <h3><?= $titulo; ?></h3>
        </div>
        <div class="pull-right mar">
            <a href="/admin/delegaciones/settings/<?= $client_type; ?>" class="btn cgris tigris"><?= _e("Ver Delegación")?></a>
            <a href="/admin/delegaciones/pdfOperacionDetalle/<?= $client_type;?>?type=print" class="btn cgris tigris"><i class="icon-print"></i></a>
            <div class="clear: both;"></div>
        </div>
    </div>
    <div class="widget-content">
Aquí va todo mi contenido
        </div>
</div>