HTML-coding is a bitch! XD

Helloooo there!
Bueno, mi día se resume en una levantada extraordinariamente tarde, un festival de guías a leer para la semana y como ven en algunas horas invertidas en editar un poco el lay-out del Blog. Estaba en un breve descanso de lectura, puse la playlist del winamp y aparece el “Ride on Shooting Star” de los Pillows lo cual me inspiró a aventurarme en el mundo HTML para poner de fondo la imagen estilosa de Naota-kun con su Gibson EB-0. Y para mi sorpresa quedó bastante bien para ser todo un n00b en esto de editar códigos.
Y ya, ya, bueno… Como Sly-chan me pidió que le explicara como se hace esto del html-coding vamos a intentar de hacer un pseudo html-coding-tutorial. Así que: LESSON!!!! :Bon-Clay-style: (h)
Antes, un poco de historia. Mis mínimas experiencias en el mundo HTML se basan en el año que hice LESSON!´s de computación con Ponce-sensei… No aprendí mucho; MacroWave me lo pasé por donde mejor me cabía y dejé que Eller-chwan (mi compañero de grupo para el trabajo de Flash) sacara nuestra buena nota. Excel lo pasamos entre todos porque nos mandábamos la prueba al mail mientras la estábamos dando XDDD . Pero DreamWeaver me gustó, y de eso se trata el HTML. DreamWeaver te da los códigos-html sin tener que aprendértelos de memoria, por eso la lleva. Problem is, que no tengo el DreamWeaver en la casa, así que lo que hice hoy editando los códigos fue pura memoria (h) …
Pero en realidad lo que hice no es mucho T_T. La Manto se reirá como es toda una Pro con el DreamWeaver XD. Ya, así que aquí va el “tutorial”: Simplemente calculé los píxeles que tiene el blog en dimensión (apróx. 1.000 px. de ancho. el largo es a gusto de uno), corté la imagen de un wallpaper que tenía, le agrandé a la medida del blog cosa que no interfiera con el texto que escribo y listo. La subes a ImageShack.us para luego irte a tu menu dentro del blog. Ahí en Template donde sale esa ventana llena de códigos in entendibles te pones a buscar la parte donde sale “ body { “ . Es bien al principio. Y poco más abajo donde sale “ background: ” tienes que poner:
background:url("laURLde-tu-imagen.com");

Y en todas partes donde sale :
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:left;
color:#ccc;
font-size/* */:/**/small;
font-size: /**/small;
}

vas arreglando a tu medida. Es un asco aprenderse algunos códigos de memoria, pero a falta de DreamWeaver, no can do… ;)
Arreglas la font cosa que se pueda leer y alineas las cosas para los lados que gustes…

Try it. Yo pasé harto rato recortando la imagen y subiéndola una y otra vez para ver como quedaba. Y si no te sale te aguantas hasta el viernes a ver si te puedo ayudar ahí… Good luck… XD


MANTOoooOOoo ! : If posible, me puedes mandar el código para que lo que escriba cada vez que postee salga como en tu blog. Así que tenga una scroll-bar al lado. Cosa que el Blog tengo 1 sólo fondo y no se repita como lo tengo ahora. Ni idea si se entendió… XDDD Si no te pregunto algún día por msn… ^^


C-YA all !!! Have a nice day…