CAMBIO DE COLOR PARA ENLACES

[url="dirección"]Enlace[/url]

Foley escribió:Si te soy sincero nunca me puse a configurar el color de los enlaces cuando se pasa el ratón por ellos sin usar los maravillosos estilos css :D

Creo que se usa style="loquesea", ejemplo:

[url="dirección"]Enlace[/url]

Pero es un auténtico lío, mucho más rollo y además tienes que repetir lo mismo en cada enlace. Imagínate si tu web es grande y se te dá por cambiar el diseño de los enlaces (ya no digo el de toda la web...), tardarías horas y horas, yo diría días porque acabarías cansado de repetir y repetir los mismos cambios enlace a enlace.
Gracias por tu respuesta Foley ya introduje el enlace pero no funciona,me dices que siga el curso paso a paso,ya lo seguí e hice la página de ejemplo y todo,luego buscando por ahí encontré plantillas mejor acabadas y empecé a hacer la página en una de ellas y despues de muchos quebraderos de cabeza la terminé compré el dominio y el hosting y funciona bien.Creo que ya es tarde para pensar en la hoja de estilos que sería magnífico, pero pienso que debe haber la forma de que me funcione lo que quiero te agradezco tu atención GRACIAS

Espero que después de tanto texto te haya convencido de que sigas el curso completo paso a paso de esta web y uses estilos css, son lo mejor, cuestan algo más al principio pero al final lo agradecerás ;)

Foley escribió:No entiendo por qué usas una plantilla ya hecha, así no te sirvió de practicamente nada lo aprendido en el curso y lo olvidarás.

Como se aprende es creando tu propio diseño, una vez crees dos ya te sabrás los códigos de memoria. El tema es ir configurando tu todo a mano e ir viendo qué hace cada cosa y cómo afecta a la web, así se aprende.

Lo que yo te dije me extraña que no funcione, me gustaría ver la web online si puedes ser...

Un saludo ;)

[url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url]

[url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url]

Foley escribió:Ok pues mira, este es el código de uno de los items de tu menú horizontal:

[url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url]

Cámbialo por:

[url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url]

Lo de style lo usé con algún div, nunca en enlaces pero es que sino no se me ocurre cómo hacerlo. Prueba y me dices ;)

Saludos

olukarak escribió:¿Fácil?

Foley escribió:No entiendo por qué usas una plantilla ya hecha, así no te sirvió de practicamente nada lo aprendido en el curso y lo olvidarás.

Como se aprende es creando tu propio diseño, una vez crees dos ya te sabrás los códigos de memoria. El tema es ir configurando tu todo a mano e ir viendo qué hace cada cosa y cómo afecta a la web, así se aprende.

Lo que yo te dije me extraña que no funcione, me gustaría ver la web online si puedes ser...

Un saludo ;)

<style type="text/css">
.estilo1 a {color: #FFFFFF }
.estilo1 a:hover {color: #FF0000}
</style>

class="estilo1"

<td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="24%">
            [b][/b][*][b][url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url][/b][b][/b]</td>
					  <td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="26%">
            [b][/b][*][b][url="../subliminal/subliminal.html"]<font color="#ffffff" face="Arial" size="2">Programación Subliminal para la Prosperidad</font>[/url][/b][b][/b]</td>
            <td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="26%">
            [b][/b][*][b][url="../ganadinero/ganadinero.html"]<font color="#ffffff" face="Arial" size="2">Gana Dinero Mientras Duermes</font>[/url][/b][b][/b]</td>

Foley escribió:Olurarak, esa es otra manera, utilizar css pero sin usar una hoja de estilos externa. Para hacerlo así es mejor cargar una hoja de estilos css externa.

El problema es que él no busca eso, el busca o creo que busca (ahora ya dudo) una manera de hacerlo pero sin css.

@ludwig: el html no es complicado, es uno de los lenguajes de programación más sencillos que he visto. Cada código hace siempre lo mismo, siempre siempre en todas las situaciones hace lo mismo. Si sabes qué hace cada código ya está arreglado el problema.

Yo estoy mirando tu código y no hay por ningún enlace lo de style="...", seguro que lo has puesto? Mira:

<td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="24%">
            [b][/b][*][b][url="../index/index.html"]<font color="#ffffff" face="Arial" size="2">Página de inicio</font>[/url][/b][b][/b]</td>
					  <td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="26%">
            [b][/b][*][b][url="../subliminal/subliminal.html"]<font color="#ffffff" face="Arial" size="2">Programación Subliminal para la Prosperidad</font>[/url][/b][b][/b]</td>
            <td style="border-style: solid solid none; border-width: 1px 1px medium;" bordercolor="#339966" align="center" bgcolor="#000000" height="15" width="26%">
            [b][/b][*][b][url="../ganadinero/ganadinero.html"]<font color="#ffffff" face="Arial" size="2">Gana Dinero Mientras Duermes</font>[/url][/b][b][/b]</td>

El fallo es que cuando somos nuevos nos ponemos a buscar menús chulísimos y diseños espectaculares y simplemente copiamos y pegamos códigos sin saber qué significa cada línea de ese código. Creo que no es tu caso.

Lo que tienes es que leer el curso completo paso a paso entero, no por partes. Creo que actualmente estás usando el dreamweaver o otro editor parecido para hacer la web, no? Es que veo demasiado código "basura", que se repite hasta la saciedad y se podría aligerar tanto tu web que mismo abriendo el archivo index.html con el bloc de notas entenderías qué hace cada línea de código.

Si te pones puedes, ánimo ;)

P.D: Crear un diseño cuando eres nuevo te llevará 1 semana pero no sabes bien lo que puedes llegar a aprender. Créate una meta en papel y luego con código html+css lo haces ;)

Saludos

[...] luego en los enlaces lo de class estilo1 [...]

olukarak escribió:

[...] luego en los enlaces lo de class estilo1 [...]

No es en los enlaces, es en los divs o tablas donde tienes que colocarlo.
En tu caso es en el td.. donde colocaste el código que te dio nuestro amigo Yoda. Ahí quita eso y pon class="estilo1".

<tr><td width="2%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: solid; border-top-width: 1; border-bottom-style:none; border-bottom-width:medium" align="center" bgcolor="#006666" bordercolor="#339966" height="15">
            [b]<li class="estilo1">[url="../index/index.html"]<font size="2" face="Arial">Página de inicio</font>[/url][/b]</td>

olukarak escribió:

<tr><td width="2%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: solid; border-top-width: 1; border-bottom-style:none; border-bottom-width:medium" align="center" bgcolor="#006666" bordercolor="#339966" height="15">
            [b]<li class="estilo1">[url="../index/index.html"]<font size="2" face="Arial">Página de inicio</font>[/url][/b]</td>

Este es el nuevo código que funciona ;)

Que interesante... Eliminando de la etiqueta <font> el color="#FFFFFF" y pasando el class="estilo1" del <td> a

, funcionó.
Haz eso en todos los

de ese menú.

Para personalizar los colores de los enlaces hay que modificar solo el códio que pusiste en head. Donde se define el color para .estilo1 a es el color del enlace mientras no pases el ratón por encima. El color de .estilo1 a:hover es el de cuando pasas el ratón por encima.

Tal vez el problema se debiera a que pusiste en <font [...] color="#FFFFFF" [...]>. Eso dice que este texto sera únicamente blanco.

olukarak escribió:Abriamos resuelto esto en menos tiempo... ¿Quién imaginaba que lo tenías todo tan liado?

Tu página se ve mal en algunos navegadores como Google Chrome. Yo que tu, hacia una propia.

PD: Soy maestro de la LDA y puedo asegurar su existencia.