![]() |
|
Mutatós, egyszerű sötét weblap - Nyomtatható verzió +- HHW.hu (https://hhwforum.hu) +-- Fórum: Informatika (https://hhwforum.hu/forumdisplay.php?fid=72) +--- Fórum: Képszerkesztés (https://hhwforum.hu/forumdisplay.php?fid=73) +---- Fórum: Tutorialok (https://hhwforum.hu/forumdisplay.php?fid=75) +---- Téma: Mutatós, egyszerű sötét weblap (/showthread.php?tid=27) |
RE: Mutatós, egyszerű sötét weblap - Guest - 2007-05-05 Nyissunk egy tetszőleges méretű új dokumentumot. Ajánlom hogy a szélesség az 800 pixel legyen, hogy az esetleges 800x60-on böngészők is elférjenek, afölötti felbontással rendelkezőknél pedig nagyon jól fog kinézni. Töltsük be sötétszürkével a hátteret. Én ezt használtam: #373737. Jelöljünk ki a tetejéből egy részt (az lesz a fejléc) és szürke gradient-el töltsük be egy új rétegen! (vagy akár használhatunk a szürkéhez jól passzoló piros, zöld színt is -kéket nem ajánlom a szürkéhez-) Ehhez a réteghez adjunk még a Layer Style-ok közül egy 3-as méretű Stroke-ot tetszőleges színnel, valamint Drop Shadow-t így: ![]() ![]() Most hozzuk létre az oldal tartalmi részét. Középen jelöljük ki a négyzetes kijelölővel azt a részt ahova szeretnénk hogy kerüljön, és töltsük be egy sötétebb szürkével. Alkalmazzunk rá Stroke-t ugyanolyan színnel, és Drop Shadow-t ugyanolyan beállításokkal mint a fejlécnél tettük. ![]() Most hozzunk létre egy menüt. Először is szükségünk lesz egy új rétegre úgyhogy nyomjuk meg a Ctrl+Shift+N billentyűket egyszerre. A Type Tool-al írjuk fel a menüpontjainkat valahova ide: ![]() Ha szerenénk hogy rolloveres legyen a menünk (ha fölé viszed az egeret akkor másik képet tölt be, olyan mintha más színre váltana) akkor csináljunk a menüpontoknak hátteret. Fogjuk a Rounded Rectangle Tool-t: ![]() És húzzunk vele egy alakot a menüpontunk alá. Jobb klikk a rétegre és Rasterize Layer és vágjuk le az aljáról a felesleges részt: ![]() Színezzük olyanra mint amilyenek a keretek a fejléc és a tartalmi rész között (jelenleg sárga) és a betűszínt az adott menünél állítsuk sötétebbre a fehérről, hogy jól látható legyen. ![]() Gyakorlatilag meg is vagyunk, darabolásnál majd a menüpontoknál figyelni kell, hogy külön mentsük le az alap gombot is, meg a rollovert is (amikor sárga lesz a háttere). íí‚Âme az eredményem több színben is (a minősége a mentésnél romlott le) : ![]() ![]() ![]() A többi már csak rajtatok, és a kreativitásokon múlik :wink: RE: Mutatós, egyszerű sötét weblap - Guest - 2007-06-28 Uhhh, ez nekem nagyon bejön, ha még van ilyen amit tudtok, osszátok meg velünk légyszives mert nagyon tetszik... El?rre is köszi.. |