como hacer menu php como el de la web esta

[winjose]

Hola, mi pregunta es que llevo dias googleando pero no doy con la solución, lo que pasa es que quiero inplementar en mi web un menu como el de la página de As.com (http://www.as.com/
Como pueden ver consta de la parte superior que es la de las categorias:
Ejem:
categoria 1
categoria 2
categoria 3
,...
y a cada una de las cuales les corresponde una subcategoria:
Ejem;
categoria 1 ---> subcategoria 1, subcategoria 2, subcategoria 3 ...
categoría 2 ---> subcategoria 1, subcategoria 2, subcategoria 3 ...
...

Gracias desde ya!!! y un saludo.

[pepebuitron]

si te sirve de algo esta web porque yo uso este en dreamwaver http://www.sothink.com/index.htm

[winjose]

Iniciado por pepebuitron

si te sirve de algo esta web porque yo uso este en dreamwaver http://www.sothink.com/index.htm

No amigo, gracias de todas formas, pero no me vale. Yo hablaba de algo basado en php, y utilizando MySql.

[doylelives]

Y cual es tu duda, no sabes como hacerlo? Desde el punto de vista de diseño deberias usar los estilos que usa esa pagina, desde php haras una consulta tipo

Código PHP:

  select *  from categoriaB Where idCategoriaA=$_POST['categoriaA']  
   

Las tablas de las subcategorias tendrian un campo con referencia a la tabla que le antecede(salvo la tabla categoriaA).
Tabla categoriaA = id, nombre
Tabla categoriaB = id, nombre, idcategoriaA
Tabla categoriaC = id, nombre, idcategoriaB

[winjose]

Iniciado por doylelives

Y cual es tu duda, no sabes como hacerlo? Desde el punto de vista de diseño deberias usar los estilos que usa esa pagina, desde php haras una consulta tipo

Código PHP:

  select *  from categoriaB Where idCategoriaA=$_POST['categoriaA']  
   

Las tablas de las subcategorias tendrian un campo con referencia a la tabla que le antecede(salvo la tabla categoriaA).
Tabla categoriaA = id, nombre
Tabla categoriaB = id, nombre, idcategoriaA
Tabla categoriaC = id, nombre, idcategoriaB

Ok doylelives, antes que nada muchas gracias a ti tambien. Lo que me comentaste es un select, pero no me aclaro aún. Mas o menos se me ocurre un breve reflejo de como podría hacerlo, pero reitero "breve reflejo", pues me atasco con el minimo obstaculo.
Aclaro; mi consulta es sobre el codigo php de la parte que se encarga de mostrar el contenido de las categorias, y de como crear las subcategorias, nose si me entenderán aún, es decir creo las categorias pero nose crear las subcategorias provenientes de las categorias, y la otra pregunta es sobre luego como puedo mostrar el contenido de cada categoria ¿con un header quizas? es recomendable, o mejor quizas es hacerlo con db.

Gracias a todos y un saludo!!

[valenti_92]

Te pondré un codigo haber que te parece:

Código PHP:

<div id="CapaFamilias">
    <?php
    $result = mysql_query("SELECT * FROM familias WHERE de='0' ORDER BY descripcion", $link);
    while($bucle = mysql_fetch_array($result))
    {
        $botofamilia = "imatges/imagen_fondo_familia.gif";
        ?>
        <div id="botons_articles">
            <a href="pagina.php?id=<?php echo $bucle['descripcio']; ?>&id_anterior=<?php echo $bucle['descripcio']; ?>" title="<?php echo $titol.": ".$bucle['descripcio']; ?>">
                <img src="<?php echo $botofamilia ?>" width="115"; height="50" style="border:0;" alt="<?php echo $titol.": ".$bucle['descripcion']; ?>" title="<?php echo $titol.": ".$bucle['descripcion']; ?>"/>
            </a>
            <div id="enllace_articulosu" style="font-weight:bold; text-align:center;">
                <a href="pagina.php?id=<?php echo $bucle['descripcion']; ?>&id_anterior=<?php echo $bucle['descripcion']; ?>" title="<?php echo $titol.": ".$bucle['descripcion']; ?>">
                    <?php echo $bucle['descripcion']; ?>
                </a>
            </div>
            <?php
            if ($id_anterior==$bucle['id_familia'])
            {
                $result2 = mysql_query("SELECT * FROM familias WHERE de='".$id_anterior."' ORDER BY descripcion", $link);
                ?>
                <div id="enllace_articulos" style="font-weight:bold;">
                <?php
                while($bucle2 = mysql_fetch_array($result2))
                {
                    ?>
                    <u>
                    <a href="pagina.php?id=<?php echo $bucle2['descripcion']; ?>&id_anterior=<?php echo $fa_anterior; ?>" style="font-family:<?php echo $enlace_articulo_familia ?>; color:<?php echo $enlace_articulosu_color ?>; font-size:<?php echo $enlace_articulosu_tamano ?>;" title="<?php echo $titol.": ".$bucle2['descripcion']; ?>">
                        - <?php echo $bucle2['descripcion'];    ?>
                    </a>
                    <br />
                    </u>
                    <?php
                }
                ?>
                </div>
                <?php
            }
            ?>
        </div>
        <?php
    }
    ?>
</div>
 

Haver como te explico yo esto...
Primero se pone Capa familias que será la artífice de todo es decir en llea deberas seleccionar que color de fondo quieres para todo el documento en el ancho y el alto no pongas nada si las familias las pones indefinidas al contrario si quieres algo predeterminado.
la tabla estara estructurada de la siguiente forma: id, descripcion, de. de=0 serán las familias principales, entonces el "de" de las subfamilias serán el id de las familias. La descripción el nombre de la familia.
$botofamilia es el fondo para cada familia.
La capa botons_articles tendrá que ser position:relative y si quieres que el menú sea horizontal tendrá que tener el float:left ponle un with y un height tambien así no se te desmontará.
A continuación hay el enlace de la imagen.
Después hay la capa enllace_articulosu que tendra que tener position:absolute y el left y top que desees para que quede bien. Dentro el enlace de la descripción de la familia.
Estonces comprovamos que si la idanterior es = a la familia se tienen que mostrar las subfamilias. Seecionas las subfamilias de las familias mediante mysql. Las recojes en un array mediante un bucle while en el qual irá poniendo los enlaces uno debajo de otro. En el caso que lo quieras poner horizontal tendras que poner una capa con relative y float:left.
Para finalizar lo cerramos todo y listo ya tienes tu menu.
Espero te sirva.


Saludos

[winjose]

Muchas gracias por tu atencion y tiempo Valenti_92, de verdad, mil gracias, pero es un poco engorroso el code, de todas formas me quedo con la expplicacion que costo su tiempo jejeje, bueno mas o menos ya creo tener lo que quería: es algo así.

Código PHP:

  <?php
$sqlQuery = mysql_query("SELECT categorias.*, subcategorias.* FROM categorias, subcategorias
                         WHERE categorias.categoria_ID = subcategorias.subcategoriaCategoriaID
                         ORDER BY categoriaCategoria ASC", $db_link) or die(mysql_error());

$categoria = "";
$categorias = array();
$pos = 0;
while ($row = mysql_fetch_object($sqlQuery)){
    if($categoria != $row -> categoriaCategoria){
        $categoria = $row -> categoriaCategoria;
        $pos = array_push( $categorias,  array( $categoria, array() ) );
    }    
    $categorias[$pos][1][] = array( $row->subcategoria_ID, $row -> subcategoriaSubcategoria );
    
}
foreach ($categorias as $categoria)
{
    if( !empty( $categoria[0] ) ) {
           echo "<h1>" . $categoria[0] . "</h1>";
    }
    if (count($categoria[1]) > 0)
    {
        echo "<ul class='sidemenu'>";
        foreach ($categoria[1] as $subCat)
        {
            echo "<li><a href='index.php?mod=categoria&amp;categoriaID=" . $subCat[0] . "'>" .
                $subCat[1] . "</a></li>";
        }
        echo "</ul>";
    }
}   

P.D: Aún no lo he probado, es una mezcla de algo que encontre por ahi y lo completé.. pero tiene un 98% de posibilidades de funcionar jejej

[Hermetik]

hola winjose, creo que tu problema no es demasiado complejo. Primero debes crear una consulta que seleccione las categorías principales y luego una selección de subcategorías las cuales deben estar relacionadas por ID con su categoría correspondiente.

Por ejemplo:

La categoría "Futbol" tiene ID 3, una vez pulsado el enlace se pasa el ID por GET en la URL a la consulta de la BD seleccionando todas las IDs = 3 y así obtienes todas las subcategorías relacionadas con "Futbol", el resto es cosa de CSS.

A ver si lo consigues!