Imágenes en el blog o web

La imagen; su uso y manipulación
PICASA, EDITA FOTOS DE TU BLOG
Un programa totalmente gratuito en el que puedes hacer retoques a tus imágenes; te explico como.
INSERTAR IMAGEN EN PLANTILLA BLOG
Como ser capaces de insertar una imagen en cualquier parte del blog
CAPACIDAD IMAGENES EN BLOG
Qué capacidad tiene blogger para alojar imágenes
ICONOS GESTUALES EN TU BLOG
Unos para empezar....
UN LINK O VINCULO EN UNA IMAGEN
Paso a paso como hacer de una imágen el acceso a otra página
ANIMACIÓN FOTOS WEB BLOG
Cómo crear una presentación de fotos sin tener que utilizar ninguna imagen
ANIMACIÓN FOTOS WEB BLOG ANIMACION EN BLOG O WEB II
Un poco más de lo anterior
COLOR EN EL WEB
El color en la web cómo se trata
CORREO O EMAIL UNA IMAGEN
Como acceder al correo desde una imagen
FONDOS Y POSTALES
Una serie de fondos y postales para crear composiciones totalmente diferentes; su uso es totalmente gratuito y libre.

EDITAR TEXTOS EN WEB O BLOG

INSTALAR UNA FUENTE
Lo primero es lo primero sabes com añadir una fuente nueva en tu ordenador???

TEXTO EN WEB O BLOG
Cómo alinear los textos para conseguir una presentación cuidada al visitante

TITULO EN MOVIMIENTO
Un sencillo script para un efecto impactante

TEXTO CON EFECTOS
Diversos efectos editados en html y que con la práctica crearás composiciones originales

CÓDIGO PARA ENMARCAR TEXTO; BORDEAR UN TEXTO
Pues eso lo que se lee...sobrán explicaciones no???

TEXTO BLOG EN MOVIMIENTO
La forma más sencilla para...ahorrar espacio??? Crear Menus???

CAMBIAR EL COLOR DE LA FUENTE COMO TU QUIERAS

Código para enmarcar un texto; bordear un texto.

Para bordear un texto se utilizará el siguiente código;

<table style="" border="1" bordercolor="red"><br /><tbody><tr><br /><td>Aquí el texto que quieras introducir</td><br /></tr><br /></tbody></table>

Tal y como está quedaría de la siguiente manera;

Aqui el texto que quieras introducir

Variables que pueden ser cambiadas del código anterior;

table style="width: 157px; height: 45px;>>>>>>Estas variables se refieren al ancho y al alto de la tabla
border="1">>>>Se refiere al ancho de la linea de la tabla veamos con otros valores;

tabla con borde 2

tabla con borde 3

tabla con borde 4

Bordercolor>>>>> Como se intuye por el nombre es el color del borde de la tabla aunque viene el valor con una palabra "red" se pueden utilizar valores alfanuméricos como se han estado utilizando hasta ahora como "#FFFFFF" si habeis seguido anteriores posts sabeis que podeis acceder a tablas con los códigos necesarios

tabla con borde 4 y borde azul

Hasta aqui la primera parte ; en la siguiente pasaremos a códigos más elaborados y complejos.Todo lo necesario para que consigais los efectos que deseeis...

Iconos gestuales

Selecciona el que quieras y con el boton derecho del ratón selecciona"Guardar como..."
Puedes encontrar más en Iconos y más iconos

TEXTO ANIMADO

TEXTO ANIMADO

En una entrada anterior ya aprendimos formas básicas de darle movimiento al texto vamos a ver a continuación otros códigos para seguir jugando con el texto espero que os gusten los efectos que se consiguen...

• Tenis sin desaparecer de la Pantalla

holaaaaaaaaaaa

• Tenis;desaparecer de la Pantalla

holaaaaaaaaaaa

• ping-pong

holaaaaaaaaaaa

• ascensor

holaaaaaaaaaaa

Os recomiendo no utilizar el color del fondo; este valor viene para en el caso que vuestro fondo de página no sea blanco podais poner el mismo color del fondo de la página; como veis pierde mucho el efecto....si os veis en la necesidad de cambiar el valor tendreis que ir a>>>>>> background-color: rgb(255, 255, 255)>>>>-en el blog hay una sección de colores en la web que podreis obtener los códigos de para el color
Como veis podeis cambiar la fuente, el color de la fuente, el tamaño...
Podeis probar tambien a cambiar el down de los codigos por up y ver los resultados....o sustituir right por left...podeis jugar con los efectos
Como siempre cogereis el código lo seleccionareis todo de el formulario que hay a continuación copias y lo pegais en edición de html como siempre que trabajamos con códigos; introducir el texto (El texto lo teneis que introducir en el siguiente sitio del código>>> background-color: rgb(51, 255, 102);">Aqui el texto o imagen), y modificar los valores que querais del código como la fuente, el tamaño de la fuente.....
A continuación teneis lo códigos;

Código Tenis 1

<p></p><marquee behavior="alternate" direction="up" width="80%"><p></p><marquee direction="right" behavior="alternate" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(230, 230, 230);">holaaaaaaaaaaa</marquee></marquee><br />

Código Tenis 2

<p></p><marquee behavior="alternate" direction="up" width="80%"><p></p><marquee direction="right" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(100, 155, 55);">holaaaaaaaaaaa</marquee></marquee>

Ping-pong

<p></p><marquee behavior="alternate" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">holaaaaaaaaaaa</marquee><br />

Ascensor

<p></p><marquee direction="down" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">holaaaaaaaaaaa</marquee><br />

Y si probamos con imágenes?????

Ahora a utilizar vuestra imáginación y sacarle partido a este código!!!!!