Prohibida la copia de esta web o de sus subpaginas en otro sitio.Licencia Creative Commons y Copyright. Disponemos de herramientas antiplagio

html variados,enlaces etc

Agradecer no cuesta nada,es un estimulo para continuar

Noticias y notificaciones con movimiento


En html:

Editarlo ,cambiando mi texto por el vuestro 

 

 

 

<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:red;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
//<![CDATA[

/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/

var tickercontents=new Array()
tickercontents[0]='Buscas codigos y todo tipo de recursos para tu sitio? En esta web lo encontraras todo <a href="http://freewarejava.com"><\/a>!'
tickercontents[1]='En disfruta-ayuda-comparte<a href="http://www.codingforums.com"><\/a> te animamos a que te registres y encontraras muchos recursos!'
tickercontents[2]='haslo\ tenemos todo lo que necesitas <a href="http://www.javascriptkit.com"><\/a>'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

//]]>
</script>
<p align="left">
<br />
<a href="http://javascriptkit.com"></a>
</p>


En htm

editar donde pone aqui tu mensaje o noticia,escribe aqui etc 

 

 

 

<form name="news" id="news">
<textarea name="news2" cols="40" rows="4">
</textarea>
</form>
<script language="JavaScript" type="text/javascript">
//<![CDATA[

//Typing Text (DHTML) v1 (Sunday, April 15th, 2001)
//Programmed by: Haitham M. Al-Beik
//Email: albeik26@hotmail.com
//Visit http://javascriptkit.com for this script

var newsText = new Array();
newsText[0] = "tu noticia";
newsText[1] = "aqui tu mensaje.\disfruta-ayuda-comparte on http://disfruta-ayuda-comparte.jimdo.com";
newsText[2] = "tu mensaje o noticia.";
newsText[3] = "lo que quieras ";
newsText[4] = "escribe aqui"

var ttloop = 1; // Repeat forever? (1 = True; 0 = False)
var tspeed = 50; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}

doNews()
//]]>
</script>
<p>
<br />
<a href="http://javascriptkit.com"></a>
</p>


En html

 

Poner lo que querais en "aqui tu texto" 

 

 

 

<b><script type="text/javascript">
//<![CDATA[

/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="AQUI TU TEXTO" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '<\/span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
//]]>
</script></b>
<p align="center">
<br />
<a href="http://javascriptkit.com"></a>
</p>

tiempo que falta para finalizar el dia

Faltan para que ternime el dia

En htm

 

 

 

<form name="Reloj" id="Reloj">
Faltan <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo que queda para que se acabe el día" /> <script language="JavaScript" type="text/javascript">
//<![CDATA[

<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
//]]>
</script> para que ternime el dia
</form>

reloj en un boton

En html

 

 

 

<script language="JavaScript" type="text/javascript">
//<![CDATA[


<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
message = "Has estado " + milliNow + " milisegundos en esta pagina"+ "... esto es " + minsVisit + " minutos" ;
message = message + ", y "+ secsVisit + " segundos.";
alert(message) ;
}
document.write("<br><br><center><form name='form'>"+ "<input type=button value='Click for info!'"+ " name=button onClick='timeInfo()'><\/form><\/center>");
onError = null;
clock();
// End -->
//]]>
</script>

pestañas desplegables:ponerlos en html.Edita cada enlace con tu url y tu titulo

Si quereis poner mas enlaces solo repetir desde <option .......hasta  </option>

cuantas veces querais

 

 

 

<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
function sitios_enlaces(form) {
var myindex=form.destino.selectedIndex
window.open(form.destino.options[myindex].value,"main",""); }
//-->
//]]>
</script>
<form name="miForma" id="miForma">
<select name="destino" size="1">
<option selected="selected" value="">
el titulo que quieras
</option>
<option value="URL DE LA PAGINA">
LINK1
</option>
<option value="URL DE LA PAGINA">
LINK2
</option>
<option value="URL DE LA PAGINA">
LINK3
</option>
<option value="URL DE LA PAGINA">
LINK4
</option>
<option value="URL DE LA PAGINA">
LINK5
</option>
</select><input type="button" class="boton" value="Ir" onclick="sitios_enlaces(this.form)" />
</form>

