ROZWIĄZANY: Zaokrąglone krawędzie - jak?

[Ekhangel]

Witam,

Jak do okien (main body, czy jakoś tak?) hooków i np. dolnej części okna z forami (bo górna jest już zaokrąglona) dorobić zaokrąglenie krawędzi? Nie zamieszczam skinów, bo wszystko widać pod xboxm.pl/forum. Np. taki hook "Ostatnie posty" jest brzydko kwadratowy, a chciałbym, by był zaokrąglony. Jest na to jakiś szybki kod?

[Croco]

Oczywiście, to bardzo proste. Do odpowiedniej klasy w css musisz dodać kod, który zaokrągli rogi:

-webkit-border-radius: Xpx; /* Safari, Chrome */
-khtml-border-radius: Xpx;    /* Konqueror */
-moz-border-radius: Xpx;  /* Firefox */
border-radius: Xpx;

Oczywiście zamiast Xpx wstawiasz odpowiednią wartość (5px powinno być w porządku), przy okazji możesz pododawać pozostałe wpisy do innych border-radiusów (nie rozumiem tego podejścia, twórcy szablonów zaokrąglają rogi wybiórczo - nie wszystkie przeglądarki obsługują border-radius - skoro robi się specjalne szablony dla IE, to dlaczego nie można dodać tych wpisów?). Polecam Ci ich dodanie, na invisionize pod Operą chyba się tego nigdy nie doczekam

[Ekhangel]

Banał! Wielkie dzięki, czytałem tutoriale CSS-owskie, które mówiły o uploadzie odpowiednich obrazków zastępujących rogi, itd... A tu starczy linijka kodu.

[Macsch15]

Oczywiście, to bardzo proste. Do odpowiedniej klasy w css musisz dodać kod, który zaokrągli rogi:

-webkit-border-radius: Xpx; /* Safari, Chrome */
-khtml-border-radius: Xpx;    /* Konqueror */
-moz-border-radius: Xpx;  /* Firefox */
border-radius: Xpx;

Oczywiście zamiast Xpx wstawiasz odpowiednią wartość (5px powinno być w porządku), przy okazji możesz pododawać pozostałe wpisy do innych border-radiusów (nie rozumiem tego podejścia, twórcy szablonów zaokrąglają rogi wybiórczo - nie wszystkie przeglądarki obsługują border-radius - skoro robi się specjalne szablony dla IE, to dlaczego nie można dodać tych wpisów?). Polecam Ci ich dodanie, na invisionize pod Operą chyba się tego nigdy nie doczekam

Można też krócej:

-moz-border-radius: Xpx;  /* Firefox */
border-radius: Xpx; /* Chrome, Opera, Safari */ 

Większość przeglądarek już dobrze sobie rodzi z border-radius oczywiście po za FF który jest dość daleko w tyle.

A zaokrągleniami w IE radze sie po prostu nie przejmować, niech tracą na wyglądzie Ci którzy z tego syfu korzystają

Edytowane 30 Października 2010 przez macsch15

[Ekhangel]

Używam tylko "border-radius" - sprawdzałem na Chrome'ie, FF i Operze - wszystkie przeglądarki poprawnie interpretują tę komendę, więc po co komplikować sobie życie dodatkowymi linijkami.

EDIT: Nie, jednak FF nie czyta.

Edytowane 30 Października 2010 przez Ekhangel

[Macsch15]

Bo 80% użytkowników nadal korzysta z FF ?

[Ekhangel]

Co? Nicht verstanden.

[Macsch15]

EDIT: Nie, jednak FF nie czyta.

Większość przeglądarek już dobrze sobie rodzi z border-radius oczywiście po za FF który jest dość daleko w tyle.

[Ekhangel]

Dobra, gdzieś się pogubiliśmy w ciągu logicznym, w każdym razie - racja, muszę dodać ten cholery "moz". Cały dzień przeczesuję ipb_styles, czemu w tym idiotycznym panelu nie zrobili wyszukiwarki...

[Macsch15]

czemu w tym idiotycznym panelu nie zrobili wyszukiwarki...

Nie dodali też geshi

Dlatego lepiej jest przekopiować całość do swojego edytora i tam modyfikować.

Edytowane 30 Października 2010 przez macsch15

[DawPi]

Rozwiązane?

[Macsch15]

Dawid, uważaj, Pavulon już czyta ten temat

[Ekhangel]

Rozwiązane, dzięki. Co prawda zaraz pewnie zobaczycie pięć moich innych tematów w tym dziale, bo trochę za bardzo bawiłem się tym css'em.

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.