Webboard

Pełna wersja: Zaokraglenie rogów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.1
adres forum:
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): jak zaokraglic robi w stylu tak jak na tym forum?
http://insertpc.pl/index.php
znajdź w global.css twojego stylu .thead i pod height wklej
Kod:
-webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-topright: 10px;
    -khtml-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px
    border-top-left-radius: 10px;
Ok. a zeby byl dul zaokraglony to jaK? (ale wtedy juz gora normalnie)
Kod:
-webkit-radius: HLpx HRpx BLpx BRpx;
-khtml-border-radius: HLpx HRpx BLpx BRpx;
-moz-border-radius: HLpx HRpx BLpx BRpx;
border-radius: HLpx HRpx BLpx BRpx;

HL - góra lewo
HR - góra prawo

BL - dół lewo
BR - dół prawo
Kod:
-webkit--radius: 9px;
-khtml-border-radiust: 9px;
-moz-border-radius: 9px;
border-radius: 9px;

Tak będziesz miał zaokrąglone wszystkie boki o 9px.
Tak w ogóle co jest lepsze, to co napisał Trufelek, czy to co napisał lukasamd?
Chodzi mi oto, co działa w większości przeglądarek itd. Bo zauważyłem, że w niektórych przeglądarkach i tak wyświetla się "kwadratowo".


Pozdrawiam!
Jeden jak i drugi kod powinien działać prawidłowo na popularnych przeglądarkach (FF, Opera, Chrome). Osobiście stosuję wersję podaną przez Trufelk'a i żadna z wcześniej podanych aplikacji nie ma problemów z odczytem takiego kodu (choć to zależy od wersji danej przeglądarki).
(17.01.2011, 16:56)XmaX napisał(a): [ -> ]Tak w ogóle co jest lepsze, to co napisał Trufelek, czy to co napisał lukasamd?
Chodzi mi oto, co działa w większości przeglądarek itd. Bo zauważyłem, że w niektórych przeglądarkach i tak wyświetla się "kwadratowo".


Pozdrawiam!
Obydwa sposoby to jeden i ten sam, tylko lukasamd podał bardziej skompresowany sposób wprowadzenia danych.
Żaden z powyższych nie działa na IE, bo IE nie interpretuje CSS3. Dlatego ja okrągłe rogi robię jako grafikę. Więcej do przerabiania w szablonach, ale za to nie ma bata by nie działało.

(18.01.2011, 22:13)Nidrax napisał(a): [ -> ]Żaden z powyższych nie działa na IE, bo IE nie interpretuje CSS3. Dlatego ja okrągłe rogi robię jako grafikę. Więcej do przerabiania w szablonach, ale za to nie ma bata by nie działało.

Border-radius działa w IE9, o ile w meta-tagach zaznaczymy aby korzystało z jego możliwości.

Wiem że to beta, no ale jednak działa i w IE.

(18.01.2011, 22:20)lukasamd napisał(a): [ -> ]Border-radius działa w IE9, o ile w meta-tagach zaznaczymy aby korzystało z jego możliwości.

Wiem że to beta, no ale jednak działa i w IE.
No tak, zapomniałem o nowym IE, które powoli wprowadza css3.