Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] jak zrobić taki formularz ...
Forum PHP.pl > Forum > Przedszkole
kononowicz
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]
Vertical
Cytat
jak zaokraglać rogi??

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

Jak wyżej. Poczytaj o background w CSS.
marlab.z.gdyni
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ę biggrin.gif wole minimalizm biggrin.gif


wpisz wgoogle www photoshop albo strona www fotoszop znajdzie ci pelno manualni jak zrobic niezly design biggrin.gif


pozdrawiam
kononowicz
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 questionmark.gif
Ziels
Cytat(Vertical @ 10.01.2007, 21:05:52 ) *
Jak wyżej. Poczytaj o background w CSS.


To czego nie rozumiesz?
mokry
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
kononowicz
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> questionmark.gif
eS...
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 biggrin.gif
kononowicz
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> questionmark.gif nie moge sobie z tym poradzic...
matlas
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> questionmark.gif nie moge sobie z tym poradzic...



tak robisz kilka divow a na tlo ida wycinki z layouta
Cysiaczek
Ewentualnie: http://developer.mozilla.org/en/docs/Mozil...z-border-radius
Pod Operą tez podobno się da : )

Pozdrawiam.
eS...
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> 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??
lopik
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/
Cysiaczek
Eee taaam. Można stylować pola formularza, jeśli się to przetestuje w większości popularnych przeglądarek. IE, FF, Opera, Safari.

Pozdrawiam.
lopik
Stylować CSS'em tak, ale nie grafikami.
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.