Wedmasterayuda.es.tl cambia su desing a uno muchisimo mejor para su agrado
Este cambio de se deve a la nueva version que se esta creando se trata de la version 2.5 de wedmasterayudaMuchas mas opciones segiran surgiendo

Wedmasterayuda busca entrar al mundo de la musica
Se agregara esta nueva seccion para mayor divercion

Info No disponible
Juan Camilo Muñoz

iBienvenido a wedmasterayuda!

Multinotas en texto y enlaces

Multinotas en texto y enlaces

Usando Javascript y Css el codigo consigue mostrar diferentes notas tipo " Alt " pudiendo configurarse el estilo, asi como colores, tipo de letra etc... y poder aplicar una nota distinta a cada parte del texto.

http://www.fileden.com/files/2008/5/22/1925126/botoncodigowedmasterayuda.JPG
<html>
<head>
<title>Notas multiples</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">
creamos_notas=function(){
mostramos_nota=function(){
var id=this.id.replace(/a/,'nota');
nota=document.getElementById(id);
nota.style.left=event.clientX;
nota.style.top=event.clientY;
nota.style.visibility='visible';
}
esconde_nota=function(){
var id=this.id.replace(/a/,'nota');
nota=document.getElementById(id);
nota.style.visibility='hidden';
}
as=document.getElementsByTagName('a');
for(i=0;i<as.length;i++){
if(/bmi_estilob/.test(as[i].className)){
as[i].onmousemove=mostramos_nota;
as[i].onmouseout=esconde_nota;
}
}
}
window.onload=creamos_notas;
</script>
<style type="text/css">
p {
font: normal 11px "Verdana", Arial, Helvetica, sans-serif;
color: #333333;
}
a.mi_estilo:link,a.mi_estilo:visited {
font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
color: #00f;
text-decoration: underline;
}

a.mi_estilo:hover {
color: #f00;
}
.nota {
position: absolute;
top: 0px;
left: 0px;
background: #ffc;
padding: 10px;
border: 1px solid #000;
z-index: 1;
visibility: hidden;
font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
color: #000;
}
</style>
</head>
<body>
<p>Visita, <a href="URL" id="a0" class="mi_estilo">Titulo</a> texto <a href="#" id="a1" class="mi_estilo">texto</a> texto</p>
<div id="nota0" class="nota">Ir a página Inicial</div>
<div id="nota1" class="nota">texto</div>
<p>texto <a href="#" id="a2" class="mi_estilo">texto</a>, <a href="#" id="a3" class="mi_estilo">texto</a>, Etc.</p>
<div id="nota2" class="nota">texto</div>
<div id="nota3" class="nota">texto</div>
</body>
</html>


Nota: Modifica las opciones que encuentres en negrilla lo demas es obligatorio tenerlo de esa forma. Si este te sirvio de ayuda deja tu comentario pulsando aqui

Hoy hubo 134739 visitantes (572181 clics a subpáginas) ¡Aqui en wedmasterayuda!
Corporacion wedmasterayuda
Todos los derechos reservados
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=