Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como html

¿Como funciona Blogger?

Para enetender como funciona una plantilla Blogger, lo primero que debemos hacer es diferenciarla de una pagina web, una pagina web, es una pagina web, y una plantilla Blogger es.. una plantilla Blogger , Estas están escritas usando un lenguaje llamado XHTML que no es HTML y es, simplificando, un lenguaje que combina códigos "normales", comunes y corrientes con códigos especiales creados y manejados por el mismo Blogger que es el único que puede traducirlos. No contiene un gran vocabulario, como para decir que es un "nuevo lenguaje creado por el mismo Blogger " , solo consta de unas cuantas palabras, que con el tiempo van aumentando, a medida que el señor Blogger quiera. ¿Para qué tanto lio? Por eso que decía al inicio, porque las plantillas de Blogger no son páginas web simplemente porque los blogs no son páginas web . La plantillas no es todo el blog , es solo el esqueleto. Lo demas son datos que Blogger guarda y gestiona en algun lugar, que despues de c...

Generador de cubos flash

wiseguys.co.uk es una web que genera widgets el que vamos a ver hoy es el cubo 3d   Es muy facil de hacer.... Solo entran acá , buscan su imagen (Browse) la sube (upload) y ven el resultado... La desventaja de eso es que hay mucho codigo de gusto... Primero que nada localizemos el objeto flash:   El objeto flash sería lo seleccionado que seria algo así http://www.wiseguys.co.uk/Generators/Cube/show.swf ? baseURL=http://www.wiseguys.co.uk/Generators/Cube/ & clickURL=http://www.wiseguys.co.uk/Generators/Cube/ & type=0&clickLABEL=wiseguys.co.uk & file=pic XXXXXX . XXX Lo verde indica el comienzo de los parmetros Lo naranja es la dirección a donde se irá haciendo click sobre la animación (se puede borrar, en ese caso lo que se borraria seria eso, junto con el & de adelante) XXXXX indica el numero de la imagen, y .XXX la extención de la misma Mi codigo sería algo así: http://www.wiseguys.co.uk/Generators/Cube/show.swf?baseURL=http://www.wiseguys.co.uk/Gene...

Crear un Reproductor personal en HTML

Hoy les voy a mostrar como crer una especie de " reproductor personal " para tu blog o web.... Es un simple div con una imagen de fondo y un borde...pero le da un pequeño toque personal al sitio Primero creamos el div... <div style="border: 8px solid gray; height: 626px ! important; width: 607px;"></div> En este caso y usé esta imagen... la imagen puede variar en Direccion de la imagen , iría la url de la imagen por ejemplo http://servidor.com/imagen.jpg Ahora viene el titulo del video Lo voy a poner en una lista así se puede personalizar mas facil <ul style="list-style: none; margin: 14px 2px 4px; color: gray!important; "><li style="border-bottom: 2px solid gray; "> Titulo </li></ul> puse los estilos ahí nomas... Tabien pueden hacerlo usar un class (para todos los que lleven estilos) <ul class="titulo"><span class="tituloLI">El desafio a la muerte</span></li>...

Mirando la funcion del CSS

Se entiende la funcion del CSS? "El HTML sin CSS es como la tierra sin el sol"

Efecto de opacidad en tu blog

Hace unos dias vi en el blog de Gem@ una forma de editar el css para que se hagan transparencias en las columnas de la sidebar, la cabecera y la columna de los posts, es totalmente personalizable y que muy vistoso. Primero que nada... Etramos a Blogger, vamos a Diseño/edición HTML ahí mismo vamos a agregar los codigos nesesarios. Lo que esta con color blanco es lo que está en la plantilla, el texto color gris es lo que vamos a agregar. Añadiremos opacidad a header, la cabecera de nuestro blog: #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid #135070; /*Si no querés borde borrá esta linea*/ background-color:#135070; /*El color de fondo se puede personalizar*/ filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80; } Main. Espacio de las entradas. #main-wrapper { width: 410px; float: $startSide; border:1px solid #135070; /*Si no querés borde borrá esta linea*/ background-color:#135070;/*El color de fondo se puede pers...

A editar HTML! (pero bien, he!)

¿Que programa utilizo para edición web en HTML? Seguro pensaran que lo mas sencillo y practico es usar FrontPage o Dreamweaver . .. No! lo único que uso es Block de notas !..aunque también uso el Nottepad++ (espectacular soft!) Yo creo que si lo hiciera con alguno de esos soft perdería el sentido de aprender (ya que soy nuevo en esto) Siempre cuando aplico o hago algún hack en mi web (que no es invención mia) trato de investigarlo, destriparlo y entenderlo...por eso es que edito el HTML   letra por letra, manualmente.. Acá les dejo todo lo necesario para editar HTML (o cualquier lenguaje de programación web) Antes que nada quiero aclarar... Jamás de los jamases utilizar editores como Microsoft Word , WordPerfect u Open Office , hay una diferencia elemental entre un EDITOR de textos y un PROCESADOR de textos; los primeros crean lo que se llama " TEXTO PLANO ", esto es, sin formato de ninguna clase; los segundos, crean archivos que sólo pueden ser leídos por otr...