Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: Zawinięte menu lub panel  (Przeczytany 14021 razy)
0 użytkowników i 2 Gości przegląda ten wątek.
KrzychuZ
Użytkownik

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259
Galeria Użytkownika



Zobacz profil
« : 08.04.2009, 15:05:21 »

Zawinięte menu - grafika i kodowanie

Dość 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:
 Lime Point 1. Zaznaczanie, dodawanie do zaznaczenia, odejmowanie od zaznaczenia i część wspólna.
 Lime Point 2. Rysowanie przedziałek i dodawanie napisów oraz hovera.
 Lime Point 3. Pocięcie menu.

Kodowanie w XHTML:
 Lime Point 1. Lista punktowana.
 Lime Point 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 Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: qba_@jid.pl
Licencja: Copyright
Wiadomości: 2 627
Galeria Użytkownika


jogurt rlz!


Zobacz profil WWW
« 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 Mrugnięcie).
Efekt jest w miarę fajny i jak dla początkujących (czyt. mnie) może być dobry.
Zapisane

Cloud
√ ι ק

Reputacja: 17 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 403
Galeria Użytkownika


Hardcore Storyteller


Zobacz profil WWW
« 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 Język.
Zapisane

Już nie przyjmuję zleceń wszelakich Skwaszony
lion.
√ ι ק

Reputacja: 11 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222
Galeria Użytkownika


strach pomyśleć że lion. się tak leni!


Zobacz profil
« 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 Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 08.04.2009, 15:38:10 »

Nie wiem Język 7, może 8
Zapisane

lion.
√ ι ק

Reputacja: 11 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222
Galeria Użytkownika


strach pomyśleć że lion. się tak leni!


Zobacz profil
« Odpowiedz #5 : 08.04.2009, 15:41:03 »

Nie wiem Język 7, może 8

Lol a mi się wydaje że mniej.  Mrugnięcie

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 Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 259
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 08.04.2009, 15:45:27 »

Pewnie można... Czyli go nie chcecie? Tak?
Zapisane

lion.
√ ι ק

Reputacja: 11 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 222
Galeria Użytkownika


strach pomyśleć że lion. się tak leni!


Zobacz profil
« 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 Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: moses@jabster.pl
Licencja: Copyright
Wiadomości: 961
Galeria Użytkownika


Troll magister dyplomowany ;)


Zobacz profil
« 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 Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« 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, 3

Twó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 Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 213
Galeria Użytkownika


American Staffordshire Terrier


Zobacz profil
« Odpowiedz #10 : 08.04.2009, 16:37:22 »

Zrób z tego menu, dopracuj efekt daj hover itd.
Zapisane
Wulfgar
√ ι ק

Reputacja: 6 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 304
Galeria Użytkownika

Wulfgar


Zobacz profil
« 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. Mrugnięcie Sama grafika jest jak dla mnie zbyt prosta. Język
Zapisane
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #12 : 08.04.2009, 17:34:19 »

+ pokazesz jak to ladnie pociac i wstawic w loyaut. Mrugnięcie

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, 3

Twó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 Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 304
Galeria Użytkownika

Wulfgar


Zobacz profil
« Odpowiedz #13 : 08.04.2009, 17:59:26 »

szczerze mowiac insekciku, to by nie bylo glupie. Język Menu to menu, a wiec musi funkcjonowac. Mrugnięcie Przynajmniej jeden guzik opisac. Język Trzeba to umiec pociac, trzeba umiec zrobic ladny efekt po najechaniu mysza. Mrugnięcie A nie oszukujmy sie, polowa ludzi robiacych swoje www nie ma pojecia o kodowaniu takich rzeczy i szuka gotowcow. Mrugnięcie (wiem po sobie Język)
Zapisane
Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialePropozycje tutoriali (Moderator: davlasq)Wątek: Zawinięte menu lub panel
Skocz do: