Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript] Jak zrobić kafelki?, Jak w Windows phone 7?
hhuubbeerrtt00
post 27.08.2011, 08:24:46
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 20.02.2011
Skąd: Polska

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
czychacz
post 27.08.2011, 09:11:50
Post #2





Grupa: Zarejestrowani
Postów: 189
Pomógł: 13
Dołączył: 20.09.2008
Skąd: Lublin

Ostrzeżenie: (0%)
-----

do stworzenia kafelka użyj div'a. divovi możesz nadać wysokość, szerokość i inne style w css.
kod html:
[HTML] pobierz, plaintext 
  1. <div class="czerwony kafel">jakiś kafelek z jakąś zawartością</div>
[HTML] pobierz, plaintext

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.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 8.05.2025 - 04:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn