Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] jak zrobić taki formularz ...
kononowicz
post 10.01.2007, 19:50:16
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


--------------------
gdy moderator śpi - budzą się demony ]:->
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 14)
Vertical
post 10.01.2007, 21:05:52
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 10.01.2007, 21:13:42
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ę 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


--------------------
Nad ranem znaleźli młodego gitowca, Złożyli go w ciemnej mogile, A gity, jak stali, się wszystkie chlastali, To młody gitfunfel kopyrtnął
FORUM FOTOGRAFICZNE - FOTOFORUM
Go to the top of the page
+Quote Post
kononowicz
post 10.01.2007, 21:23:38
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 questionmark.gif

Ten post edytował kononowicz 10.01.2007, 21:25:06


--------------------
gdy moderator śpi - budzą się demony ]:->
Go to the top of the page
+Quote Post
Ziels
post 10.01.2007, 21:36:17
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 11.01.2007, 00:56:42
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


--------------------
Pomogłem? Podziękuj proszę klikając poniżej "POMÓGŁ" ;)
Go to the top of the page
+Quote Post
kononowicz
post 11.01.2007, 02:24:59
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> questionmark.gif


--------------------
gdy moderator śpi - budzą się demony ]:->
Go to the top of the page
+Quote Post
eS...
post 11.01.2007, 02:41:42
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 biggrin.gif


--------------------
Go to the top of the page
+Quote Post
kononowicz
post 11.01.2007, 05:24:48
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> questionmark.gif nie moge sobie z tym poradzic...


--------------------
gdy moderator śpi - budzą się demony ]:->
Go to the top of the page
+Quote Post
matlas
post 11.01.2007, 12:34:36
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> questionmark.gif nie moge sobie z tym poradzic...



tak robisz kilka divow a na tlo ida wycinki z layouta


--------------------
Zapraszam na bloga: http://matlas.obsysa.net/
Go to the top of the page
+Quote Post
Cysiaczek
post 11.01.2007, 13:37:23
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.


--------------------
To think for yourself you must question authority and
learn how to put yourself in a state of vulnerable, open-mindedness;
chaotic, confused, vulnerability, to inform yourself.
Think for yourself. Question authority.
Go to the top of the page
+Quote Post
eS...
post 11.01.2007, 13:48:59
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> 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 11.01.2007, 14:04:00
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


--------------------
w3c & c++
Go to the top of the page
+Quote Post
Cysiaczek
post 11.01.2007, 14:10:10
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.


--------------------
To think for yourself you must question authority and
learn how to put yourself in a state of vulnerable, open-mindedness;
chaotic, confused, vulnerability, to inform yourself.
Think for yourself. Question authority.
Go to the top of the page
+Quote Post
lopik
post 11.01.2007, 14:13:04
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.


--------------------
w3c & c++
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 10:29