- a YoMaster.com - Todo para WebMasters, diseña tus páginas Web como un Web Master, códigos HTML, javascript, trucos, efectos, ejemplos, tutoriales, Útilis en general...

Publicidad - Patrocinador de www.yomaster.com

Recursos WebMaster - Códigos con ejemplos - Trucos - Diseño - HTML - JavaScript - Imágenes - Fondos - Botones - Generadores

CÓDIGOS

TEMAS

COLABORA

WEBMASTER

Banners y Códigos YoMaster

PageRank YoMaster

Aquí podréis obtener los banner de este Web de los cuales disponemos en estos momentos para anunciarnos, intercambios, etc...

Disponéis de códigos para copiar y pegar que hacen referencia a dichos banner o links de texto sin tener que guardar la imagen banner en tu disco duro. Estos códigos los podéis pegar dentro del HTML o con el pegado especial.

Si prefieres guardar los banner en tu PC lo podéis hacer situando el puntero del ratón encima de la imagen, haz clic con el botón derecho del ratón y selecciona el comando de "Guardar imagen como" emergerá una ventana donde deberás de seleccionar la carpeta de tu disco duro donde podrás guardar la imagen banner para poderla utilizar en tus páginas después.

Banners de YoMaster

¡¡¡ OJO, IMPORTANTE !!!

Las imágenes de YoMaster.com están bloqueadas para no mostrarse en otros sitios Web para evitar que consuman transferencia de Hosting... guardarlas en vuestra carpeta Web, subirlas a vuestro Servidor y modificar la ruta de los códigos que os mostramos en nuestros banners.

Recomendamos situar puntero encima del banner y con el botón derecho seleccionar copiar y pegar en tu página Web en la vista diseño. De este modo se inserta el código completo listo para usar.

468x60 <> 25KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banner1.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="468" height="60"></a></p>

468x60 <> 37KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banner2.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="468" height="60"></a></p>

468x60 <> 25KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banner3.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="468" height="60"></a></p>

300x60 <> 17KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banner4.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="300" height="60"></a></p>

¡¡¡ OJO, IMPORTANTE !!!

125x57 <> 12KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/yomaster5.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="125" height="57"></a></p>

115X56 <> 9KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/mini_yomaster.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="115" height="56"></a></p>

100x60 <> 8KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banner5.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="100" height="60"></a></p>

100X35 <> 3KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/yomaster_mini.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="100" height="35"></a></p>

100X35 <> 7KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/banmaster.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="100" height="35"></a></p>

102X37 <> 4KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minimaster.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="102" height="37"></a></p>

88X31 <> 7KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/yomasterpeq.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

88X31 <> 9KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minibanner.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

88X31 <> 14KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minibanner2.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

88X31 <> 7KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minibanner3.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

88X31 <> 8KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minibanner4.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

88X31 <> 10KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/minibanner5.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="88" height="31"></a></p>

43X12 <> 1KB

<p><a target="_blank" href="http://www.yomaster.com"> <img BORDER="0" SRC="http://www.yomaster.com/banner/icon_yomaster.gif" alt="www.yomaster.com Recursos WebMaster GRATIS...clic aquí..." width="43" height="12"></a></p>

¡¡¡ OJO, IMPORTANTE !!!

Códigos para enlazarnos:

Estos enlaces de texto tienen el vínculo hacia YoMaster con nueva ventana para que vuestra Web no se pierda y puedan volver cuando lo deseen.

Copia y pega los códigos como se te indica en cada ejemplo:

Recursos WebMaster www.YoMaster.com

Insertar dentro del <body>

<p style="margin-top: 0; margin-bottom: 0" align="center"><font face="Verdana" size="2"> <a target="_blank" href="http://www.YoMaster.com">Recursos WebMaster www.YoMaster.com</a></font></p>

www.YoMaster.com

Recursos WebMaster

Insertar dentro del <body>

