menu para el portal ?

Hola amigos molestandolos otra vez XD

quisera aguregarle un menu ami portal uno vertical como este



o este de aqui como veran tienen el buscador aguregado o ene sta foto de abajo lo tiene arriba




Por favor si me podrian ayudar no se si es un hack o es HTML que se agurega en la plantilla osea en header creo la verdad no se mucho porfa help

saludos amigos.

Coloca el nombre de los sitios en donde viste esos menús.

Hola chuta las paginas son las siguientes son vbulletin

SpotWarez - Descargas Gratis
Hacker Sony

los dos menus me gustan pero no se como ponerlos en mi portal saludos

Respecto a la primer imagen, el dueño de ese sitio es EspeackE. Si él ve este tema, quizá pueda ayudarte.

Y sobre la segunda imagen, ellos usan un skin personalizado. Puedes mirar su código fuente para darte una idea. Ponle atención al código entre las líneas <!-- Cabecera --> y <!-- Fin Cabecera -->

El menu de EspeackE si no me equivoco es parte del skin y el segundo concuerdo con chuta es estilo propio se puede hacer algo igual pero tendrias que hacer imagen por imagen de los botones del navbar.
Lo mejor es conseguirse un skin con un navbar parecido.

Hola yo uso el skin assault_wars pero su menu es horrible lo e modificado quitandole ese menu ahi mismo kiero aguregarle otro menu me dejo etender es que no se mcuho de HTML por eso poregunto saludos

Bien vamos a revelar el codigo para todos los amigos de VBHispano.
Con un poco de conocimientos de CSS y HTML puedes dejarlo mas chulo ¡¡

Tambien puedes ayudarte de un Software de Edicion CSS y HTML.

En tu CSS:

Código:

#nav {
    height: 50px;
    background: url(la/ruta/de/la/Barra/) repeat-x top left #0c0d0f;
}
#nav ul {
    width: 1000px;
    margin: 0 auto;
}
#nav li {
    list-style: none outside;
    float: left;
    height: 50px;
    width: 100px;
    text-align: center;
    font: bold 11px Tahoma, Verdana, Arial, sans-serif;
    }
#nav li a, #nav li a:link, #nav li a:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-top: 20px;
    height: 34px;
    line-height: 34px;
}
#nav li a:hover {
    background: url(la/ruta de tu/imagen/al pasar el MOUSE) no-repeat center center;
}

En tu HTML puede ser en NAVBAR o al PRINCIPO DE TU HEADER (como en HackerSony)

Código:

<div id="nav">
        <ul>

<li>LAS RUTAS A TUS CATEGORIAS</li>
<li>LAS RUTAS A TUS CATEGORIAS</li>
<li>LAS RUTAS A TUS CATEGORIAS</li>

       </ul>

La verdad la barra de este Skin esta un poco pesado pero como dije con un poco de concmientos lo puedes dejar mas lijero y mas bonito.

Saludos.

Una pregunta EspeackE ese estilo de menu ademas de llevar CSS, no ocupa alguna gradients de tu skin?
Por ejemplo ese menu combina con tu skin y por lo tanto lleva imagenes de tu skin en la barra del menu o me equivoco?

Muchas gracias EspeackE XD te pasates que bueno que compartas todo como los demas mi primera pregunta es En tu CSS: en que parte de la plnatilla pongo ese codigo?

y lo segundo si se donde va XD y lo que dice hades es verdad???

Iniciado por Hades

Una pregunta EspeackE ese estilo de menu ademas de llevar CSS, no ocupa alguna gradients de tu skin?
Por ejemplo ese menu combina con tu skin y por lo tanto lleva imagenes de tu skin en la barra del menu o me equivoco?

background: url(la/ruta/de/la/Barra/) repeat-x top left #0c0d0f;
Eso es lo unico que lleva ,si te das cuenta solo es una barra, esta: http://www.hackersony.com/foro/image...dients/nav.gif
La misma que mencione esta pesada, y tambien color #0c0d0f; que tambien se puede ver delante de la imagen Background,es todo no lleva ningun degradado extra.

Iniciado por Loiss1989

Muchas gracias EspeackE XD te pasates que bueno que compartas todo como los demas mi primera pregunta es En tu CSS: en que parte de la plnatilla pongo ese codigo?

y lo segundo si se donde va XD y lo que dice hades es verdad???

No se exactamente a que te Refieras.
En la parte mas baja donde vbulletin te deja insertar mas CSS, "Define adicional CSS"

De ahi en la parte que gustes, yo lo tengo al inicio.
Saludos ¡¡

Ok, ya entendi. gracias!

no me funciono al ponerlo me sale mal el efecto snow desaparece lo aguregue tal como me dices pero nada aparece pero mal

Porfa alguien me podrai acer el favor de Ponermelo jauajuajauajuaj es que no soy muy ducho l acerlo como dice el amigo EspeackE mi pagina se desarm no se por que

Loiss agregaste estos datos background: url(la/ruta/de/la/Barra/) y este background: url(la/ruta de tu/imagen/al pasar el MOUSE)?

si no obviamente te sale mal el efecto.

si hades lo ise pero me sale mal
la url de la imgen al pasar el mouse no esta aqui
puse otra pero nada

Todo sea por el bien de una compañero, aqui esta la otra http://www.hackersony.com/foro/image...s/rollover.gif
Se puede decir que la tome prestada.