Nest

Styl Zaokraglenie rogów

Założony przez 741852.

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).
Podziękowali: XmaX
(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.

:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Podziękowali: XmaX
(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.

Podziękowali: Daniel Praźmo, XmaX
(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.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.

Podobne wątki

Dodanie zaokrąglonych rogów w serversboard

25.08.2014, 09:06
Ostatni post: kubacom

Zaokrąglenie rogów ramki

22.09.2013, 00:17
Ostatni post: Daniel Praźmo

Styl Zaokrąglenie rogów

08.12.2012, 09:41
Ostatni post: Daniel Praźmo

Styl Zaokrąglenie rogów belek

04.02.2012, 16:27
Ostatni post: crox

Błąd Nie zaokrągla rogów prefiksu z ramką

02.08.2011, 15:02
Ostatni post: Victor

Skocz do:

Użytkownicy przeglądający ten wątek:

1 gości