Zaokrąglone ogłoszenie - CSS


(Riordianin) #1

Dopiero zaczynam swoją przygodę w CSS (ale lepiej późno niż wcale) i poszukuję gotowego kodu na zaokrągloną ramkę. Oczywiście parametry sobie zmienię, aż tak źle ze mną nie jest, ale samego kodu nie mogę uklepać.

Uczę się na przykładach, dlatego to dla mnie aż tak ważne.

 

O taką ramkę chodzi jak ta niebieska na początku (z tekstem :), nie obrazkiem :smiley: ) http://www.egrafik.pl/html-css-zaokraglone-rogi-tabela-ramka,1375.html

 

Wiem że tam jest kod, ale potrzebuję kodu tylko w CSS.

 

Tak aby szybko użyć

(na przykład)

(jacko1998) #2

http://jsbin.com/IFOGOyE/1/ - proszę


(Riordianin) #3

Czysta technika żadnego fałszu :slight_smile:

Dziękuję bardzo, troszkę poedytuję kod, ale już mam podstawę.

Zostawię ci +, nie będę taki :slight_smile:

html {

scrollbar-face-color: black;

scrollbar-highlight-color: green;

scrollbar-shadow-color: blue;

scrollbar-3dlight-color: grey;

scrollbar-arrow-color: brown;

scrollbar-track-color: purple;

scrollbar-darkshadow-color: yellow;

}

Co nie tak z tym kodem? :C

Proszę korzystać z opcji Edytuj , zamiast pisać post pod postem.

rgabrysiak


(jacko1998) #4

Może Ty powiedz ? 

body {
scrollbar-face-color: black;
scrollbar-highlight-color: green;
scrollbar-shadow-color: blue;
scrollbar-3dlight-color: grey;
scrollbar-arrow-color: brown;
scrollbar-track-color: purple;
scrollbar-darkshadow-color: yellow;
}

Może tak ? Ewentualnie


(Riordianin) #5

Nie działa... hmmm :C


(jacko1998) #6

Na jakich przeglądarkach nie działa ?


(Riordianin) #7

Mi Fox tego nie czyta. Chyba nie będzie kolorowego paska :C

Czytałem coś o index.css

U mnie tego nie ma, już robię ale nie wiem czy to coś da.

Proszę korzystać z opcji Edytuj , zamiast pisać post pod postem.

rgabrysiak


(manieKMP) #8

Na Fx nie ma prawa działać (dla tej przeglądarki jedynie rozwiązanie js poskutkuje), kod który podałeś ma jedynie związek na przeglądarką IE... Na Twoim miejscu nie bawiłbym się w "udziwnienia" pasków przewijania, więcej roboty niż pożytku :wink:

 

Css custom scrollbars (kod podany dla Fx na tej stronie działa jedynie po zastosowaniu przez użytkownika przeglądarki, nie zadziała po zastosowaniu na stronie)

 

PS. index.html/php, dla css'a robi się przeważnie pliki o nazwie style.css...