Topic locked 
  • 0 szavazat - átlag 0
  • 1
  • 2
  • 3
  • 4
  • 5
Mutatós, egyszerű sötét weblap
#1
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:
[Kép: 2_sw.jpg]

[Kép: 1_sw.jpg]

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.
[Kép: 3_sw.jpg]

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:
[Kép: 4_sw.jpg]

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:
[Kép: 5_sw.jpg]

É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:
[Kép: 6_sw.jpg]

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.
[Kép: 7_sw.jpg]

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) :
[Kép: 8_sw.jpg]

[Kép: 9_sw.jpg]

[Kép: 10_sw.jpg]

A többi már csak rajtatok, és a kreativitásokon múlik :wink:
Topic locked 


Üzenetek ebben a témában
RE: Mutatós, egyszerű sötét weblap - szerző Guest - 2007-05-05, 20:42
RE: Mutatós, egyszerű sötét weblap - szerző Guest - 2007-06-28, 10:26

Hasonló témák...
Téma: Szerző Válaszok: Megtekintések: Utolsó üzenet
  Kompakt weblap Guest 2 1,704 2007-08-30, 12:22
Utolsó üzenet: Zozi
  Kompakt weblap 2. Guest 6 2,379 2007-05-10, 09:10
Utolsó üzenet: Guest
  Egyszerű bemutatkozó oldal készí­tése Guest 0 1,612 2007-05-05, 20:45
Utolsó üzenet: Guest
  Sőtétzőld-narancs weblap Guest 0 1,447 2007-05-05, 20:43
Utolsó üzenet: Guest
  Elegáns világos weblap Guest 0 1,435 2007-05-05, 20:43
Utolsó üzenet: Guest
  Egyszerű aranyszí­nű szöveg Guest 0 1,720 2007-05-05, 20:37
Utolsó üzenet: Guest

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Jelenlevő felhasználók ebben a témában:
1 Vendég