Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Zaokrąglenie rogów w css lub coś w stylu ifa
Forum PHP.pl > Forum > Przedszkole
dk1342
Witam znalazłem w google kod który zaokrągla rogi np. diva:

Kod
border:1px solid #7aa1bf;
-moz-border-radius: 6px;
border-radius: 6px;


i Wszystko ładnie działa lecz na IE nie działa, jest jakiś podobny kod żeby na IE też działało ? lub jak zrobić IF w którym jak jest np. " IF firefox" to jest ten kod wyżej a jak jest "IF IE" to tego border:1px solid #7aa1bf; nie ma nie mam pojęcia czy w css są ify więc pytam, lub jak zrobić jak np. mam:

#TRESC {
padding-top: 7px;
padding-botton: 5px;
padding-left: 5px;
margin-right: 0px;
margin-top: 0px;
width: 799px;
height: 500px;
text-align: center;
background-color: #124d7b;
overflow: hidden;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

żeby w każdym rogu był obrazek w którym zaokrągle sobie np. w photoshopie
piotrooo89
ja korzystam z gotowca js...

tu sposób użycia...
a tu kod js...
dk1342
dzięki za propozycje ale nie chce w js wole ten jakiś inny kod jak jest w css żeby działało w IE, lub jak jest IF że jak jest Internet Explorer to mi wyłącza bordera czyli obramowanie bo nie pasuje
piotrooo89
ale mi się wydaje że dopóki IE nie zacznie obsługiwać CSS3 musisz js używać...
dk1342
no doba spróbuje JS pokazałbyś mi gdzie co się ustawia ? np. wielkość zaokrąglenia itd.. questionmark.gif
mike
No przecież dostałeś link do przykładu! Czego jeszcze oczekujesz?
Poza tym co podał ~piotrooo89 jest jeszcze Nifty Corners
piotrooo89
ehhh...

to:
Kod
<script type="text/javascript">
rC = new DHTMLgoodies_roundedCorners();

rC.addTarget('menu',25,25,'#BDB76B','#FFFFFF',5,false,'top_left,top_right');
rC.addTarget('main',25,25,'#BDB76B','#FFFFFF',5,false,'bottom_left,bottom_right');
rC.init();
</script>


we walasz do index'a.

pierwsza wartość to id elementu do zaokrąglenia. druga i trzecia radiusy x i y. 3 kolo. 4 tło.5 padding. 6 wysokość. 7 które rogi
dk1342
dobra dałem tak:

<script type="text/javascript">
rC = new DHTMLgoodies_roundedCorners();

rC.addTarget('TRESC',25,25,'#124d7b','#1f5f91',5,500);
rC.init();
</script>

i działa ale chce zmiejszyć zaokrąglenie to zmiejszam te 25 questionmark.gif a drugie zaokrąglają się tylko górny lewy i górny prawy a dolne dalej są prostokontne

@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?

@ już wiem dzięki
mike
Cytat(dk1342 @ 29.11.2008, 15:16:47 ) *
@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?
http://www.dhtmlgoodies.com/scripts/rounde....html#addTarget
piotrooo89
Cytat(dk1342 @ 29.11.2008, 15:16:47 ) *
@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?


to chyba jest logiczne?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.