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!
Categorias: Efectos, Enlaces - Links, Imagenes 11 comentarios
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:
En atributo selecciona: "target"
en valor:
_Self : Abrirá el link en la misma ventana
_blank : Abrirá el link en una Nueva ventana
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:
Categorias: Creacion de Paginas web, Enlaces - Links 7 comentarios
Entradas populares
- Widget de votos y entradas relacionadas para tu blog
- Abrir imágen en la misma página con efecto slide
- Reproductor flash para ShoutCast de Radio
- Enlace de "Agregar a Favoritos" en tu Web
- Lección 6: Insertar Imágenes en mi Página Web
- Playlist.com Reproductor de Musica para Myspace, blogger, etc
- Leccion 3: Organizar con Tablas
- Insertar una lista de reproducción de Youtube en un solo reproductor
- Efecto lluvia de estrellas con Javascript
- Efectos de Fuegos artificiales con Javascript