WebSite X5Help Center

 
Piotr S.
Piotr S.
User

Tworzenie strony - nałożone zdjęcia / jedno na drugie  pl

Autor: Piotr S.
Besucht 1493, Followers 1, Geteilt 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,

Gepostet am
5 ANTWORTEN - 1 KORREKT
Promise SA
Promise SA
Icm Partner

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

Mehr lesen
Gepostet am von Promise SA
Piotr S.
Piotr S.
User
Autor

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,

Mehr lesen
Gepostet am von Piotr S.
Piotr S.
Piotr S.
User
Autor

Witaj Ryszard,

Możesz mi wytłumaczyć krok po kroku jak to zrobiłeś?

Pozdrawiam,

Mehr lesen
Gepostet am von Piotr S.
Piotr S.
Piotr S.
User
Autor

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,

Mehr lesen
Gepostet am von Piotr S.