Felugró ablak 

Információ:

Ezzel a scriptel egy felugró ablakot tudunk előidézni és azt tudjuk szerkeszteni ezt az ablakot egy X gombal ki lehet kapcsolni. Felsorolok több fajtát hiszen mindenkinek más az igénye

Sima felugró ablak ami nem mozdul és a helyén marad:

<div

 style="border: 1px solid rgb(0, 0, 0); position: absolute; z-index: 100; text-align: right; left: 100px; width: 491px; top: 100px; height: 289px;"

 id="hirdetes_div"><span

 style="text-decoration: underline;"></span><a

 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img

 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"

 alt=""

 src="https://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a><br>

<div style="text-align: left;">szöveg ide...</div>

Sima felugró ablak ami mozog a görgetés során.

<div

 style="border: 1px solid rgb(0, 0, 0); position: fixed; z-index: 100; text-align: right; left: 100px; width: 491px; top: 100px; height: 289px;"

 id="hirdetes_div"><span

 style="text-decoration: underline;"></span><a

 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img

 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"

 alt=""

 src="https://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a><br>

<div style="text-align: left;">szöveg ide...</div>

Felugró ablak aminek a szélei színét lehet változtatni.

<div id="popup"

 style="border: 5px solid rgb(221, 18, 123); position: absolute; height: 300px; width: 400px; z-index: 2; top: 60px; left: 63px;">

<div style="text-align: right;"> <a

 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img

 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"

 alt=""

 src="https://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a></div>

<div class="text">szöveg ide...</div>