Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- Kod stylu kod stylu CSS
- css+jquery problem z accordion z jquery
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anapro.xlx.pl
telcocafe
Willkommen!Jak uzyskać efekt przyciemnienia strony?
Jest on często wykorzystywany przy pokazywaniu zdjęć.
Polega na tym, że cała strona się zaciemnia.
Jak uzyskać taki efekt?
To bardzo proste:
1. Dać treść strony w jeden <DIV>
2. Dać drugi <DIV> o tle #000000 i półprzezroczystości (<DIV id="overlay" style="background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; display: none;">)
3. Umieścić kod JS
<script type="text/javascript"> function fade(){ var overlay = document.getElementById("overlay"); overlay.style.display = "block"; } </script>
4. Użyć funkcji np w zdarzeniu onclick (<znacznik onclick="fade();">)
To wszystko. Jak chcesz to mogę ci jeszcze dać kod stopniowego zaciemniania. (Efekt użyty na: http://iiia.ovh.org/....php?id=gallery (Kliknij na jakieś zdjęcie))
Oczywiście to jak bardzo będzie przyciemniona reszta strony zależy od Ciebie. Wystarczy zmienić właściwości opacity (wymiar od 1.0 do 0.0) oraz filter (alpha(opacity = 100*opacity z poprzedniej właściwości))
No i oczywiście po wstawieniu tych rzeczy możesz dodać trzeci div, który nie będzie zaciemniony. Można to spowodować dodając go na końcu lub dając mu właściwość z-index positive lub liczbową. Im większy z-index tym wyżej na stosie znajduje się element
Użytkownik kokoss15 edytował ten post 10 listopad 2007, 20:45
div {position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: black; opacity: .5; filter: alpha(opacity=50);}
//edit
@kokoss15 szybszy
Użytkownik kiperoman edytował ten post 10 listopad 2007, 20:42
thx :)
Użytkownik Algoritm edytował ten post 12 listopad 2007, 05:15