Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
 
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> barra de menu, completa?

Nicelan
post Jun 21 2005, 06:12 PM
Publicado: #1


Maestro Secreto
Group Icon

Grupo: Moderadores
Mensajes: 1.365
Registrado: 20-February 05
Miembro nº: 84.151



Hola como puedo hacer una barra de menu (como por ejemplo la ke esta hasta el inicio de esta misma pagina ke dice, home, forum etc.) es una barra completa o tengo ke hacer por separado cada cuadro ke tiene una palabra y ya despues juntarlo sobre la pagina (en dreamweaver) lo pregunto por ke si es la barra completa como le pongo el enlace a cada palabra?
Y en este caso ke tiene rollover (la barra de arriba) como se lo hago a cada palabra?
Perdon pero soy muy nueva en el diseño web y tengo muchas dudas.
Gracias
Salu2
Nicelan wub.gif


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
ornitorrinco's
post Jun 21 2005, 07:00 PM
Publicado: #2


Maestro Perfecto
Group Icon

Grupo: Moderadores
Mensajes: 2.029
Registrado: 1-May 05
Desde: un bilbaino no solo vive donde quiere, sino que nace donde le da la gana
Miembro nº: 120.978



se usan imágenes separadas, y para meter una barra, solo tenes que darle en el menú de arriba del todo
insert>image objects>navigation bar
y ahí te sale un asistente muy bonito donde hacerlo, también puedes darle a rollover image y insertar una a una las diferentes imágenes.


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Nicelan
post Jun 22 2005, 07:34 PM
Publicado: #3


Maestro Secreto
Group Icon

Grupo: Moderadores
Mensajes: 1.365
Registrado: 20-February 05
Miembro nº: 84.151



Ah muchas gracias por la respuesta ya vi la opcion ke dices y me ha servido bastante bien!
Pero para meter una barra de menu completa no se puede? e escuchado algo de slicing ke me parece ke es para meter una imagen completa y se secciona con esta herramienta para linkear cada parte de la imagen, no se mas de esto no se si sepas al respecto.
Gracias
Nicelan wub.gif
Saluditos


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
ornitorrinco's
post Jun 23 2005, 09:54 AM
Publicado: #4


Maestro Perfecto
Group Icon

Grupo: Moderadores
Mensajes: 2.029
Registrado: 1-May 05
Desde: un bilbaino no solo vive donde quiere, sino que nace donde le da la gana
Miembro nº: 120.978



para usarlo, insertas una imágen y en properties(abajo) aparecerá una especie de cuadrado, círculo y polígono, pues creo que es eso a lo que te refieles, sirve para tomar un área de la imágen como hipervínculo, alg muy útil si quieres pner vários(como un meú que sea una sola imágen)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
delyryus
post Jun 25 2005, 05:34 AM
Publicado: #5


Maestro Secreto
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.317
Registrado: 28-May 05
Desde: Tirando del cable del modem!
Miembro nº: 132.995



Consejo: no te recomiendo una sola imagen, ya que las imagenes grandes tarda un poco en cargar, en cambio, si pones los "botones" (la imagen cortada en pedasos) tardaria menos en cargar, y las imagenes se verian mas rapido

Eso es un consejor personal, esta en vos en usar o no mi consejo.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Nicelan
post Jun 26 2005, 07:37 AM
Publicado: #6


Maestro Secreto
Group Icon

Grupo: Moderadores
Mensajes: 1.365
Registrado: 20-February 05
Miembro nº: 84.151



Muchas gracias por sus respuestas y comentarios.
Lo pondre en practica!

----------- Una duda mas, hay botones de menu o menus ke no son imagen completamente por ke al seleccionarlos se puede seleccionar la tipografia por separado, esto COMO y POR KE se hace? Osea no se se lecciona la imagen completa con todo y tipografia sino ke puedes seleccional la tipografia aparte... espero me haya explicado bien y puedan ayudarme .
Gracias
Saludos a todos!
Nicelan wub.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Nicelan
post Jun 29 2005, 02:10 AM
Publicado: #7


Maestro Secreto
Group Icon

Grupo: Moderadores
Mensajes: 1.365
Registrado: 20-February 05
Miembro nº: 84.151



Como puedo encimar tipografia en una imagen de un interfaz (navibar) para hacerlo un link?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
AngeduCiel
post Jun 29 2005, 07:48 AM
Publicado: #8


Orgullo de ser Politécnico
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.053
Registrado: 1-October 04
Desde: México - Distrito Federal
Miembro nº: 22.453



Te dejo un ejemplo que acabo de hacer:

HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>.:::MENÚ::.</title>
<style>
<!--
body {
text-align: center;
font-family: Arial Black, sans-serif;
}
a {
text-decoration: none;
color: Green;
}
a:hover {
text-decoration: none;
color: Lime;
-->
</style>
</head>

<body>
<table border="1px" cellspacing="0" cellpadding="0">
<tr>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net">HOME</a></td>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net/foro/index.php">FOROS</a></td>
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net/foro/help.html">AYUDA</a></a></td>
</tr>
</table>
</body>
</html>


Copia todo el código al bloc de notas y guardalo con extensión *.html

Como puedes observar yo ocupe una tabla para hacer ese menú y lo único que hice fue colocar la imagen que queria como background:
HTML
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg"

agregarle las medidas de la imagen para que la celda tome ese tamaño:
HTML
<td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px">

colocar el texto que deseaba como link:
HTML
td background="http://img172.echo.cx/img172/3576/boton7ti.jpg" height="31px" width="88px"><a rel="nofollow" href="www.trucoswindows.net">HOME</a></td>

y asi logre obtener la letra encima de la imagen thumbsup.gif

Saludos bye1.gif bye1.gif bye1.gif bye1.gif bye1.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Nicelan
post Jun 29 2005, 04:29 PM
Publicado: #9


Maestro Secreto
Group Icon

Grupo: Moderadores
Mensajes: 1.365
Registrado: 20-February 05
Miembro nº: 84.151



AH muchas gracias es justo lo ke keria saber!! ya solo me basta con entender al 100% el codigo para poder aplicarlo, como soy novata en esto del diseño web aun me cuesta un pokito pero ahi la llevamos!
Gracias
Un saludo!
Nicelan wub.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

mi barra de tareas no funciona o tiene un error... rodri breaker 98 2 Oct 3 2008, 05:22 AM
By: vitrox2007
menu inicio desconfigurado ricardoad23 147 2 Oct 2 2008, 10:29 PM
By: ricardoad23
No me funciona la barra baja torrichi 107 10 Oct 1 2008, 10:01 PM
By: patricioirrazabal
Barra de Herramientas no funciona sergiiogdl 59 2 Sep 30 2008, 03:23 AM
By: sergiiogdl
quiero editar menu, boton derecho en inicio andr3s 77 1 Sep 23 2008, 11:25 AM
By: patricioirrazabal