Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Zaokrąglanie rogów Diva
MaciekPierwszy
post 22.04.2013, 15:57:34
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 8.02.2013

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


Witam
Przeglądam siec i widze dużo różnych sposobów zaokrąglania rogów diva. Niestety jako beginner nie wiem który jest najlepszy. Jakie stosujecie metody w praktyce tak żeby to śmigało na wszystkim??
Czy wystarczy w tmy celu css 3?? Chciałbym uniknąc dodawania grafiki

Ten post edytował MaciekPierwszy 22.04.2013, 15:58:11
Go to the top of the page
+Quote Post
pedro84
post 22.04.2013, 15:59:34
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


CSS3 - starocie olać, ważne jest, żeby wyświetlała się strona poprawnie w nich, brak bajerów można znieść.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
Rysh
post 22.04.2013, 16:01:03
Post #3





Grupa: Zarejestrowani
Postów: 821
Pomógł: 111
Dołączył: 11.09.2006
Skąd: Biała Podlaska

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


Ja używam tylko border-radius. Pozostali użytkownicy ze względu na swój wybór niestety będą mieli brzydszą stronę.

Pozdrawiam.


--------------------
Go to the top of the page
+Quote Post
-Andrzej.W.-
post 22.04.2013, 16:29:53
Post #4





Goście







Radius jest fajny, też od nie dawna znam podstawy css i właśnie go testowałem, bardzo mi się podoba efekt.
Go to the top of the page
+Quote Post
Dejmien_85
post 23.04.2013, 14:12:50
Post #5





Grupa: Zarejestrowani
Postów: 251
Pomógł: 23
Dołączył: 23.04.2013

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


Stare sposoby z dodawaniem grafiki to już przeszłość, w tej chwili mamy CSS3 i:
- border-radius (dla starszych modeli przeglądarek należy dodać jeszcze przedrostki).

W razie gdybyś chciał stworzyć jakieś finezyjne obramowanie za pomocą grafiki, wtedy polecam:
- border-width + border-image.

Go to the top of the page
+Quote Post
!*!
post 23.04.2013, 14:15:44
Post #6





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Żeby jeszcze border-radius miało dobry AA w przeglądarkach i wyglądało znośnie np. na grafice ;) a właśnie, może da się ustalić AA dla zaokrągleń?


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Dejmien_85
post 23.04.2013, 16:48:26
Post #7





Grupa: Zarejestrowani
Postów: 251
Pomógł: 23
Dołączył: 23.04.2013

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


Cytat(!*! @ 23.04.2013, 15:15:44 ) *
Żeby jeszcze border-radius miało dobry AA w przeglądarkach i wyglądało znośnie np. na grafice ;) a właśnie, może da się ustalić AA dla zaokrągleń?


W border-radius możesz ustalić promień zaokrąglenia, a także stworzyć obramowanie zaokrąglenia (i ustalić jego grubość), fajny jest też efekt cienia (całego elementu). Wydaje mi się, że działa to całkiem fajnie. Jest to spore ułatwienie - za czasów CSS2 musiałbyś się nakombinować (głównie z tworzeniem i dopasowywaniem grafiki), aby stworzyć zaokrąglenia, lekki cień oraz obramowanie jakiejś części strony - w tej chwili wystarczy kilka linijek tekstu i voila! ; )

Ten post edytował Dejmien_85 23.04.2013, 16:53:02
Go to the top of the page
+Quote Post
!*!
post 23.04.2013, 17:00:03
Post #8





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Mi o AA idzie. Ustaw sobie tapetę na body, później inną tapetę na div jako tło, na div ustaw border radius... efekt? poszarpane w cholerę.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 21:51