Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zaokraglenie rogów

Założony przez  741852.

17.01.2011, 14:27
#1
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
17.01.2011, 14:33
#2
znajdź w global.css twojego stylu .thead i pod height wklej
-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;
17.01.2011, 14:36
#3
Ok. a zeby byl dul zaokraglony to jaK? (ale wtedy juz gora normalnie)
17.01.2011, 14:46 (Ten post był ostatnio modyfikowany: 17.01.2011, 17:03 przez Łukasz Tkacz.)
#4
-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
17.01.2011, 14:47
#5
-webkit--radius: 9px;
-khtml-border-radiust: 9px;
-moz-border-radius: 9px;
border-radius: 9px;

Tak będziesz miał zaokrąglone wszystkie boki o 9px.
17.01.2011, 16:56
#6
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!
17.01.2011, 20:00
#7
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).
18.01.2011, 22:13 (Ten post był ostatnio modyfikowany: 18.01.2011, 22:15 przez Daniel Praźmo.)
#8
(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.
18.01.2011, 22:20
#9
(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:26
#10
(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.



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

1 gości