pestañas,como se hacen?

Lunita23 · #1 (**permalink**) 04/09/2009, 11:30

hola a todos,espero escribir en el sitio correcto si no lo siento de anetemano.quiero hacer unas pestañas para mi web y no se hacerlas.he cogido unos codigos de unas plantillas pero al ponerlos no se ven igual.se ponen en lista y yo quiero unas pestañas de esas tan chulas.entonces yo pregunto si es que tengo que hacer lo que es el dibujo de la pestaña en fireworks y luego añadirla a la pagina y poner el nombre y vinculos o que? si sabeis hacerlas contarmelo o decirme algun tutorial porque todas las paginas de la red tienen pero hay poca informacion sobre como hacerlas o yo no encuentro nada.gracias a todos

kseso? · #2 (**permalink**) 04/09/2009, 13:35

¿Pestañas?
¿Te refieres a un menú en horizontal?:
En las faq's de css tienes una buena colección. Elije uno y después ya será más fácil que recibas ayuda a dudas puntuales y concretas.

mayid · #3 (**permalink**) 04/09/2009, 14:45

Es cierto que no estas dando un ejemplo grafico en el que basar la respuesta.

Yo me imagino que las pestañas no tienen elementos añadidos (fotos de fondo) sino que estas hechas con colores, bordes, y quizas puntas redondeadas. Eso se logra sin fotos. Pero en el caso de que necesites las fotos, el codigo que copiaste te tiene que dar la pauta de donde estan esas imagenes. Entonces, bajas tambien.

Yo creo que lo que estas olvidandote de hacer es de incluir el css en cabecera. Quizas el ejemplo que vos miras tenga un link a un archivo css externo, y vos no te lo hayas copiado.
Un link se ve así:
<link href="library/style.css" type="text/css" rel="stylesheet" />

Fijate en el original. Si el caso es que no tenes la plantilla css, claro que el menu va a aparecer como una simple lista, sin estilo. Entonces lo que hay que hacer es aplicarle el estilo. Ok?

alexk · #4 (**permalink**) 04/09/2009, 14:51

mayid cierto o bien se le olvidaron las imagenes jeje pero aun no entiendo del todo que pasa

Lunita23 · #5 (**permalink**) 05/09/2009, 04:04

de fotos no he dicho nada me referia a lo que es la pestaña que la tendre que hacer yo con fireworks.thank you

Lunita23 · #6 (**permalink**) 05/09/2009, 04:09

jope habia escrito un mensaje largo y no ha salido ,tengo que poner ese link antes de la lista no mayid? es que de codigo no me entero mucho.muchoviaje.com/ aqui hay un ejemplo de lo que quiero

caricatos · #7 (**permalink**) 05/09/2009, 04:40

Hola:

Tal vez te sirva esta página: Sistema de pestañas... y accesible

Saludos

Lunita23 · #8 (**permalink**) 05/09/2009, 17:13

gracias Caricatos mañana voy a probar a ver que tal.te queria preguntar una cosa yo puedo poner el diseño de la pestaña que quiera?lo que es el dibujo por asi decirlo o no? es uqe me gustarian mas redondeadas.mi pagina yo le he puesto un dibujo creado con fireworks y luego queria ponerle las pestañas debajo,que hago simplemente copio lo que tu has puesto y ya esta? es que no se porque no me salen bien y he probado mil cosas.bueno si pudieras exarme una manita.el codigo que tengo yo en la web que estoy haciendo es este

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Estilo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#666666">
<div align="center"><img src="cabezera%20gauy46.jpg" width="960" height="199">
</div>
</body>
</html>

quiero ponerlas debajo de la cabezera.gracias

Lunita23 · #9 (**permalink**) 05/09/2009, 17:30

esos que me has dado los copio tal cual y me quedan en lista

Tecnex · #10 (**permalink**) 05/09/2009, 17:46

Si quieres que se vean tan vistosas como las de las mejores web te recomiendo que uses Flash, ahi se crean los menus animados y muchas cosas mas, incluso paginas web, yo ando haciendo una xD

Salu2

Masterock · #11 (**permalink**) 05/09/2009, 19:01

Cita:

Iniciado por Tecnex

Si quieres que se vean tan vistosas como las de las mejores web te recomiendo que uses Flash, ahi se crean los menus animados y muchas cosas mas, incluso paginas web, yo ando haciendo una xD

Salu2

lo malo de usar flash el que no indexa en los buscadores!!, yo la verdad prefiero en lo mayor posible no usar flash para menús, ya que eso es de lo primero que se debe indexar

Tecnex · #12 (**permalink**) 05/09/2009, 19:39

Lo unico que haces cuanod acabas tu web en flash la vuelves en html, nadamas le pones como nombre index y ya justamente estoy haciendo una web yo en flash y es lo emjor! claro si sabes como usarlo

caricatos · #13 (**permalink**) 06/09/2009, 04:45

Cita:

Iniciado por Lunita23

esos que me has dado los copio tal cual y me quedan en lista

En la última de las pestañas hay un sencillo generador que te crea el código para la estructura, después hay que agregar los contenidos... y sobre la estética, tan solo hay 2 modelos, pero cada uno puede hacer las modificaciones que desee sobre el código resultante

Sobre el tema de las pestañas, te comento que este ejemplo es para páginas con todo el contenido de las pestañas, pero si los contenidos están distribuidos en distintas páginas, tal vez no te interese esta función basada en javascript.

Saludos

cristian_cena · #14 (**permalink**) 06/09/2009, 10:17

Hola:

Tecnex:
cito: "Lo unico que haces cuanod acabas tu web en flash la vuelves en html, nadamas le pones como nombre index y ya justamente estoy haciendo una web yo en flash y es lo emjor! claro si sabes como usarlo"

¿Me explicas como haces para volverla en html? ya que me gustaría poder crear menús en flash, pero al momento la solución más adecuada me parece CSS (inclusive puro CSS, ya que Javascript puede ser "desactivado" por el usuario)

Es decir, cuando trabajé con flash exporte un swf al que inclui en un documento html a través de la etiqueta <object>

Por otra parte, Lunita23, existe un método (CSS3) para dar bordes redondeados a tus pestañas, pero dichos bordes NO serán renderizados por todos los navegadores (sobre todo las versiones 5.5, 6 y 7 de IE)

Dicha propiedad es border-radius:;
http://webposible.com/xposible/tag/css3-border-radius/
http://ceslava.com/blog/esquinas-red...border-radius/

P/D: Caricatos, su página me fué muy útil, gracias.

Saludos!