otra pestaña desplegable

 

 

 

<form>
<input type="button" value="Pulsa para ir a" onclick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value" /> <select name="list">
<option value="URL">
Nombre
</option>
<option value="URL">
Nombre
</option>
<option value="URL">
Nombre
</option>
</select>
</form>

Redirigir al usuario a otro sitio con opcion continuar o cancelar (en html)

 

 

 

<script type="text/javascript">
//<![CDATA[
if(confirm('Será enviado a otro sitio ya que la página cambió de dirección, Continuar?')) {parent.location='la url de la nueva pagina'; } else {''}
//]]>
</script>

calculadora para tu pagina







En html

 

 

 

<form name="Calc" id="Calc">
<table border="4">
<tr>
<td>
<input type="text" name="Input" size="16" /><br />
</td>
</tr>

<tr>
<td>
<input type="button" name="one" value=" 1 " onclick="Calc.Input.value += '1'" /> <input type="button" name="two" value=" 2 " onclick="Calc.Input.value += '2'" /> <input type="button"
name="three" value=" 3 " onclick="Calc.Input.value += '3'" /> <input type="button" name="plus" value=" + " onclick="Calc.Input.value += ' + '" /><br />
<input type="button" name="four" value=" 4 " onclick="Calc.Input.value += '4'" /> <input type="button" name="five" value=" 5 " onclick="Calc.Input.value += '5'" /> <input type=
"button" name="six" value=" 6 " onclick="Calc.Input.value += '6'" /> <input type="button" name="minus" value=" - " onclick="Calc.Input.value += ' - '" /><br />
<input type="button" name="seven" value=" 7 " onclick="Calc.Input.value += '7'" /> <input type="button" name="eight" value=" 8 " onclick="Calc.Input.value += '8'" /> <input type=
"button" name="nine" value=" 9 " onclick="Calc.Input.value += '9'" /> <input type="button" name="times" value=" x " onclick="Calc.Input.value += ' * '" /><br />
<input type="button" name="clear" value=" c " onclick="Calc.Input.value = ''" /> <input type="button" name="zero" value=" 0 " onclick="Calc.Input.value += '0'" /> <input type="button"
name="DoIt" value=" = " onclick="Calc.Input.value = eval(Calc.Input.value)" /> <input type="button" name="div" value=" / " onclick="Calc.Input.value += ' / '" /><br />
</td>
</tr>
</table>
</form>

<p align="center">
<br />
<a href="http://javascriptkit.com"></a>
</p>

fantastico widget con movimiento buscador de fotos,herramientas etc,puedes hacer la prueba buscando aqui

En html

 

El ancho y alto podeis modificarlo a vuestro gusto

Solo teneis que escribir en el buscador lo que quieras y clic en go,sin salir de la pagina te mostrara lo que deseas con la opcion de ampliar las imagenes,haciendo clic en las etiquetas que forman el circulo que rodea al buscador encontraras muchas mas cosas 

 

 

 

<embed wmode="transparent" src="http://xfacts.com/widgets/flickr_search.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500"
height="500" />

Cambiar el color de fondo cada vez que recargues la pagina

Si deseais ponerlo en toda la web ira en head si solo lo quereis en una sola pagina o varias pero  no en todas ponerlo en un htm

 

 

 

<script type="text/javascript">
//<![CDATA[

/*Random background color- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use*/

//Enter list of bgcolors:
var bgcolorlist=new Array("#600080", "#00c060", "#80FF80", "#ff0000", "#4000ff", "#ff0020", "#FFFFFF", "#DDDD00")

document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>

Etiquetas en forma de burbujas para textos

En head

 

 

 

<style type="text/css">


/*<![CDATA[*/


