Vinculos
Vínculos (Códigos)
Texto de izquierda a derecha con link
<script language="JavaScript1.2">
var message="YoMaster.com te ayuda"
var neonbasecolor="004080"
var neontextcolor="CC0000"
var neontextcolor2="#0000FF"
var flashspeed=100
var flashingletters=5
var flashingletters2=5
var flashpause=0
var n=0
if(document.all||document.getElementById)
{document.write('<a href="http://www.territory-game.es.tl face=Verdana color="'+neonbasecolor+'">')
for(m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font></a>')
}else
document.write(message)
function crossref(number)
{var crossobj=document.all?eval("document.all.neonlight"+number):document.getElementById("neonlight"+number)
return crossobj
}function neon()
{if(n==0)
{for(m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}crossref(n).style.color=neontextcolor
if(n>flashingletters-1)crossref(n-flashingletters).style.color=neontextcolor2
if(n>(flashingletters+flashingletters2)-1)crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if(n<message.length-1)
n++
else
{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}}function beginneon()
{if(document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}beginneon()</script>
</td>
</tr>
</table>
En estas líneas del código puedes configurar este efecto:
Aquí puedes modificar el texto: var message="YoMaster.com te ayuda"
Aquí el color del texto: var neonbasecolor="004080"
Aquí el primer color del efecto: var neontextcolor="CC0000"
Aquí el segundo color del efecto: var neontextcolor2="#0000FF"
Aquí la rapidez: var flashspeed=100
Aquí el vínculo: {document.write('<a href=http://www.territory-game.es.tl>
Vínculos con el botón derecho
<STYLE>
<!--
.skin0{
position:absolute;
width:175px;
border:2px solid white;
background-color:#C0C0C0;
font-family:Verdana;
font-size: 10px;
line-height:15px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:10px;
padding-right:10px;
}
--> </style>
<script language="JavaScript1.2">
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Noticias</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Encuesta</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Mensajes SMS</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Lista de Correo</div>
<hr>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Foro</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Webchat</div>
<hr>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Recomendar</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- Contactar</div>
<div class="menuitems" url="pagina_pruebas.htm" target="_self">- ¿Algún fallo?</div>
</div>
<![endif]-->
<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>
Marquesina Link
<marquee bgcolor="black" loop="-1"><a href="http://www.territory-game.es.tl">Texto de marquesina con Link aquí</a></marquee></td>
Cuadro de información de enlaces
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
<table border="0">
<tr>
<td width="200" valign="top">
<p align="center"> </p>
<p align="center"><strong>Opciones.</strong></p>
<p><a href="pagina_pruebas.htm" onmouseover="escribe(' Página principaln ----------------nn Texto explicativo sobre el enlace');">Página
principal</a><br>
<a href="pagina_pruebas.htm" onmouseover="escribe(' JavaScriptn -----------nn Texto explicativo sobre el enlace, Texto explicativo sobre el enlace, Texto explicativo sobre el enlace');">Efectos</a><br>
<a href="pagina_pruebas.htm" onmouseover="escribe(' Diccionariosn -------------- nn Texto explicativo sobre el enlace, Texto explicativo sobre el enlace, Texto explicativo sobre el enlace, Texto explicativo sobre el enlace, Texto explicativo sobre el enlace.');">Imágenes</a><br>
</p>
</td>
<td>
<form name="desplaza">
<p><textarea name="cuadro" rows="12" cols="30" wrap="physical">
Celda desplegable Enlaces
<td class="c1" vAlign="top" width="188" height="36">
<form>
<div align="center">
<center>
<table cellPadding="0" class="t1" width="182" height="21" style="border-collapse: collapse" bordercolor="#111111" cellspacing="0">
<tr>
<td height="1" width="35">
<div align="center">
<p style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">
<select name="llista" size="1" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt">
<option selected value="pagina.htm">
<selecciona></option>
<option value="pagina.htm">===== CÓDIGOS =====</option>
<option value="pagina.htm">-------------------------</option>
<option value="pagina.htm">Códigos de Acciones</option>
<option value="pagina.htm">Códigos Barra Estado</option>
<option value="pagina.htm">Códigos Efectos</option>
<option value="pagina.htm">Códigos Imágenes</option>
<option value="pagina.htm">Menús Vínculos</option>
<option value="pagina.htm">Plantillas</option>
<option value="pagina.htm">Botones, Recuadros</option>
<option value="pagina.htm">Códigos Ventanas</option>
<option value="pagina.htm">Códigos Vínculos</option>
<option value="pagina.htm">Juegos HTML</option>
<option value="pagina.htm">Códigos Varios</option>
<option value="pagina.htm">Nuevos Códigos</option>
<option value="pagina.htm"></option>
<option value="pagina.htm">===== TEMARIO =====</option>
<option value="pagina.htm">------------------------------</option>
<option value="pagina.htm">Portada</option>
<option value="pagina.htm">Principal</option>
<option value="pagina.htm">OCIO - VARIOS</option>
<option value="pagina.htm">Juegos en Red</option>
<option value="pagina.htm">Aplicaciones</option>
<option value="pagina.htm">Imágenes GIF y JPG</option>
<option value="pagina.htm">Consejos</option>
<option value="pagina.htm">Información</option>
<option value="pagina.htm">URL Interesantes</option>
<option value="pagina.htm">Iniciados Ayuda</option>
<option value="v.htm">Inform-Teclado</option>
<option value="pagina.htm">Links Recomendados</option>
<option value="pagina.htm">URL Visitantes</option>
<option value="pagina.htm">Preguntas Frecuentes</option>
<option value="pagina.htm">Enviar Código</option>
<option value="pagina.htm">FORO - Libro Visitas</option>
<option value="pagina.htm">Informar de Errores</option>
<option value="pagina.htm">Patrocinador</option>
<option value="pagina.htm">Para WebMaster</option>
<option value="pagina.htm">Consigue mas Visitas</option>
<option value="pagina.htm">Intercambio Links</option>
<option value="pagina.htm">E-Mail</option>
<option value="pagina.htm">Notas WebMaster</option>
<option value="pagina.htm">Página PAssword</option>
</select></selecciona></font></div>
<selecciona>
</selecciona>
</td>
</tr>
<tr>
<td height="1" width="35">
<p align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">
<selecciona>
<input name="Submit" onclick="top.location.href=this.form.llista.options[this.form.llista.selectedIndex].value" type="button" value="<< Clic para ir >>" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt"></selecciona></font></td>
</tr>
</table>
</center>
</div>
</form>
</td>
Correo electrónico
<a href="mailto:GameZone@GameZone.com?subject=Mensaje para GameZone">
<img border="0" src="gif_jpg/carta.gif" alt="Este es mi e-mail. clic aquí..." width="32" height="26"></a></p>
Links con recuadro emergente
Copia y pega el código entre las etiquetas <head> y </head>
<script language="JavaScript1.2">
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<div class="menuitems"><a href="http://www.territory-game.es.tl">Inicio</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://www.territory-game.es.tl">Contacto</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://www.territory-game.es.tl">Mapa</a></div>'
linkset[1]='<div class="menuitems"><a href="http://www.territory-game.es.tl">Messenger</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.territory-game.es.tl">Descargas</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.territory-game.es.tl">Sugerencias</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.territory-game.es.tl">Tutoriales</a></div>'
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers
function showmenu(e,which){
if (!document.all&&!document.getElementById&&!document.layers)
return
clearhidemenu()
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y
//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}
function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}
if (ie4||ns6)
document.onclick=hidemenu
</script>
Copia y pega el código como "Pegado Espacial"
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)">
</div>
<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Enlaces 1</a><br>
<a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Enlaces 2</a>
Copia y pega el código entre la etiqueta <boby> en vista HTML
onload=songticker()
,