[PYTANIE] Jak zrobić takie okno?

[Kosel]

Jak zrobic takie cos, ze jak wejde na strone to wyskoczy mi takie okno?

 

 

Mozna to zobaczyc TUTAJ

[WarrockUbuntu]

To jest ukryta treść, proszę

• Zaloguj się
• lub
• Zarejestruj się

 

Tam masz różne w tym stylu, a także to czego szukasz.

[Kosel]

No no to co podales to jest galeria wyglada tak jak na ss :] tylko jak zrobic zeby przy wejsciu na strone wyskakiwalo takie okno z grafika?

[WarrockUbuntu]

A to do końca nie wiem ale według mnie w sekcji head wstawiasz kod, żeby otworzyła się ta galeria. A galerie robisz sobie w innym pliku. I po sprawie

[KDKJ]

To nie jest galeria, lecz również używa biblioteki jquery. Nie pamiętam nazwy, ale w google znajdziesz ;]

[Kosel]

Co wpisac w GOOGLE ? :P

[WarrockUbuntu]

Spróbuj moim sposobem, powinno dizalac

[Wrotek]

Robisz np.

 

<div id="overlay">

obrazek/treść cokolwiek wrzucisz

</div>

 

nadajesz mu position:fixed lub absolute, to juz jak wolisz, ustawiasz mu odpowiedni x,y np.

 

#overlay{

 

position:fixed;

top: 50px;

left: 20px; //niestety, ale żeby wycentrować to, musiałbyś napisać prosty skrypcik w js który na podstawie szerokości okna oraz w rozdziałki wyliczy odpowidni x - chyba że zrobisz masz ustaloną szerokość overlaya i wrzucisz go do wrappera jakiegos który bedzie mial position:relative i na sztywno ustawisz left

}

 

następnie musisz dodać jeszcze link do zamknięcia w środku overlaya np. <a href="#" id="close">X</a> i przypisać mu w js zamknięcie (posłużę się tutaj jquery, jeśli będziesz chciał troche w js pisać to napewno pokochasz tego frameworka)

 

<script type="text/javascript">

$(document).ready(function(){

 

$("#close").click(function(){

$("#overlay").hide()';

});

 

});

</script>

 

to tyle jeśli chcesz mieć jeszcze przyciemnioną reszte, to musisz pod tym overlayem (z-index) dać na width:100%; oraz height:100%; diva który będzie miał pół przezroczyste czarne tło.

 

Pozdro!

[WarrockUbuntu]

Tutaj akurat pokazujesz głównie ustawienie w css. Wsztstko ok jak podał kolega wyżej tylkonie wrzucaj tego wszystkiego do indexu czy gdzies idziej, tylko sobie wszystko posegreguj np css, script. Żebyś wiedizał w każdej chwili gdzie co jest

 

#Edit: jak chciałem zrobić pojawiające się okno z tekstem to wszystko ok ale gdzie mogę znaleźć trekst, który się po właczeniu znajduje oraz jak mogę zwiększyć rozmiar ramki

 

#Edit2 Nie dodałem jednego kawałka kodu, dlatego tekstu nie mogłem zmienić. Pytanie odwołane

Edytowane 16 Września 2011 przez WarrockUbuntu

[Kosel]

Nie ogarne tego ehh dobra juz nie bede tego jednak robil. Ale macie +

[qoPo]

Wrotek ci to ładnie i jak najprościej się da opisał a ty nie ogarniasz

 

ehh

[WarrockUbuntu]

Zgadzam się z kolegą powyżej. Masz wszystko ładnie opisane.

[DeadMen]

Niektórzy tacy są że nawet po daniu gotowca nie umieją zrobić.. A wystarczy trochę pomyśleć ach Ci ludzie....