KrzychuZ
Użytkownik
Reputacja: 5
 Offline
Płeć: 
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
 
|
 |
« : 08.04.2009, 15:05:21 » |
|
Zawinięte menu - grafika i kodowanieDość często spotyka się teraz na stronach efekt menu "zawiniętego" za brzeg strony. W takim razie może przydałby się taki tutek dla początkujących? Efekt końcowy: Ogólny zarys tutoriala i opisane możliwości GIMPa:  1. Zaznaczanie, dodawanie do zaznaczenia, odejmowanie od zaznaczenia i część wspólna. 2. Rysowanie przedziałek i dodawanie napisów oraz hovera. 3. Pocięcie menu. Kodowanie w XHTML: 1. Lista punktowana. 2. CSS i efekt hover. Poziom trudności: bardzo łatwy łatwy lub średni (przez to że jest jeszcze kodowanie)Zakodowana wersja:http://cysiu.ugu.pl/menuzawiniete/Do wykonania efektu z tutka właściwie nie są potrzebne żadne pędzle ani dodatki. Na stronie http://vivee.info/2008/11/23/menu-wychodzace-zza-strony/ jest pokazany taki właśnie efekt, ale od razu mówię, że się na tamtym tutku w ogóle nie wzorowałem (no i tamten jest do PSa).
|
|
|
|
« Ostatnia zmiana: 14.04.2009, 22:39:48 wysłane przez CysiuTbg »
|
Zapisane
|
|
|
|
Qba_
Emeryt
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
JID: qba_@jid.pl
Licencja: Copyright
Wiadomości: 2 627 Galeria Użytkownika
jogurt rlz!
|
|
« Odpowiedz #1 : 08.04.2009, 15:21:11 » |
|
Jak dla mnie to może być (może dlatego, że na tworzeniu layoutów się w ogóle nie znam  ). Efekt jest w miarę fajny i jak dla początkujących (czyt. mnie) może być dobry. |
|
|
|
|
Zapisane
|
|
|
|
Cloud
√ ι ק
Reputacja: 17
Offline
Płeć:
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 403 Galeria Użytkownika
Hardcore Storyteller
|
|
« Odpowiedz #2 : 08.04.2009, 15:32:54 » |
|
Jak dla mnie, to chyba za proste, żeby pisać na to tutorial. Ale nie moje zdanie się tu liczy  . |
|
|
|
|
Zapisane
|
Już nie przyjmuję zleceń wszelakich   |
|
|
lion.
√ ι ק
Reputacja: 11
Offline
Płeć:
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222 Galeria Użytkownika
strach pomyśleć że lion. się tak leni!
|
|
« Odpowiedz #3 : 08.04.2009, 15:35:29 » |
|
I ile twoim zdaniem będzie miał tutorial punktów?
|
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #4 : 08.04.2009, 15:38:10 » |
|
Nie wiem 7, może 8 |
|
|
|
|
Zapisane
|
|
|
|
lion.
√ ι ק
Reputacja: 11
Offline
Płeć:
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222 Galeria Użytkownika
strach pomyśleć że lion. się tak leni!
|
|
« Odpowiedz #5 : 08.04.2009, 15:41:03 » |
|
Nie wiem 7, może 8 Lol a mi się wydaje że mniej. Next question: Czy sądzisz że na podstawie aktualnego indeksu nie można wykonać tego samego efektu samemu? |
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #6 : 08.04.2009, 15:45:27 » |
|
Pewnie można... Czyli go nie chcecie? Tak?
|
|
|
|
|
Zapisane
|
|
|
|
lion.
√ ι ק
Reputacja: 11
Offline
Płeć:
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222 Galeria Użytkownika
strach pomyśleć że lion. się tak leni!
|
|
« Odpowiedz #7 : 08.04.2009, 15:47:52 » |
|
Pewnie można... Czyli go nie chcecie? Tak?
Ja go nie chce, ale nie wiem jak inni. |
|
|
|
|
Zapisane
|
|
|
|
Nose4s
√ ι ק
Reputacja: 6
Offline
Płeć:
GIMP: 2.6 + GAP
JID: moses@jabster.pl
Licencja: Copyright
Wiadomości: 961 Galeria Użytkownika
Troll magister dyplomowany ;)
|
|
« Odpowiedz #8 : 08.04.2009, 16:00:21 » |
|
ja zrobił by to z palcem w du** ale nie wiem jak inni<początkujący> wiec niech będzie... Yes
|
|
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #9 : 08.04.2009, 16:00:47 » |
|
Tak.
Choć zastanawiam się, jakby to wyglądało z drobnym cieniowaniem.
A wykonanie tego efektu w ps-owym tutorialu jest megadziwne o.O
|
|
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę. |
|
|
edziuK
Użytkownik
Reputacja: 17
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 213 Galeria Użytkownika
American Staffordshire Terrier
|
|
« Odpowiedz #10 : 08.04.2009, 16:37:22 » |
|
Zrób z tego menu, dopracuj efekt daj hover itd.
|
|
|
|
|
Zapisane
|
|
|
|
Wulfgar
√ ι ק
Reputacja: 6
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 304 Galeria Użytkownika
|
|
« Odpowiedz #11 : 08.04.2009, 17:18:27 » |
|
Jestem na tak, jezeli pokazesz ladne calkowite menu + pokazesz jak to ladnie pociac i wstawic w loyaut. Sama grafika jest jak dla mnie zbyt prosta. |
|
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #12 : 08.04.2009, 17:34:19 » |
|
+ pokazesz jak to ladnie pociac i wstawic w loyaut. I co, w każdym tutorialu na menu będziemy tego wymagali? :> |
|
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę. |
|
|
Wulfgar
√ ι ק
Reputacja: 6
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 304 Galeria Użytkownika
|
|
« Odpowiedz #13 : 08.04.2009, 17:59:26 » |
|
szczerze mowiac insekciku, to by nie bylo glupie. Menu to menu, a wiec musi funkcjonowac. Przynajmniej jeden guzik opisac. Trzeba to umiec pociac, trzeba umiec zrobic ladny efekt po najechaniu mysza. A nie oszukujmy sie, polowa ludzi robiacych swoje www nie ma pojecia o kodowaniu takich rzeczy i szuka gotowcow. (wiem po sobie ) |
|
|
|
|
Zapisane
|
|
|
|
Joten8
Użytkownik
Reputacja: 1
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 184 Galeria Użytkownika
Nie ma mnie... Przerzucam się na PS'a.
|
|
« Odpowiedz #14 : 08.04.2009, 18:30:59 » |
|
szczerze mowiac insekciku, to by nie bylo glupie. Menu to menu, a wiec musi funkcjonowac. Przynajmniej jeden guzik opisac. Trzeba to umiec pociac, trzeba umiec zrobic ladny efekt po najechaniu mysza. A nie oszukujmy sie, polowa ludzi robiacych swoje www nie ma pojecia o kodowaniu takich rzeczy i szuka gotowcow. (wiem po sobie ) "Ale to jest forum o GIMP'ie..." - by powiedzieli niektórzy... Mi to nie przeszkadza jeśli wprowadzi(cie)my do każdego tuta na menu, layout czy element web, parę punktów jak to wykorzystać. Niektórzy naprawdę nie "umnieją". Albo ich wysłać na kursy CSS. |
|
|
|
|
Zapisane
|
Nie ma mnie... Przerzucam się na PS'a.
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #15 : 08.04.2009, 19:20:14 » |
|
Kiedyś ten problem był już omawiany przy temacie Blendera. Bądź co bądź, jesteśmy forum GIMP-a, nie powinniśmy za bardzo odbiegać od tematu. Jest masa serwisów, które tłumaczą, jak to zrobić i to lepiej od nas, nie musimy chyba zatem dokładać kolejnych poradników na ten sam temat? Wydaje mi się, że można zakończyć na pocięciu menu na pojedyńcze przyciski.
|
|
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę. |
|
|
lion.
√ ι ק
Reputacja: 11
Offline
Płeć:
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222 Galeria Użytkownika
strach pomyśleć że lion. się tak leni!
|
|
« Odpowiedz #16 : 08.04.2009, 19:52:33 » |
|
Jestem na tak, jezeli pokazesz ladne calkowite menu + pokazesz jak to ladnie pociac i wstawic w loyaut. Sama grafika jest jak dla mnie zbyt prosta. Na tych warunkach też bym się zgodził 
"Ale to jest forum o GIMP'ie..." - by powiedzieli niektórzy... Mi to nie przeszkadza jeśli wprowadzi(cie)my do każdego tuta na menu, layout czy element web, parę punktów jak to wykorzystać. Niektórzy naprawdę nie "umnieją". Albo ich wysłać na kursy CSS.
De facto jest to forum o GIMPie (oraz o inscape też), ale mogłyby się pojawić tego typu pytania i postarajmy się ich uniknąć |
|
|
|
|
Zapisane
|
|
|
|
Grolak
√ ι ק
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126 Galeria Użytkownika
Kreator mody
|
|
« Odpowiedz #17 : 09.04.2009, 08:41:40 » |
|
Menu ciekawe, estetyczne. Jednak chciałbym abyś dodał tu światło jakieś, np. w miejscu zagięcia. Takie menu realistyczne IMO byłoby lepsze. Ogólnie ttorial ciekawy, jeśli dodałbyś przyciski.
|
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #18 : 13.04.2009, 19:04:52 » |
|
Trochę ulepszyłem:  I oczywiście zakodowałem: http://cysiu.ugu.pl/menuzawiniete/Jak teraz? Może być takie? |
|
|
|
« Ostatnia zmiana: 13.04.2009, 19:22:10 wysłane przez CysiuTbg »
|
Zapisane
|
|
|
|
Grolak
√ ι ק
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126 Galeria Użytkownika
Kreator mody
|
|
« Odpowiedz #19 : 13.04.2009, 19:25:28 » |
|
Mi nie pasuje, ze te linie są jakby wklęsłe.
|
|
|
|
|
Zapisane
|
|
|
|
Syriusz
Użytkownik
Reputacja: 0
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 32 Galeria Użytkownika
Nie jestem grafikiem więc troche wyrozumiałości
|
|
« Odpowiedz #20 : 13.04.2009, 19:29:04 » |
|
Jak dla mnie może być bo efekt bardzo ładny [op]menu eleganckie i czytelne i ładnie się z tymi cieniami i efektem hover Ja bym się cieszył gdyby się pojawił Mi nie pasuje, ze te linie są jakby wklęsłe.
No jak by się dało to mógł by się pojawić w dwóch stylach jeśli można ?? |
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #21 : 13.04.2009, 19:34:54 » |
|
Nie wiem, czy dokładnie o to Wam chodziło, ale trochę zmieniłem. |
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #22 : 13.04.2009, 20:44:25 » |
|
Popraw te przedziałki. No i spróbuj popracować nad ulepszeniem efektu 3D przy zawinięciach.
|
|
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę. |
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #23 : 14.04.2009, 13:27:42 » |
|
Uff A teraz? Ogólny zarys tutoriala i opisane możliwości GIMPa: 1. Zaznaczanie, dodawanie do zaznaczenia, odejmowanie od zaznaczenia i część wspólna. 2. Rysowanie przedziałek i dodawanie napisów oraz hovera. 3. Pocięcie menu. Kodowanie: 1. Lista punktowana. 2. CSS i efekt hover. |
|
|
|
|
Zapisane
|
|
|
|
Syriusz
Użytkownik
Reputacja: 0
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 32 Galeria Użytkownika
Nie jestem grafikiem więc troche wyrozumiałości
|
|
« Odpowiedz #24 : 14.04.2009, 17:29:57 » |
|
Jak dla mnie brzmi świetnie zwłaszcza te pocięcie menu (bo z tym mam zawsze minimalne problemy)
|
|
|
|
|
Zapisane
|
|
|
|
Gutez
Użytkownik
Reputacja: -2
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 131 Galeria Użytkownika
A noob you are
|
|
« Odpowiedz #25 : 14.04.2009, 19:22:18 » |
|
Jak dla mnie brzmi świetnie zwłaszcza te pocięcie menu (bo z tym mam zawsze minimalne problemy)
Mi nic nie brzmi tylko wygląda EDIT: @ Down : No tak,racja  |
|
|
|
« Ostatnia zmiana: 14.04.2009, 19:49:41 wysłane przez Gutez »
|
Zapisane
|
|
|
|
Grolak
√ ι ק
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126 Galeria Użytkownika
Kreator mody
|
|
« Odpowiedz #26 : 14.04.2009, 19:48:03 » |
|
Ale on ma syntezator mowy!
|
|
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #27 : 14.04.2009, 20:48:38 » |
|
Teraz jest dobrze.
|
|
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę. |
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #28 : 14.04.2009, 22:45:04 » |
|
Czyli mam uważać za zatwierdzone? tak? A jeśli chodzi o część na temat kodowania to to będzie tylko kilka małych punktów, ale jeszcze prosiłbym jakiegoś doświadczonego webmastera o sprawdzenie, czy w dobry sposób zakodowałem to menu ( http://cysiu.ugu.pl/menuzawiniete/). |
|
|
|
|
Zapisane
|
|
|
|
Nose4s
√ ι ק
Reputacja: 6
Offline
Płeć:
GIMP: 2.6 + GAP
JID: moses@jabster.pl
Licencja: Copyright
Wiadomości: 961 Galeria Użytkownika
Troll magister dyplomowany ;)
|
|
« Odpowiedz #29 : 14.04.2009, 22:56:49 » |
|
niby mam scrapbook'a ale nie lepiej wrzucić kod html na wklej.org czy jak się ta stronka nazywała...
|
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #30 : 15.04.2009, 07:21:46 » |
|
Jeszcze się zobaczy, a może dodam spakowany plik z index.html i style.css, a obrazki niech sobie ktoś sam potnie. Ale jednak wklej.org będzie lepszy. |
|
|
|
|
Zapisane
|
|
|
|
Syriusz
Użytkownik
Reputacja: 0
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 32 Galeria Użytkownika
Nie jestem grafikiem więc troche wyrozumiałości
|
|
« Odpowiedz #31 : 15.04.2009, 10:48:31 » |
|
Jeszcze banalna sprawa co do tego menu. Za kontaktem przedziałka jest tylko szara brakuje jeszcze białej linii
|
|
|
|
|
Zapisane
|
|
|
|
KrzychuZ
Użytkownik
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259 Galeria Użytkownika
|
|
« Odpowiedz #32 : 15.04.2009, 13:27:48 » |
|
Menu zakodowane jeszcze nie jest do końca dopracowane.
|
|
|
|
|
Zapisane
|
|
|
|
Tutoriale
