Category

Manual HTML

Truco Expandir – Contraer en blog

  • noviembre 6, 2010

Para esconder elementosSirve para todo: im??genes y texto. Te permite, iniciar una publicaci??n y luego invitar a los lectores a seguir leyendo. Expande y contrae la publicaci??n.Paso 1:Lo primero que hacemos es ir a la configuraci??n HTML de nuestra plantilla y buscamos el </head>; y justo antes pegamos el siguiente codigo:  dijo: <script type=’text/JavaScript’>function verocultar(cual) {var c=cual.nextSibling;if(c.style.display==’none’) {c.style.display=’block’;} else {c.style.display=’none’;}return false;}</script> Guardas los cambios. Paso 2:La segunda parte se agrega…

No Comments

Formulario en HTML DE CONTACTO

  • octubre 28, 2010

  Hoy vamos a ver c??mo hacer un formulario de contacto. 1.?? Lo que hacemos es copiar el siguiente c??digo, ya sea en la sidebar (Dise??o- Elementos de la p??gina- A??adir un gadget- HTML/Javascript A??adir) o en una entrada (Creaci??n de entradas- Nueva entrada). El c??digo mencionado es el siguiente: <FORM action=»mailto:tucorreo@correo.com» method=»post» enctype=»text/plain»><TABLE BORDER=»0″ CELLSPACING=»0″ CELLPADDING=»4″ WIDTH=»90%»><TR><TD width=»30%»><DIV align=»right»><B>Name:</B></DIV></TD><TD width=»70%»><INPUT type=»text» name=»name» size=»20″></TD></TR><TR><TD><DIV align=»right»><B>Email:</B></DIV></TD><TD><INPUT type=»text» name=»email» size=»20″></TD></TR><TR><TD><DIV align=»right»><B>Comment:</B></DIV></TD><TD><TEXTAREA name=»comment» cols=»30″ wrap=»virtual»…

No Comments

Hacer zoom en las imagenes JQuery

  • octubre 14, 2010

El efecto Zoom en las imagenes es algo muy sencillo con JQuery : Implementarlo s??lo requiere cuatro pasos: primero descarga este archivo, descompr??melo y sube el archivo zoom-clip.js a un servidor. Luego entra en Dise??o | Edici??n de HTML y pega antes de </head> lo siguiente: <script language=’javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js’ type=’text/javascript’/><script language=’javascript’ src=’URL del archivo .js‘ type=’text/javascript’/> Cambia lo que est?? en color rojo por la URL del archivo que previamente subiste al hosting. Ahora antes de ]]></b:skin> pega esto: #view {border:…

No Comments

Cambiar cabecera del blog-trucos blog

  • octubre 6, 2010

Aqu?? en Trucos para tu blog te ense??amos a cambiar la cabecera de tu blog ??Est??s aburrido de la misma cabecera de tu blog? Gracias Smashing Magazine puedes cambiar de dise??o con estas 50 cabeceras (headers) que he recopilado en su sitio y que puedes usar libremente.Algunos dise??os vienen acompa??ados de su respectivo archivo PSD por si sabes usar Photoshop puedas modificarlo a tu antojo. Una vez descargado este pack s??lo escoge la que…

No Comments

Eliminar quitar numero del post

  • octubre 3, 2010

Para eliminar esos n??meros entra a Blogger > Dise??o > Edici??n de HTML y marca Expandir artilugios. Busca este c??digo y elim??nalo: (<data:label.count/>) Ahora tus etiquetas no tendr??n el n??mero de post que hay en ellas.Fuente De esta misma Fuente est??n sacados muchos trucos y artilugios pues es de las mejores paginas de ayuda para bloggers Un truco muy sencillo de – en trucos para blog aqu?? siempre los mejores trucos para vosotros…

No Comments

Titulos con imagenes en tu blog

  • septiembre 27, 2010

Titulos con imagenes en  tu blogRecuerdo que tiempo atr??s, una de las primeras modificaciones que le hice a mi blog fue la de reemplazar los t??tulos de los gadgets por im??genes. Los lectores quedaron encantados y en la mayor??a de sus comentarios me pidieron que les explicase la forma de conseguir lo mismo.Por ello, en esta entrada quiero present??rtelo y conseguir que en unos sencill??simos pasos puedas aplicarlo a los…

No Comments

Todos los codigos de colores html

  • agosto 19, 2010

Codigos de Colores Html Pincha Aqu?? Aqu?? os dejo esta p??gina donde podr??s encontrar todos los c??digos colores html que puedas estar buscando es un simple generador de colores muy f??cil de usar. ??C??mo utilizar los c??digos de color? Con los c??digos de color puedes fijar el color del fondo del Web site, el color de fuentes, las c??lulas en tablas y mucho m??s. Usar los c??digos de color para el color…

No Comments

C??digos para generar texto en movimiento

  • agosto 19, 2010

 Todos estos c??digos de texto en movimiento, pero aparte de chulos pueden ser muy ??tiles: Os dejo algunos c??digos que he recopilado para generar distintos efectos de texto en movimiento. Ya sab??is…copiar y pegar, espero que os sirvan. <marquee behavior=»alternate»><strong>Texto aqu??</strong></marquee> Texto aqu??Queda chulo ??eh? Aqu?? os dejo otro c??digo: <marquee direction=»up» behavior=»alternate»>Texto aqu??</marquee>Texto en movimientoEste otro est?? superchulo, ah?? va el c??digo: <span><marquee direction=»left» style=»background:#CC3333″>Es guapo ??eh?….</marquee></span>Es guapo ??eh?….(puedes…

No Comments

Nuestra primera p??gina

  • agosto 15, 2010

Nuestra primera p??gina Aplicando lo aprendido en el punto anterior Sintaxis de una p??gina nuestra primera p??gina podr??a ser algo parecido a esta: <html> <head> </head> <body> HOLA MUNDO </body></html> Pru??belo, por favor, ver?? que f??cil es realizar nuestra p??gina web.Visualizaci??n de la p??gina: hola mundo Si tiene alguna duda de c??mo editarlo puede hacerlo con el Notepad de Windows o bajarse de Internet un editor de p??ginas Web , yo…

No Comments

Sintaxis de una p??gina HTML

  • agosto 15, 2010

Sintaxis de una p??gina HTMLLos documentos o archivos HTML est??n compuestos por tres partes bien diferenciadas: EL Comiezo del documento HTML lo indica la etiqueta <html>Adem??s un documento HTML ha de estar delimitado por las etiquetas<html> …. </html> La Cabecera del documento (Header, cabecera en ingl??s) esta delimitada por<head> …… </head>Donde colocaremos etiquetas normalmente informativas como el t??tulo de la p??gina. Adem??s se usa para dar informaci??n sobre el documento, por…

No Comments

Comienzos en el HTML

  • agosto 14, 2010

En este nuevo apartado o pesta??a intentaremos descubrir todo el lenguaje del HTML, y empezaremos con el:Inicio HTMLHTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de informaci??n relacionadas, y con inserciones multimedia (gr??ficos, sonido…). La descripci??n se basa en especificar en el texto la estructura l??gica del contenido (t??tulos, p??rrafos de…

No Comments