Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] jak zrobić taki formularz ...
kononowicz
post
Post #1





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 12.11.2006
Skąd: Białystok

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


witam.

mam problem ze zrobieniem jakiegoś efektownego formularza. Bardzo podobaja mi się tego typu:

http://www.smileycat.com/miaow/archives/im...designorati.jpg


i nie wiem jak to zrobić. Czy ktoś z was potrafi mi pomóc ewentualnie wkleić jakieś gotowe rozwiązanie...

jak zaokraglać rogi?? jak pociąć grafike??

z góry dzięki[i]

Ten post edytował kononowicz 10.01.2007, 20:59:58
Go to the top of the page
+Quote Post
Vertical
post
Post #2





Grupa: Zarejestrowani
Postów: 848
Pomógł: 0
Dołączył: 7.07.2004
Skąd: Wrocław

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


Cytat
jak zaokraglać rogi??

W edytorze graficznym.
Cytat
jak pociąć grafike??

Jak wyżej. Poczytaj o background w CSS.
Go to the top of the page
+Quote Post
marlab.z.gdyni
post
Post #3





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 16.11.2006
Skąd: 3miasto

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


Cytat(kononowicz @ 10.01.2007, 19:50:16 ) *
witam.

mam problem ze zrobieniem jakiegoś efektownego formularza. Bardzo podobaja mi się tego typu:

http://www.smileycat.com/miaow/archives/im...designorati.jpg
i nie wiem jak to zrobić. Czy ktoś z was potrafi mi pomóc ewentualnie wkleić jakieś gotowe rozwiązanie...

jak zaokraglać rogi?? jak pociąć grafike??

z góry dzięki[i]



a czy to nie jest we flashu zrobione ?

jesli mam byc szczery to kompletnie nie podoba mi się (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) wole minimalizm (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)


wpisz wgoogle www photoshop albo strona www fotoszop znajdzie ci pelno manualni jak zrobic niezly design (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)


pozdrawiam
Go to the top of the page
+Quote Post
kononowicz
post
Post #4





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 12.11.2006
Skąd: Białystok

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


ja potrafie pracowac w photoshopie... tylko nie wiem jak to zrobic w css...

a poza np. na jednej stronce z takim fajnym zaokrąglonym layoutem przy formularzach usunałem styl stronki i formularz był otoczony fieldset'em wiec jakos to roi sie w css'ie (czyli to nie jest flash). pytanie brzmi jak to zrobic?? jak napisac to w cssie??



albo takie cos

http://www.smileycat.com/miaow/archives/im...ms/gadzooki.jpg

