Trucos Web

ESQUINAS REDONDEADAS

Editar plantillas html no es demasiado complicado si se tiene un programa bien estudiado como Front Page y un tiempo practicando , pero cuando la guerra entre navegadores entra en el juego la cosa se complica. No existe un formato estándar que deje las cosas claras a la hora de ver la misma pagina en distintos navegadores.

En el caso de las tablas con esquinas redondeadas es un claro ejemplo de como puedes esforzarte para nada ya que el empleo de distintos navegadores esta muy extendido en los visitantes , frustrando todo el tiempo empleado en ellas.

La típica Tabla con esquinas redondeadas hecha con una tabla de 3 filas por 3 columnas insertando imágenes con las esquinas y las rectas en las celdas que rodean la celda central queda obsoleta cuando compruebas que con Internet Explores se ve de cine y con Firefox o Crome salen rotas y desencajadas.

Si tenemos un blog en Blogger y implementamos dicha tabla en un witchet html/java script , comprobaremos con decepcion lo antes descrito.

Si bien existe una formula para implementar tablas con esquinas redondeadas en un witchet html/java script , guardada celosamente por los webmaster que la conocen y que si la buscas tardaras una eternidad en encontrar ya que se utiliza la técnica de estilos en cascada CSS , y si bien la cosa es asumible cuando dispones de una web-hosting donde guardar los ficheros css la cosa se complica a la hora de implementar dichos códigos en un blog que no dispone de hosting como Blogger.

Así que nos quedan dos soluciones una la menos atractiva que es pagar por un hosting o un dominio personalizado como el que ofrece Blogger por 10 dólares anuales o cualquier otro servidor y dos que esta si es bastante mas atractiva que es localizar unos códigos CSS únicos que puedas implementar en un witchet html/java script.

La verdad sea dicha por dichos códigos hay que remover cielo y tierra hasta al fin dar con ellos a si que sin mas rollos patateros hay quedan

El color del fondo se puede cambiar busca el código display:block; background:#333 y cambia 333 por ccc por ejemplo ,normalmente se usan 6 dígitos como 404040 pero usar tres es para colores mas simples.

También se puede cambiar el tamaño de la tabla cambiando .raised {background: transparent; width:40% por width:180px o lo que es lo mismo cambiar porcentajes por píxeles.



Y ESTE ES EL RESULTADO DEMO Y EN ZIP



             




EDITAR ARCHIVOS FLASH



El programa Macromedia Flash 8 es esencial para crear, editar Flash. Los Maestros crean , los aficionados como yo solo pueden crear pequeñas cosas pero en contrapartida si podemos editar los archivos FLA. "así se llama su extensión" que dejan los Eruditos de la materia.


¿Como conseguirlos y para que sirven? Uff ,sus aplicaciones son ilimitadas , pueden reproducir cualquier cosa desde un menú , un video un player de sonido ,juegos etc etc ,su implantación esta muy extendida rara es la web que se precie que no tenga ficheros Flash.Y lo dicho si no quieres pasarte horas aprendiendo lo mejor es aprovechar los ficheros que se reparten ,aunque no es fácil que un maestro del Flash regale sus experimentos e aquí cuatro grandes webs donde conseguirlos.

Flash Kit
Astalaweb
Cristalab
kadazuro





ARCHIVO FLA ORIGINAL
ARCHIVO FLA RE-EDITADO
"ejemplo"



COMO PERSONALIZAR EL FAVICON DE BLOGGER

Antes de nada puntualizar que es el favicon y para que se utiliza ; dicho lo cual el favicon es una imagen "ico"  por ejemplo imagen.ico que representa el logo, estandarte ,enseña de nuestra web o blog , es decir cualquiera que visite tu blog vera arriba en el navegador tu logo y si decide crear un acceso directo desde su pc este le aparecerá con tu logo por lo cual siempre le daremos un toque de distinción a nuestro blog .Siempre se le da el nombre de favicon.ico para que nuestro navegador la reconozca como tal ; en el caso de una web es muy sencillo de colocar simplemente creamos el archivo imagen lo subimos a nuestro hosting y ya esta .


Para Blogger necesitaremos crear el archivo , subirlo a un hosting cualquiera , apuntar su URL e introducirla en un codigo el cual insertaremos dentro de la plantilla de Blogger.

Bien para ello vamos a crear un icono "ico" no os digo programas por que casi todos son de prueba asi que los interesados que busquen uno que en la red los van a encontrar a docenas simplemente poner en google EDITOR ICO ,bien yo ya he creado uno para esta demo en la siguiente URL http://www.gratisweb.com/kalajann/images/favicon.ico "descripción :es un perrito con un disfraz de demonio en 48x48 "



Lo del tamaño es por que me gustan y utilizo iconos grandes en mi caso la resolucion de pantalla es 1280x1024 pero para el ico podríamos hacerlo de 24X24 O 16X16 perfectamente.

Bueno el código de este ejemplo seria el siguiente

solo hay que sustituir la url que yo he puesto por la nuestra ,siento que no lo podais copiar y pegar pero para que no produzca errores html en el post prefiero ponerlo como foto ,es muy simple de copiar a mano en un texto.

Y deberíamos ponerlo exactamente en esta parte de la plantilla entre el title y el skin exactamente asi



bueno y recordar que siempre que vallamos a retocar la plantilla debemos descargarnos una copia "por si acaso" , y nada mas fin.

Vacios

Sabes que es lo malo de vivir una vida vacía ? Pues que solo la puedes llenar con ficción o terminar de vaciarla precipitándose al vacío.  L...