Ir arriba
Mostrando las entradas con la etiqueta Enlaces - Links. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Enlaces - Links. Mostrar todas las entradas

Si ya te aburriste del color de fondo de tu página web y quieres darle más estilo con una imágen de fondo o cambiar el color predeterminado de los links y no sabes cómo, ahora te lo explico. =)

Con el Editor | Por medio de HTML

Con el Editor

Es muy simple. Vas a Formato -> Color y fondo de pagina y Eliges la imágen.



Se abrirá una ventana como esta:



Aqui tienes muchas imágenes de fondo donde elegir. Bajalas a tu pc y subelas a tu servidor. Si no sabes cómo, lee la Lección 6

Recuerda!! La imágen debe estar en internet, no la busques con "Elegir archivo" porque sino, hará referencia a tu disco duro y no a la direccion de la imágen y nadie la podrá ver.

Nota:
La imágen se repetirá hasta completar la página. Nunca pongas imágenes pesadas si no quieres que tarde horas en cargar.

Si quieres puedes cambiar los colores predeterminados de los enlaces, aunque no es recomendable ya que el todo el mundo está acostumbrado a los colores estandar.

En el ejemplo todos están de color azul, asi el enlace no cambiará de color luego de visitarlo.
El color de fondo es negro (aunque con la imágen de fondo no se verá) y cambie el color del texto por blanco.

Texto de enlace: Como se verán los enlaces (Recomendado azul)
Enlace activo: El color que muestra al mantener pulsado el enlace.
Enlace visitado: Es el color que vemos cuando ya hemos visitado el enlace.

Por medio de HTML

Cambiar color del fondo
Para cambiar el fondo, en vista HTML debes buscar el siguiente "Tag" <body>
Y le agregamos el atrivuto "bgcolor" que hace referencia al fondo, asi:
<body bgcolor="black"> Significa que tendrá ell fondo de color negro.

Se puede sustituir el nombre en inglés o con los valores hexadecimales. Aqui hay una tabla con el codigo de cada color. Debes poner el signo numeral (#) antes del codigo.
Ej: Para el color azul: <body bgcolor="#0000ff">

Poner Imágen de fondo
En el mismo body, pero ahora usamos el atrivuto: background

<body background="http://direccion_de_la_imfagen.gif">
Es recomendable usar imágenes de poco tamaño, Aquí hay una galería donde puedes elegir algúna. (La descargas y la subes a tu hosting. Si no sabes cómo, lee la Lección 6)

Color de los Enlaces
En la etiqueta body nuevamente. Solo agregamos otro atrivuto al lado del que ya usamos.

<body background="http://direccion_de_la_imagen.gif" link="blue" alink="yellow" vlink="#0000ff">

Donde link es el color del Enlace; alink el del Enlace activo (Cuando mantienes pulsado el enlace); y vlink es el Enlace visitado.

Suerte!

>> Leer Todo

Enlazar hacia una página web

Primero Escribiremos el texto que queremos enlazar
Ejemplo: Entra a Creandoweb

Luego lo seleccionaremos y clickeamos en el botón ENLACE
y ponemos la dirección donde irá la persona al hacer clic (Comprueba que la dirección exista)

En Edición avanzada Pordrás hacer lo siguiente:
  • Si quieres que al hacer clic la web enlazada se abra en otra ventana.
En atributo selecciona: "target"
en valor:
_Self : Abrirá el link en la misma ventana
_blank : Abrirá el link en una Nueva ventana
  • Para que se vea un texto al poner el puntero del mouse sobre el link.
En atributo selecciona: "title"
y en valor pones lo que quieres que aparezca.


Ejemplo: Aprende a hacer tu página web
(Primero pon el mouse sobre el enlace sin darle clic. Luego clickea, abrirá en una nueva ventana)

Por Medio de HTML


Crear Enlace en una imágen
Es lo mismo que lo anterior. La seleccionas y apretas el boton ENLACE o le das doble clic sobre la imagen y vas a la pestaña "Enlace". Luego sigues las instrucciones anteriores.

Por medio de HTML
Si vas a crear un enlace en una imagen en HTML usa este codigo:

>> Leer Todo