Element strony internetowej siatki

Grid to element kontenera, którego można używać do umieszczania elementów stron internetowych w komórkach. Zalecamy używanie elementu siatki, ponieważ jest dobry w przypadku projektów responsywnych, ponieważ komórki automatycznie przesuwają się jedna pod drugą na mniejszych ekranach.
Siatka Element strony internetowej siatki

Przeglądaj według kategorii funkcji

Zmień rozmiar komórek siatki

Jeśli chcesz tworzyć fantazyjne układy dla swoich obrazów, kształtów i tekstów, możesz zmienić rozmiar komórek siatki o różnej szerokości, nadając swoim projektom nowoczesny wygląd.

Przenieś komórki siatki

Siatki umożliwiają organizowanie różnych treści, w tym obrazów, ikon, kształtów i tekstu w postaci komórek, które są bardzo wygodne w obsłudze. W naszym edytorze wizualnym możesz łatwo przenosić komórki w siatce, po prostu przeciągając jedną komórkę na drugą, udoskonalając układ i zawartość do projektu strony internetowej. Ponadto możesz kliknąć ikony strzałek w narzędziu kontekstowym komórki, aby przenieść komórkę.

Luka w komórce siatki

Odstępy między komórkami siatki można zmienić zgodnie z wymaganiami dotyczącymi projektowania stron internetowych. W tym celu możesz użyć właściwości Cell Gap Property w panelu właściwości. Wybierz siatkę, a następnie przejdź do panelu właściwości, przewiń panel w dół, przeciągnij suwak, aby zmodyfikować lukę.

Zmień układ siatki

W dowolnym momencie możesz zmienić układ dodanej siatki na blok. Wybierz element siatki, a następnie przejdź do panelu właściwości. Kliknij strzałkę, aby otworzyć listę ustawień wstępnych siatki i wybierz układ, który lepiej pasuje do Twojego pomysłu na projektowanie stron internetowych. Możesz także dodawać i usuwać komórki siatki w Edytorze.

Siatka w pudełku i szeroka

Możesz łatwo zmienić szerokość siatki z Boxed na Wide i odwrotnie. Wybierz siatkę, a następnie przejdź do panelu właściwości. Znajdź ikonę Boxed/Szeroki w pobliżu wartości szerokości i wysokości, a następnie zmień układ kraty, klikając tę ikonę.

Odwróć układ siatki

Element siatki jest bardzo elastyczny. Możesz dostosować jego układ do wymagań swojego pomysłu na projektowanie stron internetowych. Aby odwrócić siatkę umieszczoną w bloku. Wybierz ten element, a następnie przejdź do panelu właściwości po prawej stronie. Kliknij listę rozwijaną Odwróć w pobliżu układu siatki. Kliknij Odwróć lub Obróć, aby wykonać operację.

Typ tła komórki siatki

Komórka elementu siatki może mieć tło i możesz użyć do tego różnych typów. Możesz zastosować wypełnienie kolorem, gradient, obraz, wideo lub w ogóle nie mieć tła. Wybierz komórkę siatki i przejdź do panelu właściwości. Wybierz typ tła, który najlepiej pasuje do Twojego projektu strony internetowej.

Siatka w trybach responsywnych

Elementy siatki są bardzo przydatne do budowania trybów responsywnych, ponieważ na mniejszych ekranach komórki siatki automatycznie przesuwają się jedna pod drugą. Ponadto w przypadku wielu układów możesz zmienić kolejność komórek siatki we wszystkich widokach mobilnych. Wybierz element siatki, przełącz tryb responsywny na górnym pasku, w razie potrzeby dostosuj siatkę. W przypadku większości siatek nie trzeba dokonywać korekt.

Umieść suwak na komórce siatki

Slider Animation to bardzo popularna reakcja na Hover. Możesz dodać różne efekty do komórek siatki, na przykład zanikanie, nakładanie, slajd, odwracanie, chwianie i powiększanie. Wybierz komórkę siatki, a następnie przejdź do panelu właściwości. Kliknij w link Aktywuj slajd, a następnie wybierz efekt, który chcesz zobaczyć na najechaniu w komórce siatki.

Ponad 80 układów siatki

Uzyskaj najszerszą gamę układów siatki do projektowania stron internetowych. Elementy siatki pomagają automatycznie dostosowywać projekty do urządzeń mobilnych.

Siatka na urządzenia mobilne

Użyj elementu siatki, aby łatwo tworzyć tryby responsywne. Na mniejszych ekranach komórki siatki przesuwają się automatycznie jedna pod drugą.

Darmowe szablony z Siatka

Zacznij od naszych najlepszych szablonów, które są idealne dla każdej firmy. Twórz i dostosowuj je za pomocą naszego potężnego i bezpłatnego kreatora stron internetowych bez kodu. Wszystkie szablony są przyjazne dla urządzeń mobilnych i świetnie wyglądają na każdym urządzeniu.