Podstawy kreatora stron internetowych WebWave
Pozostałe artykuły
Pozostałe artykuły

Wyrównywanie elementów

Każdy tworząc stronę, w kreatorze stron www WebWaveCMS chce, żeby była ona schludna i uporządkowana. Porozrzucane elementy, rozsunięte względem siebie o kilka pikseli nie wyglądają najlepiej, a wyrównywanie każdego elementu osobno może być bardzo pracochłonne. 

Dla Twojej wygody pomyśleliśmy o tym, aby ułatwić układanie elementów na stronie www w równych rzędach, dokładnie tam gdzie sobie zażyczysz. Istnieją na to dwa sposoby.

 

Prowadnice

Wyrównanie kilku elementów

 

Prowadnice

 

Prowadnica to pionowa lub pozioma linia, do której możesz łatwo dociągać elementy. Prowadnice są widoczne w edytorze na każdej podstronie, co ułatwi Ci stylizację poszczególnych podstron, tak aby były do siebie podobne.

 

Możesz dodać tyle prowadnic, ile jest Ci potrzebnych, możesz je łatwo usuwać, ukryć lub sprawić, żeby elementy się do nich nie dopasowywały. Prowadnice są widoczne tylko w edytorze, nie musisz ich usuwać, na opublikowanej stronie www po prostu ich nie będzie.

 

Dodawanie prowadnic

Prowadnicę pionową lub poziomą można dodać na dwa sposoby. 

Z menu górnego w zakładce edycja wybierz przycisk "dodaj prowadnicę pionową" lub "dodaj prowadnicę poziomą", aby dodać odpowiednią do edytora:

 

 

Dodatkowa prowadnica pojawi się na środku ekranu edytora. 

 

Drugim sposobem jest "wyciągnięcie" prowadnicy z miarki na brzegu ekranu.

 

Przytrzymaj przycisk myszy na górnej miarce, i zjedź myszą w obszar roboczy, aby utworzyć prowadnicę poziomą.

Przytrzymaj przycisk myszy na lewej miarce, i zjedź myszą w obszar roboczy, aby utworzyć prowadnicę pionową.

 

Przesuwanie prowadnic

Aby zmienić położenie prowadnicy w kreatorze stron www WebWave, wystarczy za nią złapać i ją przesunąć. Gdy zaczniesz to robić, na prowadnicy pojawi się liczba, jest to odległość od początku strony wyrażona w pikselach. 

Wygląda to tak, jak na screenie pod spodem.

Usuwanie prowadnic

Aby usunąć prowadnicę, która jest Ci już niepotrzebna, złap ją i wyciągnij poza obszar roboczy.

Pamiętaj, że usuwając prowadnicę, usuwasz ją nie tylko z podstrony, na której pracujesz, ale z całego edytora. Czy na pewno nie przyda Ci się już przy tworzeniu kolejnej podstrony?

 

Ukrywanie prowadnic

Jeżeli z jakiegoś powodu chcesz ukryć wszystkie prowadnice w edytorze, zrobisz to wybierając z zakładki edycja przycisk "ukryj prowadnice".

 

 

Wyłączanie dociągania do prowadnic

Kiedy dodajesz do strony www element, który chcesz ustawić niezależnie od prowadnic, a prowadnice Ci przeszkadzają, możesz temu przeciwdziałać. Nie kasuj ich, może jeszcze się przydadzą. Aby prowadnice nie przeszkadzały Ci w pracy, wystarczy, że klikniesz w zakładce edycja przycisk "nie dociągaj do prowadnic".

 

 

Aby włączyć ponownie działanie prowadnic kliknij dokładnie to samo miejsce.

 

Jeżeli chcesz przesunąć tylko jeden element bez dociągania do prowadnic, możesz to zrobić, trzymając Ctrl podczas przesuwania elementu. Będzie on wtedy ignorował prowadnice.

 

Wyrównanie kilku elementów

Kiedy chcesz, aby kilka elementów było względem siebie wyrównanych, w pionie lub w poziomie, albo ustawiły się w jednakowych odstępach, możesz skorzystać z opcji wyrównywania elementów.

 

Aby wyrównać względem siebie kilka elementów, należy je najpierw zaznaczyć. Możesz to zrobić , zaznaczając pierwszy, a następnie klikając kolejne elementy z klawiszem Ctrl lub zaznaczyć kilka przeciągając myszką box wokół nich. 

Po wybraniu kilku elementów w panelu dolnym pojawią się dwa nowe boxy: Wyrównanie i Rozmieszczenie.

 

Wyrównanie

W boxie wyrównanie możemy wyrównać elementy w pionie lub w poziomie.

Ikony w pierwszym rzędzie służą do wyrównywania w pionie.

 

Do lewej - wyrówna zaznaczone elementy do lewej strony skrajnego lewego elementu.

 

Do środka - wyrówna zaznaczone elementy do wspólnego środka, czyli połowy drogi

między lewym brzegiem skrajnego lewego elementu, a prawym brzegiem skrajnego prawego elementu.

 

Do prawej - wyrówna zaznaczone elementy do prawej strony skrajnego prawego elementu.

 

Ikony w drugim rzędzie służą do wyrównywania w poziomie.

 

Do góry - wyrówna zaznaczone elementy do górnej strony skrajnego górnego elementu.

 

Do środka - wyrówna zaznaczone elementy do wspólnego środka, czyli połowy drogi 

między górnym brzegiem skrajnego górnego elementu a dolnym brzegiem skrajnego dolnego elementu.

 

Do dołu - wyrówna zaznaczone elementy do dolnej strony skrajnego dolnego elementu.

 

Rozmieszczenie

W tym boxie znajdziesz dwie opcje, które pomogą równomiernie rozłożyć zaznaczone elementy w przestrzeni.

 

Jednakowo w pionie - skrajny górny i dolny element pozostaną na swoim miejscu, natomiast zaznaczone elementy znajdujące się pomiędzy nimi zostaną tak rozmieszczone, aby wszystkie były w jednakowej odległości w pionie.

 

Jednakowo w poziomie - skrajny lewy i prawy element pozostaną na swoim miejscu, natomiast zaznaczone elementy znajdujące się pomiędzy nimi zostaną tak rozmieszczone, aby wszystkie były w jednakowej odległości w poziomie.

Więcej o:

Podstawy WebWave CMS

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona została stworzona w WebWave CMS

Jak zrobić stronę internetową w kreatorze WebWave CMS - poradnik

PRODUKT

FIRMA

POMOC

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona wykorzystuje ciasteczka. Dowiedz się więcej.

kreatora stron www webwave logo
Powrót do spisu treści o kreatorze stron www WebWave CMS
  Spis treści
  Spis treści
Podstawy WebWave
Podstawy WebWave
Narzędzia WebWave
Narzędzia WebWave
Pozycjonowanie i SEO
Pozycjonowanie i SEO
Artykuły
Artykuły
Zarządzanie treścią - CMS
Zarządzanie treścią - CMS
Tutoriale Video
Tutoriale Video
Zaawansowane triki
Zaawansowane triki
Wersja mobilna strony
Wersja mobilna strony
Marketing internetowy
Marketing internetowy
Konto Agency
Konto Agency
RWD
RWD
Domena i email
Domena i email
Administracja
Administracja
Dodaj kod do strony www
Dodaj kod do strony www
  Spis treści
  Spis treści
WebWave CMS - logo
Zarejestruj
Zarejestruj
Zaloguj
Zaloguj