Wyskakujące okno Opcje

[w0jt3k]

(IMG:http://files.tinypic.pl/i/00452/hxdcmyizyrwz_t.jpg)
http://www.tinypic.pl/hxdcmyizyrwz

Powyższe zdjęcie jest przykładem z poczty GMAIL, kiedy próbujemy się zalogować.
Mojepytanie brzmi: Za pomocą jakiego języka najwydajniej oraz najprościej napisać takie wyskakujące okno, oraz nadać mu właściwości pozycjonujące go?

[kamil4u]

jak dodać taką strzałkę nad oknem

Prawidłowo, ale ciężej - dodać tło i odpowiednio wypozycjonować lub zrobić strzałkę w CSS3 http://www.css3shapes.com/
Gorzej, ale całkiem dobrze to dodać nowy element HTML np. img i odpowiednio go wypozycjonować - position: relative;

jak jest w G-mailu oraz jak wycieniować okno tak, jak jest to w G-mailu

To już tylko CSS3 - http://www.css3.info/preview/box-shadow/ - ew. można się bawić ustawianie tła z pliku graficznego, ale zdecydowanie odradzam

Nie mam też pojęcia, jak sprawić, aby okno wyświetlało się po naciśnięciu myszą w przycisk Wyloguj.

javascript - zdarzenia - onclick - document.getElementById - .style.display - "none" lub "" - np:

Kod

<script>
document,getElementById("idPrzycisku").onclick = function(){
//     document,getElementById("idPrzycisku").style.display = "none"; //znika
document,getElementById("idCalegoOkna").style.display = ""; //pojawia się
}
</script>

Oczywiście najpierw nadaj styl display: none; - zamiast visiblity

To też wiesz, jak naprawić

Kod

<div class="wyskakujace_okno">
<div class="gorny_szary_pas"><a href=""><p>Wyloguj</p></a></div>    
    
</div>

?