Tworzenie strony - nałożone zdjęcia / jedno na drugie 
Author: Piotr S.
Visited 1492,
Followers 1,
Shared 0
Witam serdecznie,
Czy możecie mi wytłumaczyć jak w programie można zrobić taki efekt, aby na jedno duże zdjęcie (główne) zachodziły np. 3 mniejsze umieszczone poniżej --> podobnie jak na tej stronie www.mp-service.pl ?
Pozdrawiam,
Posted on the
Witaj Piotr,
Można to osiągnąć przy pomocy CSS i względnego/bezwzględnego pozycjonowania elementów na stronie oraz właściwości z-index, która określa kolejność elementu na warstwach. Element z indexem z-index 0 będzie pod elementem z indexem z-index 1 itd.
Wykorzystuje się to najczęściej do stosowania tzw. lightboxów czyli elementów, które przykrywają całą stronę lub jej fragment w celu wyświetlenia jakiegoś komunikatu, powiększonego zdjęcia itd.
Więcej informacji znajdziesz np. tutaj: http://www.w3schools.com/cssref/pr_pos_z-index.asp
Pozdrawiam
Author
Witaj Promise,
A czy mógłbyś mi to jaśniej wytłumaczyć (krok po kroku), jak powinienem się do tego zabrać, bym zrozumiał i umiał samodzielnie to pozmieniać / zastosować?
Pozdrawiam,
Witajcie.
Na upartego wszystko mozna.
Prosty sposób:
http://anduro.linuxpl.info/ts/
Author
Witaj Ryszard,
Możesz mi wytłumaczyć krok po kroku jak to zrobiłeś?
Pozdrawiam,
Author
Witam,
Już sobie poradziłem jak w prosty sposób można to wykonać.
Można to podzielić na 3 części:
1 - na początku, podczas tworzenie projektu w dziale "Wybór wzorca" --> klikamy na jego "edycję". Następnie wybieramy "Sekcję strony" i klikamy w "Nagłówek". Ustawiamy go wówczas z wysokości na minimum.
2 - następnie przechodzimy do "Edytora nagłówka i stopki" i tam wstawiamy interesujące nas zdjęcia i powiększamy je do interesującego nasz rozmiaru.
WAŻNE - jeżeli chcemy aby zdjęcia wyświetlały się nam wyłącznie na pierwszej stronie to musimy w kliknięciu na zdjęcie (będąc w dziale Edytora nagłówka i stopki) wybieramy "Efekt" a następnie przechodzimy do zakładki "Strona" gdzie wybieramy wyłącznie pierwszą zakładkę.
3 - aby na pierwszej stronie wyświetlało się duże zdjęcie, a poniżej trzy mniejsze zachodzące na niego należy w tym rozdziale wejść w "Tworzenie strony" i jaki pierwsze od góry na całej długości wstawić obiekt "Tekst". Poniżej niego, w rzędzie wstawiamy interesujące nas zdjęcia i odpowiednio je ustawiamy.
WAŻNE - aby uzyskać odpowiedni odstęp pomiędzy ułożeniem małych zdjęć względem dużego należy wejść w obiekt "Tekst" umieszczony w tym dziale i kilka/kilkanaście razy wcisnąć "Enter" (wszystko wg. potrzeb).
Rozpisałem się ponieważ mam nadzieję, że komuś się to przyda :)
Pozdrawiam,