.burbuja-cw {


background-color: #FF33CC; /*Color de fondo*/


border: 3px solid #000000; /*Anchura y color del borde*/


color: #fff; /*Color de letra*/


display: inline-block;


font-size: 36px;


line-height: 1.3em;


margin: 0 0 0 10px;


padding: 10px;


position: relative;


text-align: center;


width: auto;


-moz-border-radius: 10px;


-webkit-border-radius: 10px;


border-radius: 10px;


-moz-box-shadow: 0 0 5px #FFF;


-webkit-box-shadow: 0 0 5px #FFF;


box-shadow: 0 0 5px #FFF;


}


.burbuja-cw-arrow-border {


border-color: #000000 transparent transparent transparent; /*Color del borde de la flecha*/


border-style: solid;


border-width: 20px;


bottom: -40px;


height: 0;


left: 300px;


position: absolute;


width: 0;


}


.burbuja-cw-arrow {


border-color: #000000 transparent transparent transparent; /*Color de fondo de la flecha*/


border-style: solid;


border-width: 20px;


bottom: -36px;


height: 0;


left: 300px;


position: absolute;


width: 0;


}


.burbuja-cw span {


color: #000; /*Color de letra del span*/


font-family: Verdana;


text-shadow: 1px 4px 1px #ABC;


}


/*]]>*/


</style>

en htm

 

 

 

<div class="burbuja-cw">
Aqui tu texto<span>Aqui tu texto</span>
<div class="burbuja-cw-arrow-border">
</div>

<div class="burbuja-cw-arrow">
</div>
</div>

barra para avisos en la zona superior de la pagina:La puedes ver en el extremo superior de esta pagina

Esta es la barra para avisos,la editas a tu gusto los colores que podeis poner en el html son verde,azul o naranja ponerlos en español

En head

 

 

 

<style>


.barraavisocw {


position:fixed;


font-family: Arial, Helvetica, sans-serif;


font-size: 20px;


float: left;


z-index: 10000;


width:100%;


height:auto;


top: 11px;


left:0px;


text-align: center;


vertical-align: middle;


padding:3px;


opacity:0.90;


}





.naranja{


border:1px solid #b95f08;


background-color:#DF6E00;


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF6E00', endColorstr='#b95f08');


background: -webkit-gradient(linear, left top, left bottom, from(#DF6E00), to(#b95f08));


background: -moz-linear-gradient(top, #DF6E00, #b95f08);


color: #fff;





}


.azul{


border:1px solid #02306a;


background-color:#23528c;


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23528c', endColorstr='#02306a');


background: -webkit-gradient(linear, left top, left bottom, from(#23528c), to(#02306a));


background: -moz-linear-gradient(top, #23528c, #02306a);


color: #fff;


}


.verde{


border:1px solid #165e1d;


background-color:#2b8433;


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8433', endColorstr='#165e1d');


background: -webkit-gradient(linear, left top, left bottom, from(#2b8433), to(#165e1d));


background: -moz-linear-gradient(top, #2b8433, #165e1d);


color: #fff;


}


</style>

en html

 

 

 


<p class="barraavisocw azul">

AQUI TU AVISO


</p>

Personaliza tu codigo QR

http://www.unitaglive.com/

 

Clic en crear codigo QR,una vez que entremos tenemos multiples opciones,seleccionamos el tipo de codigo que deseamos, puede ser con texto, con calendario ,con direccion de nuestro sitio etc,despues vamos al menu que dice:Customizations y ahi configuramos todo lo que nos piden:fondo del codigo,color,Look,logo que puede ser una imagen propia,ojo etc,una vez que termines clic en descargar la imagen y despues solo falta colocarla en tu sitio.

poner un blog externo dentro de tu sitio

En htm

 

El alto y ancho lo podeis modificar a vuestro gusto 

 

 

 

<div align="center"><iframe src="url de tu blog" width=500 height=750 frameborder=1 scrolling=auto></iframe></div>

Sitio en construccion:solo guardar como y ya tienen la imagen

buscadores de iconos: clic en la imagen y te lleva al buscador

Protected by Copyscape Web Plagiarism Check