jak zrobic zeby na około rogi były zaokraglone (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował kononowicz 10.01.2007, 21:25:06
Go to the top of the page
+Quote Post
Ziels
post
Post #5





Grupa: Zarejestrowani
Postów: 235
Pomógł: 2
Dołączył: 30.06.2006

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


Cytat(Vertical @ 10.01.2007, 21:05:52 ) *
Jak wyżej. Poczytaj o background w CSS.


To czego nie rozumiesz?
Go to the top of the page
+Quote Post
mokry
post
Post #6





Grupa: Zarejestrowani
Postów: 374
Pomógł: 23
Dołączył: 3.06.2006
Skąd: Katowice

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


Jeśli chodzi o wygląd formularza to:

- zaokrąglone rogi: projektujesz w photoshopie, i tniesz na 3 czesci: gora, wycinek srodka i dol (czyli masz tak jakby cale zaokraglenie gory i dolu oraz pozioma linia bedaca bg dla komorki tabeli.
- Tworzysz tabele z 3 wierszami, jedna kolumna, ustalasz bg na pociete obrazki i masz tlo pod formularz.
Jesli chodzi o style fomularzy to juz sam css.

Odsylam do kursu:

- Style tla:
http://webmaster.helion.pl/kurshtml/style/color.htm

- Fomrularze:
http://webmaster.helion.pl/kurshtml/form/form.htm
Go to the top of the page
+Quote Post
kononowicz
post
Post #7





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 12.11.2006
Skąd: Białystok

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


Cytat(mokry @ 11.01.2007, 00:56:42 ) *
Jeśli chodzi o wygląd formularza to:

- zaokrąglone rogi: projektujesz w photoshopie, i tniesz na 3 czesci: gora, wycinek srodka i dol (czyli masz tak jakby cale zaokraglenie gory i dolu oraz pozioma linia bedaca bg dla komorki tabeli.
- Tworzysz tabele z 3 wierszami, jedna kolumna, ustalasz bg na pociete obrazki i masz tlo pod formularz.
Jesli chodzi o style fomularzy to juz sam css.

Odsylam do kursu:

- Style tla:
http://webmaster.helion.pl/kurshtml/style/color.htm

- Fomrularze:
http://webmaster.helion.pl/kurshtml/form/form.htm


a jak zrobić żeby wszystkie 3 jpgi były tłem?? czy dla każdego jpga (góra , dół , bg) zrobic oddzielny <div> (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
eS...
post
Post #8





Grupa: Zarejestrowani
Postów: 367
Pomógł: 2
Dołączył: 4.03.2003
Skąd: C:/Windows/Temp

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


Coś o css w form itd
Jak włożyć obrazek w border
znowu coś o border-image
zamiast kwadratowych obrazków dajesz twoje z PS i jest (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
kononowicz
post
Post #9





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 12.11.2006
Skąd: Białystok

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


nie o to mi chodziło:

po prostu czy ktos wie jak zrobić żeby wszystkie 3 jpgi były tłem?? czy dla każdego jpga (góra , dół , bg) zrobic oddzielny <div> (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) nie moge sobie z tym poradzic...
Go to the top of the page
+Quote Post
matlas
post
Post #10





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 26.12.2006
Skąd: Wrocław

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


Cytat(kononowicz @ 11.01.2007, 05:24:48 ) *
nie o to mi chodziło:

po prostu czy ktos wie jak zrobić żeby wszystkie 3 jpgi były tłem?? czy dla każdego jpga (góra , dół , bg) zrobic oddzielny <div> (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) nie moge sobie z tym poradzic...



tak robisz kilka divow a na tlo ida wycinki z layouta
Go to the top of the page
+Quote Post
Cysiaczek
post
Post #11





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.




Ewentualnie: http://developer.mozilla.org/en/docs/Mozil...z-border-radius
Pod Operą tez podobno się da : )

Pozdrawiam.
Go to the top of the page
+Quote Post
eS...
post
Post #12





Grupa: Zarejestrowani
Postów: 367
Pomógł: 2
Dołączył: 4.03.2003
Skąd: C:/Windows/Temp

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


Cytat(kononowicz @ 11.01.2007, 07:24:48 ) *
nie o to mi chodziło:

po prostu czy ktos wie jak zrobić żeby wszystkie 3 jpgi były tłem?? czy dla każdego jpga (góra , dół , bg) zrobic oddzielny <div> (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) nie moge sobie z tym poradzic...

Hmmm podałeś na początku link do inputów które maja zaokrąglone logi, więc dałem ci odpowiednie linki. Mniejsza z tym.

Po co robić 3 divy skoro można w jednym??
Go to the top of the page
+Quote Post
lopik
post
Post #13





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 7.07.2006

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


Bez sensu jest coś takiego robić.
Na innym systemie / przeglądarce będzie to wyglądało nie zbyt "pięknie"

http://riddle.jogger.pl/2006/10/10/rece-pr...nia-formularzy/
http://www.456bereastreet.com/archive/2004..._form_controls/

Ten post edytował lopik 11.01.2007, 14:04:40
Go to the top of the page
+Quote Post
Cysiaczek
post
Post #14





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.




Eee taaam. Można stylować pola formularza, jeśli się to przetestuje w większości popularnych przeglądarek. IE, FF, Opera, Safari.

Pozdrawiam.
Go to the top of the page
+Quote Post
lopik
post
Post #15





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 7.07.2006

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


Stylować CSS'em tak, ale nie grafikami.
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: 23.08.2025 - 01:56