Uso de PHP y CSS para cambiar estilos

gerardo1987 · #1 (**permalink**) 10/12/2012, 10:48

Hola que tal a todos,

Es posible hacer lo siguiente:

Tengo un Switch en php muestro un ejemplo

Código PHP:

  $option = $_GET['menu'];

  

  switch ($option){

  

    case "uno":

      echo "Menu Uno";

      echo "Submenu Uno";

      break;

    case "dos":

      echo "Menu Dos";

      echo "Submenu Dos";

      break;

  }

Bueno en mi caso tengo varios "case", que consecutivos como el ejemplo Menu Uno, Menu Dos, Menu Tres, ... y submenus Submenu Uno, Submenu Dos, Submenu Tres...

Es posible cambiarles a todos los Menu con CSS los estilos (tamaño de letra, color, etc) con un solo codigo, al igual con los submenus.

Yo se que en HTML le das un ID a un DIV, y usando el id cambias los estilos con CSS, pero como podria ponerle el mismo id a todos los menu y otro id a los submenus, es posible?? sino, conocen alguna otra alternativa.

cluster28 · #2 (**permalink**) 10/12/2012, 11:01

Para hacer un menu con estilos CSS tienes que usar salidas HTML. Si pones sólo echo "patatín"; te muestra sólo patatín.

Tendrás que hacer algo así por jemplo:

Código PHP:

  case "uno":
   echo '<ul id="menu">';
   echo '<li class="sub_menu">Menu Uno</li>';
   echo '<li class="sub_menu">Submenu Uno</li>';
   echo '</ul>';
   break;

Lo mismo para los demás menús.

El id tiene ser único en código fuente, no puede haber varios. Para repetir estilos en varios elementos usa class.

Reedyseth · #3 (**permalink**) 10/12/2012, 11:19

Además recuerda que un ID es único en el markup, pero lo que puedes repetir son las clases sin ningún problema.

¿Puedes mostrar el código html donde quieres que salga tu resultado?

DANIELRIV · #4 (**permalink**) 10/12/2012, 11:28

Si lo que quieres es cambiar tu hoja de estilo dependiendo el navegador del usuario para evitar problemas de las diferentes interpretaciones de los navegadores.
HTML

Cita:

<head>
<link href="css.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div <?php if(strstr($_SERVER["HTTP_USER_AGENT"], 'Chrome')){echo 'class="menuestilo1"';} else {echo 'class="menuestilo2"';} ?> >
<p>mexico</p>
<h1>algo</h1>
</div>

</body>

CSS

Cita:

.menuestilo1 p
{
size:25px;
color:#09F;
}
/*submenu*/
.menuestilo1 h1
{
size:25px;
color:#600;

}
/*menu2*/
.menuestilo2 p
{
size:15px;
color:#0F0;
}
/*submenu2*/
.menuestilo2 h1
{
size:11px;
color:#CC0;
}

gerardo1987 · #5 (**permalink**) 10/12/2012, 11:31

Lo que quiero es que de acuerdo a una lista, la palabra que seleccione lo busque en el switch y lo pegue como titulo ademas de contenido extra, pero como son varios no queria estar repitiendo los estilos para cada uno en la lista, y queria que se cambiara con un solo codigo en CSS para todos.

Pero ya encontre la solucion lo hare como me lo menciono cluster28.

Gracias a todos