Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] wgląd kontrolek, troche ładniejszy
BugsBunny
post
Post #1





Grupa: Zarejestrowani
Postów: 206
Pomógł: 4
Dołączył: 2.04.2005

Ostrzeżenie: (0%)
-----


Zastnawiam się czy można osiągnąć taki wygląd kontrolek, bo grzebiąc w opcjach dostępnych w CSS nic nie znalazłem.

Chodzi o taki efekt (zaokrąglone rogi, gradient w tle i przycisk rozwijania)

(IMG:http://img220.imageshack.us/img220/3214/jaksn7.jpg)
Go to the top of the page
+Quote Post
ayeo
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----


Można, ale z użyciem JS

Pozdrawiam!

edit:

Masz tu linka.
Go to the top of the page
+Quote Post
bregovic
post
Post #3





Grupa: Zarejestrowani
Postów: 562
Pomógł: 15
Dołączył: 8.08.2003
Skąd: Denmark/Odense

Ostrzeżenie: (0%)
-----


Dać się da, ale nie obejdzie się bez dużej ilości CSS i JS. Jeśli miałbym to zrobić, użyłbym background-image dla input type=text, podmieniłbym listę rozwijaną na div'a i pewnie zamienił przycisk submit na div'a z odpowiednim background-image. Zauważ że mówię podmienił, bo podstawowe zachowanie "kontrolek" trzeba zachować dla użytkowników bez JS.

A tu link dla jQuery (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował bregovic 6.11.2008, 02:00:36
Go to the top of the page
+Quote Post
--gox--
post
Post #4





Goście







Jesli chcesz latwo zaokraglac rogi przy uzyciu samego CSS'a, to niestety musisz poczekac na CSS 3 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
BugsBunny
post
Post #5





Grupa: Zarejestrowani
Postów: 206
Pomógł: 4
Dołączył: 2.04.2005

Ostrzeżenie: (0%)
-----


Cytat(-gox- @ 6.11.2008, 07:14:00 ) *
Jesli chcesz latwo zaokraglac rogi przy uzyciu samego CSS'a, to niestety musisz poczekac na CSS 3 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


No niestety ale nie mam czasu. Kiedy pojawi się CSS 3.0 ?

W tych linkach nie widzę, żadnego przykładu dla kontrolki select
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 21:22