DESIGNET ::: A webdesign világa!

AJÁNLOM AZ OLDALT

Kijelölt szóra/linkre felugró szövegbuborék

A szövegbuborék szövege

Demo:
A kijelölt szöveg helye

HTML Kód:

HEAD részbe:

.D11

{

POSITION:absolute;

VISIBILITY:hidden;

Z-INDEX:200;

}

</STYLE>

Xoffset=-60;

Yoffset= 20;

var isNS4=document.layers?true:false;

var isIE=document.all?true:false;

var isNS6=!isIE&&document.getElementById?true:false;

var old=!isNS4&&!isNS6&&!isIE;

var skn;

function initThis()

{

if(isNS4)skn=document.d11;

if(isIE)skn=document.all.d11.style;

if(isNS6)skn=document.getElementById("d11").style;

}

function popup(_m,_b)

{

var content="<TABLE  WIDTH=170 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+_b+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+_m+"</FONT></TD></TABLE>";

if(old)

{

alert("You have an old web browser:\n"+_m);

return;

}

else

{

if(isNS4)

{

skn.document.open();

skn.document.write(content);

skn.document.close();

skn.visibility="visible";

}

if(isNS6)

{

document.getElementById("d11").style.position="absolute";

document.getElementById("d11").style.left=x;

document.getElementById("d11").style.top=y;

document.getElementById("d11").innerHTML=content;

skn.visibility="visible";

}

if(isIE)

{

document.all("d11").innerHTML=content;

skn.visibility="visible";

}

var x;

var y;

function get_mouse(e)

{

x=(isNS4||isNS6)?e.pageX:event.clientX+document.body.scrollLeft;

y=(isNS4||isNS6)?e.pageY:event.clientY+document.body.scrollLeft;

if(isIE&&navigator.appVersion.indexOf("MSIE 4")==-1)

y+=document.body.scrollTop;

skn.left=x+Xoffset;

skn.top=y+Yoffset;

}

function removeBox()

{

if(!old)

{

skn.visibility="hidden";

}

if(isNS4)

document.captureEvents(Event.MOUSEMOVE);

if(isNS6)

document.addEventListener("mousemove", get_mouse, true);

if(isNS4||isIE)

document.onmousemove=get_mouse;

</SCRIPT>

BODY részbe:

A BODY részben látott HTML kód fog megjelenni a honlapon.
Értelemszerüen ezt kell átírnod a saját szövegedre.
Ha nem szeretnél hivatkozást(linket) beletenni,akkor a href="#" csak ennyi legyen.

Gportálosok a két kódot egymás után tegyék a honlapjukba.
Ha gportálos honlapod van,amikor újra belépsz a modul szerkesztésébe,a kód hibásan fog működni.Olyankor nincs más dolgod,mint a script elején található "kis részletet" újra bemásold(ugyanis,olyankor ezt tűnik el belőle):

<STYLE TYPE="text/css"> .D11 { POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200; } </STYLE>

Portál-kellékek

Saját készítésű cucc!

Design-kellékek

Design

Interaktív

Az oldal

Designverseny!/lezárva/

Nyereményeim :)

több>>

Information

Szerkesztő: Cinti

Téma: Portál és Design-készítés
Design: DesigNet
Link: Link1 Link2 Link3
Böngésző: Internet Explorer
E-mail: designet@citromail.hu
Legfontosabb E-mail: designet.design@gmail.com
Msn: designet@windowslive.com
Hirdető-felelős: Dócy /oldala/

Exchange

Jelentkezz a VK-ban