<div align="center"> <table border="2" id="table1" cellspacing="0" cellpadding="2" bordercolorlight="#800000" bordercolordark="#CC0000"> <tr> <td> <p style="margin-top: 0; margin-bottom: 0"> <font face="Verdana" size="2"><a href="http://www.YoMaster.com"> www.YoMaster.com</a></font></p> <p style="margin-top: 0; margin-bottom: 0"> <font face="Verdana" size="2">Recursos WebMaster</font></td> </tr> </table> </div>

Puedes modificar la tabla añadiéndole color, tamaño bordes, fuente, etc...

Recursos WebMaster

www.yomaster.com

Este se compone de estos dos códigos:

Insertar dentro del <head>

<style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> /* Recursos WebMaster www.yomaster.com */ //configura los grados que se movera (Mientras mas grandes los numeros mayor movimiento) var rector=3 ///////NO EDITAR/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>

Puedes modificar la tabla añadiéndole color, tamaño bordes, fuente, etc...

Insertar dentro del <body>

<div align="center"> <table border="0" id="table1" cellspacing="0" cellpadding="3"> <tr> <td> <p style="margin-top: 0; margin-bottom: 0" align="center"> <font face="Verdana" size="2"> <a target="_blank" href="http://www.yomaster.com"> <img src="http://www.yomaster.com/images/master.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)" border="0" alt="Recursos WebMaster de www.yomaster.com Clic aquí..." width="46" height="44"></a></font></p> <p style="margin-top: 0; margin-bottom: 0" align="center"> <font face="Verdana" size="2"> <a target="_blank" href="http://www.yomaster.com">Recursos WebMaster </a></font></p> <p style="margin-top: 0; margin-bottom: 0" align="center"> <font face="Verdana" size="2"> <a target="_blank" href="http://www.yomaster.com">www.yomaster.com</a></font></td> </tr> </table> </div>

www.yomaster.com

Insertar dentro del <body>

<p align="center" style="margin-top: 5px; margin-bottom: 5px"><b> <font face="Verdana" size="2"><a target="_blank" href="http://www.yomaster.com">www.yomaster.com</a></font></b></p> <div align="center"> <table border="0" cellspacing="0" cellpadding="5"> <tr> <td width=60% align="center"> <script language="JavaScript1.2"> var marqueewidth=150 var marqueeheight=100 var speed=2 var marqueecontents='<font face="Arial"><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><b> <font size="2"> <a target="_blank" href="http://www.YoMaster.com">www.YoMaster.com</a></font></b></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Recursos WebMaster</font></div><hr color="#808080" size="1"><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">Códigos HTML JavaScript</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">con ejemplos visuales</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">listos para insertar</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">en tus páginas Web.</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">Generadores</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">Trucos e ideas</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">Tutoriales</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> <span style="font-weight: 400"><font size="2">imágenes para tu Web</font></span></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Plantillas</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Botones - Fondos</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Consejos</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Efectos</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Juegos</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> </div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><b><font size="2"> Como trabajar con:</font></b></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> </div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Tablas y celdas</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Rutas de archivos</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Crear Banners</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Publicar tu Web</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Rentabilizar tu Web</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Salir en buscadores</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Conseguir más visitas</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Herramientas</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2">FTP</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Organizarse</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"><font size="2"> Colores</font></div><div align="center"> <p style="margin-top: 0; margin-bottom: 0" align="center"> </div></font>' if (document.all) document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write(marqueecontents) document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.height scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.top-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.top=marqueeheight scrollit() } } window.onload=regenerate2 </script> </td> </tr> </table> </div>

Puedes modificar el texto y el vínculo en la vista HTML.

Este código es un link flotante que se desplaza por la página al subir o bajar con la opción de cerrarlo si se desea. Tenemos un ejemplo en esta página:

Insertar dentro del <head>

Este otro lo insertas al final del todo de tu código HTML, después del último HTML:

También puedes poner el vínculo o enlace como tu lo prefieras.

WebMaster de www.yomaster.com