Scriptek – Hitetlen.com - MSN Messenger popup

hitetlen.com > Scriptek > MSN Messenger popup

MSN Messenger popup

2007, december 26.

MSN popup – MSN Messenger (Windows Live Messenger?) felbukkanó kisablak a honlapodra.

Demó itt (klikk ide) – a lap jobb alsó sarkában látható!

HTML kódja – HEAD részbe:

<head><STYLE type=text/css>.msn {	FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-TOP: 10px; FONT-FAMILY: Arial}A.msn:link {	FONT-WEIGHT: normal; COLOR: #003366; TEXT-DECORATION: none}A.msn:visited {	FONT-WEIGHT: normal; COLOR: #003366; TEXT-DECORATION: none}A.msn:active {	FONT-WEIGHT: normal; COLOR: #003366; TEXT-DECORATION: none}</STYLE><SCRIPT type=text/JavaScript></head>

HTML kódja BODY részbe:

<body>	<DIV onmousedown="return popupWinespopup_DragDrop(event);" id=popupWin style="background-position: 0% 0%; padding:2px; DISPLAY: none; Z-INDEX: 9999; RIGHT: 0px; WIDTH: 181px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 122px; WIDTH: 207px; background-image:url('http://www.hitetlen.com/msnpopup/ventana.png'); background-repeat:no-repeat">	<DIV id=popupWin_header style="DISPLAY: none; LEFT: 2px; FONT: 11px arial,sans-serif; WIDTH: 176px; CURSOR: default; COLOR: #1f336b; POSITION: absolute; TOP: 2px; HEIGHT: 16px; TEXT-ALIGN: left; TEXT-DECORATION: none">		<SPAN onmousedown=event.cancelBubble=true; style="RIGHT: -20px; FONT: bold 12px arial,sans-serif; CURSOR: pointer; COLOR: #728eb8; POSITION: absolute; TOP: 5px" onclick=popupWinespopup_Close();><IMG title=Cerrar height=13 alt=Cerrar src="http://www.hitetlen.com/msnpopup/cerrar.gif" width=13 border=0> </SPAN>	</DIV>	<DIV onmousedown=event.cancelBubble=true; id=popupWin_content style="padding:2px; DISPLAY: none; LEFT: 0px; OVERFLOW: hidden; WIDTH: 195px; POSITION: absolute; TOP: 28px; HEIGHT: 92px; TEXT-ALIGN: left">		<SPAN style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">				<TABLE cellSpacing=0 cellPadding=1 width="100%" border=0 height="87">			<TBODY>			<TR>			<TD width=4 height="51"></TD>			<TD height="51"><a href="http://www.hitetlen.com/" target="_blank" title="Web"><IMG height=49 src="http://www.hitetlen.com/msnpopup/imagen.gif" width=48 border=0></a></TD>			<TD width=4 height="51"></TD>			<TD vAlign=center width=120 height="51"><a class=msn href="http://www.hitetlen.com/" target="_blank" title="Web"><b><font color="#ff0000" size="3">Bestgirl</font> <br /><font color="#ff0000">Keres téged!</font></b><br /><b>Klikk ide,</b> hogy beszélhess vele!</a></TD>			</TR>			<TR><TD align=right colSpan=4 valign="bottom">         <a class=msn href="http://www.hitetlen.com/" target="_blank" title="Web">Beállítások</a></TD></TR>			</TBODY>		</TABLE>		</SPAN>			</DIV></DIV><script type="text/javascript">var ns = (navigator.appName.indexOf("Netscape") != -1);var d = document;function JSFX_FloatDiv(id, sx, sy){	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];	var px = document.layers ? "" : "px";	window[id + "_obj"] = el;	if(d.layers)el.style=el;	el.cx = el.sx = sx;el.cy = el.sy = sy;	el.sP=function(x,y){0;this.style.bottom=-y+px;};	el.floatIt=function()	{		var pX, pY;		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 		document.documentElement && document.documentElement.clientWidth ? 		document.documentElement.clientWidth : document.body.clientWidth;		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 		document.documentElement.scrollTop : document.body.scrollTop;		if(this.sy>0) 		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 		document.documentElement.clientHeight : document.body.clientHeight;		this.cx += 0;this.cy += (pY + this.sy - this.cy);		this.sP(this.cx, this.cy);		setTimeout(this.id + "_obj.floatIt()", 0);	}	return el;}JSFX_FloatDiv('popupWin', -x-227,y-1).floatIt();</script></body>

Gportálosok a két kódot egymás után másolják a honlapjuk forráskódjába

A felbukkanó kisablak szövegét a BODY részben tudod átírni - a HTML szabályait betartva.
(ha nem ismered a HTML kódokat, akkor elöbb írd meg a szöveget egy szövegszerkesztőben, majd annak forráskódját másold a BODY rész megfelelő helyére)

FTP hozzáféréssel rendelkező honlaptulajdonosok a (.zip) csomagot letölthetik itt. Hiszen pl. a hang, a kisablakban található képek a hitetlen.com tárhelyéről van belinkelve a Javascriptbe!

Scriptek Vegyes

Hozzászólások (12) Visszakövetések (0) Szólj hozzá! Visszakövetés

..::marci::..

január 10th, 2008 11:12-nél | #1

Válasz | Idézet

hitetlen hány éves?
tamara

január 15th, 2008 14:43-nél | #2

Válasz | Idézet

hali.miújság
Legalisonvedelem

április 28th, 2008 01:28-nél | #3

Válasz | Idézet

Há-Ha! Ez a script tényleg hihetetlen! GRAT!
domasz

május 11th, 2008 16:47-nél | #4

Válasz | Idézet

hello a mindenkilapjánál is működik mert nekem csak hangot hoz be !!!!!
Pre

május 13th, 2008 17:10-nél | #5

Válasz | Idézet

Ezt G-Portalos oldalra,hogy kell berakni???
Ádám

június 16th, 2008 18:41-nél | #6

Válasz | Idézet

Sziasztok! miaz a head meg body?ha vki tugya írja már meg ide.fontos lenne:adaming@citromail.h
Gyula

június 24th, 2008 16:39-nél | #7

Válasz | Idézet

lapunk.u-ra ezt lehet alkalmazniu..?kérlek segitsetek!hullar_gyuszo@hotmail.com(msn-cimem)
Jah

július 10th, 2008 16:34-nél | #8

Válasz | Idézet

bénák xD
Antus

augusztus 9th, 2008 16:13-nél | #9

Válasz | Idézet

Nem ezért meg azért, de aki nem tudja mi az a head és body, az még egy kicsit tanuljon. (ezt nem bántásként mondtam) Amúgy rámentek az ingyenweblapok.hu-ra és ott van nagyon egyszerú html tanulási leírás. Kb. egy óra után már egy egyszerű lapot össze is bírtsz rakni. Sok sikert!
Daftman

december 10th, 2008 12:40-nél | #10

Válasz | Idézet

Tökéletesen működik IEben és Operaban, viszont Firefoxban nincs hang. Egyenlőre nem találtam rá megoldást, ha tudsz segíts kérlek. Köszönöm!
Deli Ádám

december 21st, 2008 18:23-nél | #11

Válasz | Idézet

Csak a hang van miért van ez? pedig mind a két részt bemásoltam az 5mpn.
……..

február 3rd, 2009 21:31-nél | #12

Válasz | Idézet

gondolom 30