Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Jak zrobić kafelki?
Forum PHP.pl > Forum > Przedszkole
hhuubbeerrtt00
Hej, chciałbym zrobić stronę wyglądające jak kafelki w windows phone 7. Wiem żę takich stron w internecie jest niewiele, ale chciałbym sprubować.

PS: Chciałbym taki efekt uzyskać w przeglądarce internetowe na komputerze.
czychacz
do stworzenia kafelka użyj div'a. divovi możesz nadać wysokość, szerokość i inne style w css.
kod html:
  1. <div class="czerwony kafel">jakiś kafelek z jakąś zawartością</div>

css:
Kod
.czerwony{
  background-color: #7f3f3f;
}
.kafel{
  width: 400px;
  height: 300px;
  display: inline-block;
  margin: 20px;
  /*tutaj jakieś dodatkowe style, jak np. box-shadow, text-shadow, border, itp.*/
}

żeby taki kafel dobrze się wyświetlał, to przydałoby się go jeszcze wsadzić w jakiś kontener, w który może być np. max 9 kafli.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.