Forum PHP.pl > [HTML][CSS]Modal window effects

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Modal window effects

ciapus4

28.10.2013, 21:25:40

Witam, interesuje mnie modal newspaper jak na przykładzie przykład, czy może mnie ktoś nakierować które składnie gdzie umieścić na serwerze i który css odpowiada za ten efekt.

pozdrawiam

pedro84

28.10.2013, 22:40:33

Bez jaj, ściągnąłeś paczkę? Nawet chyba się nie "pofatygowałeś". Bo gdybyś to zrobił, to zobaczyłbyś gotowy i działający przykład implementacji, wraz ze strukturą katalogów. Nie pomnę o tutki w zalinkowanym artykule. Litości, ludzie.

ciapus4

28.10.2013, 22:48:28

Nie, no ok zassałem przykład tylko mi chodzi o ten jeden efekt newspaper, pewnie ten przykład /* Effect 5: newspaper */ odpowiada za ten efekt, jak powinien nazywać się plik .css do tego efektu ?

pedro84

28.10.2013, 23:05:17

Plik components.css w katalogu css w paczce. Linia 178 opatrzona komentarzem /* Effect 4: Newspaper */.

ciapus4

28.10.2013, 23:17:55

Powiem szczerze, jak otwieram plik components w notatniku to mam tam groch z kapustą. Ale może tak jak zmodyfikować ten kod jak np. wpisuje adres stronki to ten efekt automatycznie pojawia się na stronie, bez klikania w button ?

pedro84

28.10.2013, 23:49:39

Notatnika to może sobie ciocia używać, żeby list do siostry napisać, a nie ktoś, kto grzebie w jakimkolwiek kodzie. Zainstaluj sobie Notepad++, grochu z kapustą mieć nie będziesz.

ciapus4

29.10.2013, 00:03:07

Ok, a mogę cię poprosić o sklecenie tego kodu w całość.

to wklejam w znaczniki <head>

[HTML] pobierz, plaintext 
<div class="md-modal md-effect-1" id="modal-1">
    <div class="md-content">
        <h3>Modal Dialog</h3>
        <div>
            <p>This is a modal window. You can do the following things with it:</p>
            <ul>
                <li><strong>Read:</strong> Modal windows will probably tell you something important so don't forget to read what it says.</li>
                <li><strong>Look:</strong> modal windows enjoy a certain kind of attention; just look at it and appreciate its presence.</li>
                <li><strong>Close:</strong> click on the button below to close the modal.</li>
            </ul>
            <button class="md-close">Close me!</button>
        </div>
    </div>
</div>
 
 
...
 
<div class="md-overlay"></div>
[HTML] pobierz, plaintext

na stronie ?

a teraz podpowiedz, które css-y i jakie nazwy powinny mieć, żeby wszystko się zgrało i działało, no i jak zmodyfikować kod, żeby się z automatu to okienko pokazało po wpisaniu adresu strony na głównej stronce ?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.