Codigos HTML


Explicacion

Hola amigos, en esta página podeis encontrar codigos html y otros, para decorar, animar y editar vuestras páginas. Se irán añadiendo códigos nuevos y si quereis algo que no este publicado en la página solo teneis que dejar un comentario pidiendo lo que querais.

Con este elemento puedes insertar códigos de HTML o JavaScript en tu página web Jimdo. Además puedes añadir widgets como contadores,relojes, pronósticos del tiempo, etc que los puedes encontrar en mi web.


  1. Copia el código html o widget.
  2. Pégalo en el elemento Widget/HTML que acabas de insertar.
  3. Clic en el botón "Guardar" una vez hayas terminado.







CONTADOR DE VISITAS

<!-- inicio codigo contador --><a href="http://contador-de-visitas.com"><img style="border: 0px solid ; display: inline;" alt="contador de visitas"  src="http://contador-de-visitas.com/hit.php?id=1171051&counter=37"></a><br /><a href="http://contador-de-visitas.com">contador visitas</a><!-- fin codigo contador -->

SALUDO SEGUN HORA

<script LANGUAGE="JavaScript"> var dt = new Date();var hr = dt.getHours();var msg = ((hr<12) ? "Buenos dias, espero que te guste mi página..." :"Buenas Noches, espero que te guste mi página...");msg = ((hr>11)&&(hr<19) ? "Buenas Tardes, espero que te guste mi página..." : msg);msg=" <H2> "+msg+" !</H2>";document.write(msg); </script>

FECHA CON DIA Y MES

<script language="JavaScript" type="text/javascript">/
/<![CDATA[
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+day);
document.write(myweekday+" de "+month+ "<\/font>");
// -->
//]]>
</script>


BUSCADOR GOOGLE

<div id="cse" style="width: 100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">   google.load('search', '1', {language : 'es', style : google.loader.themes.BUBBLEGUM});  google.setOnLoadCallback(function() {    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(      '014943252523332810764:asy8cwmbby4', customSearchOptions);    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);    customSearchControl.draw('cse');  }, true);</script> <style type="text/css">  .gsc-control-cse {    font-family: Arial, sans-serif;    border-color: #F9F5FF;    background-color: #F9F5FF;  }  .gsc-control-cse .gsc-table-result {    font-family: Arial, sans-serif;  }  input.gsc-input {    border-color: #DECAFF;  }  input.gsc-search-button {    border-color: #923C99;    background-color: #C78DCC;  }  .gsc-tabHeader.gsc-tabhInactive {    border-color: #DECAFF;    background-color: #DECAFF;  }  .gsc-tabHeader.gsc-tabhActive {    border-color: #C78DCC;    background-color: #C78DCC;  }  .gsc-tabsArea {    border-color: #C78DCC;  }  .gsc-webResult.gsc-result,  .gsc-results .gsc-imageResult {    border-color: #F9F5FF;    background-color: #F9F5FF;  }  .gsc-webResult.gsc-result:hover,  .gsc-webResult.gsc-result.gsc-promotion:hover,  .gsc-imageResult:hover {    border-color: #DECAFF;    background-color: #FFFFFF;  }  .gs-webResult.gs-result a.gs-title:link,  .gs-webResult.gs-result a.gs-title:link b,  .gs-imageResult a.gs-title:link,  .gs-imageResult a.gs-title:link b {    color: #0066CC;  }  .gs-webResult.gs-result a.gs-title:visited,  .gs-webResult.gs-result a.gs-title:visited b,  .gs-imageResult a.gs-title:visited,  .gs-imageResult a.gs-title:visited b {    color: #0066CC;  }  .gs-webResult.gs-result a.gs-title:hover,  .gs-webResult.gs-result a.gs-title:hover b,  .gs-imageResult a.gs-title:hover,  .gs-imageResult a.gs-title:hover b {    color: #0066CC;  }  .gs-webResult.gs-result a.gs-title:active,  .gs-webResult.gs-result a.gs-title:active b,  .gs-imageResult a.gs-title:active,  .gs-imageResult a.gs-title:active b {    color: #0066CC;  }  .gsc-cursor-page {    color: #0066CC;  }  a.gsc-trailing-more-results:link {    color: #0066CC;  }  .gs-webResult .gs-snippet,  .gs-imageResult .gs-snippet,  .gs-fileFormatType {    color: #000000;  }  .gs-webResult div.gs-visibleUrl,  .gs-imageResult div.gs-visibleUrl {    color: #CC7A9F;  }  .gs-webResult div.gs-visibleUrl-short {    color: #CC7A9F;  }  .gs-webResult div.gs-visibleUrl-short {    display: none;  }  .gs-webResult div.gs-visibleUrl-long {    display: block;  }  .gs-promotion div.gs-visibleUrl-short {    display: none;  }  .gs-promotion div.gs-visibleUrl-long {    display: block;  }  .gsc-cursor-box {    border-color: #F9F5FF;  }  .gsc-results .gsc-cursor-box .gsc-cursor-page {    border-color: #DECAFF;    background-color: #F9F5FF;    color: #0066CC;  }  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {    border-color: #C78DCC;    background-color: #C78DCC;    color: #0066CC;  }  .gsc-webResult.gsc-result.gsc-promotion {    border-color: #DECAFF;    background-color: #F0E9FF;  }  .gsc-completion-title {    color: #0066CC;  }  .gsc-completion-snippet {    color: #000000;  }  .gs-promotion a.gs-title:link,  .gs-promotion a.gs-title:link *,  .gs-promotion .gs-snippet a:link {    color: #0066CC;  }  .gs-promotion a.gs-title:visited,  .gs-promotion a.gs-title:visited *,  .gs-promotion .gs-snippet a:visited {    color: #0066CC;  }  .gs-promotion a.gs-title:hover,  .gs-promotion a.gs-title:hover *,  .gs-promotion .gs-snippet a:hover {    color: #0066CC;  }  .gs-promotion a.gs-title:active,  .gs-promotion a.gs-title:active *,  .gs-promotion .gs-snippet a:active {    color: #0066CC;  }  .gs-promotion .gs-snippet,  .gs-promotion .gs-title .gs-promotion-title-right,  .gs-promotion .gs-title .gs-promotion-title-right *  {    color: #000000;  }  .gs-promotion .gs-visibleUrl,  .gs-promotion .gs-visibleUrl-short {    color: #CC7A9F;  }</style>

No hay comentarios:

Publicar un comentario

Suscribirse a: Comentarios (Atom)