Belépés   Regisztráció
Belépés
Felhasználónév
Jelszó: Elfelejtett jelszó?
 
HHW.hu
Filmek
TV Sorozatok Feliratos filmek Szinkronos filmek HD és Blu-ray Karácsony Online nézhető filmek Film kollekciók Mobilos filmek Rajzfilmek Dokumentum filmek Horror filmek Magyar filmek DVD ISO HUN DVD ISO ENG DVD-Rip ENG 3D filmek Zenés filmek
Zenék
Zenei Kérések Videóklippek, koncertfelvételek OST Single
Játékok
Játék Kérések
XXX
XXX Játékok XXX Magyar XXX Sorozatok, Gyűjtemények XXX Képek XXX Magazinok, képregények XXX Videók és Rövid filmek
Mobil
Mobilos filmek Mobilos programok Androidos játékok Mobil Háttérképek Csengőhangok
Programok
Windows Op. ISO ENG Windwos Op. ISO HUN Microsoft Office MacOS Program Kérések
Háttérképek
Templates Háttérképek Témák
E-könyvek
E-könyv Kérések Külföldi könyvek Hangoskönyvek Külföldi magazinok Gyerek hangoskönyvek Gyerekdalok
Keresés
A fő kategória kiválasztásával az alfórumokban is keres.
Topic locked 
  • 0 szavazat - átlag 0
  • 1
  • 2
  • 3
  • 4
  • 5
Rétegzési módok
Mutatós, egyszerű sötét weblap
Guest
Vendég
 
#1
2007-05-05, 20:42
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:

  •
Guest
Vendég
 
#2
2007-06-28, 10:26
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..

  •
Topic locked 


Hasonló témák...
Téma: Szerző Válaszok: Megtekintések: Utolsó üzenet
  Kompakt weblap Guest 2 1,711 2007-08-30, 12:22
Utolsó üzenet: Zozi
  Kompakt weblap 2. Guest 6 2,386 2007-05-10, 09:10
Utolsó üzenet: Guest
  Egyszerű bemutatkozó oldal készí­tése Guest 0 1,616 2007-05-05, 20:45
Utolsó üzenet: Guest
  Sőtétzőld-narancs weblap Guest 0 1,449 2007-05-05, 20:43
Utolsó üzenet: Guest
  Elegáns világos weblap Guest 0 1,437 2007-05-05, 20:43
Utolsó üzenet: Guest
  Egyszerű aranyszí­nű szöveg Guest 0 1,723 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

  •  
  • Vissza a lap tetejére  
  • Lite mode  
  •  Kapcsolat
Theme © 2014 iAndrew
Magyar fordítás: Sz.Gábor
Fejlesztő: MyBB, © 2002-2026 MyBB Group.
Lineáris
Rétegezett
Megtekintés nyomtatható verzióban
Feliratkozás a témára
Szavazás hozzáadása ehhez a témához
Send thread to a friend