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
HHW.hu Informatika Képszerkesztés Tutorialok Kompakt weblap 2.

Topic locked 
  • 0 szavazat - átlag 0
  • 1
  • 2
  • 3
  • 4
  • 5
Rétegzési módok
Kompakt weblap 2.
Guest
Unregistered
 
#1
2007-05-05, 20:45
Most bemutatok mégegy kis egyszerű weboldalt, egy kicsit másképp.
Alapnak megint húzzunk függőlegesen egy szí­nátmenetet a Gradient Tool-al. Ezeket használtam: #4d6572 és #203946.
Ha ez megvolt, csináljuk meg az oldal testrészét, a négyzetes kijelölővel jelöljünk ki egy nekünk megfelelő méretű részt. Egy új retegen ezt a kijelölést öntsük be az előbb használt szí­nek közül a világosabbal:
[Kép: 1_ko.jpg]

Most jobb klikk rá -> Blending Options és állí­tsuk be ezeket:
[Kép: 2_ko.jpg]
[Kép: 3_ko.jpg]

Remek. Most hozzunk létre egy új réteget a fejlécünknek. Jelöljük ki a neki szánt részt a négyzetes kijelölővel, majd töltsük fel az elején használt szí­nek közül a sötétebbel. Tegyünk rá egy 1 pixeles fehér Stroke-t!
Most hozzunk létre új réteget, és a fejléc alá jelöljük ki a menünek szánt részt, majd töltsük fel ezzel a szí­nnel: #70828b.
[Kép: 4_ko.jpg]

Majd jöhet az 1 pixeles fehér Stroke ismét.
Vigyük fel a menü szövegét valamint a fejlécre a kí­vánt szöveget. A menühöz 12 pixeles Verdana-t, mí­g az AdobePlanet szöveghez 34 pixeles Tschich betűtí­pust használtam (dafont.com)
[Kép: 5_ko.jpg]

Most a fejléc rétege fölé csináljunk egy újat, majd a Layer Palette-n vigyük az egeret a kettő közötti vonalra, majd nyomjuk le az Alt gombot. Ekkor átváltozik a kurzor, most kattintsunk a vonalra! Ha jól csináltuk egy nyí­l lesz ott ami lefele mutat:
[Kép: 6_ko.jpg]

Erre azért volt szükség, hogy amit erre a rétegre rajzolunk az ne lógjon ki az alatta lévő réteg területéről, jelen esetben a fejlécről.
Most fogjunk egy ecsetet (én Grunge ecsetet használtam) és rajzoljunk rá pár mintát.
[Kép: 7_ko.jpg]

Most már gyakorlatilag megvagyunk, kedvünk szerint tegyünk hozzá egy footer részt, a lényeg hogy addig csináljuk amí­g nekünk meg nem felel :wink: Sok sikert!
[Kép: 8_ko.jpg]

A kamuszöveget a lipsum.com-ról szedtem
Topic locked 


Üzenetek ebben a témában
RE: Kompakt weblap 2. - szerző Guest - 2007-05-05, 20:45
RE: Kompakt weblap 2. - szerző Guest - 2007-05-06, 16:09
RE: Kompakt weblap 2. - szerző kiscipo00 - 2007-05-06, 16:21
RE: Kompakt weblap 2. - szerző Guest - 2007-05-06, 16:23
RE: Kompakt weblap 2. - szerző kiscipo00 - 2007-05-06, 16:26
RE: Kompakt weblap 2. - szerző kiscipo00 - 2007-05-06, 16:37
RE: Kompakt weblap 2. - szerző Guest - 2007-05-10, 09:10

Hasonló témák...
Téma: Szerző Válaszok: Megtekintések: Utolsó üzenet
  Kompakt weblap Guest 2 1,698 2007-08-30, 12:22
Utolsó üzenet: Zozi
  Mutatós, egyszerű sötét weblap Guest 1 1,656 2007-06-28, 10:26
Utolsó üzenet: Guest
  Sőtétzőld-narancs weblap Guest 0 1,439 2007-05-05, 20:43
Utolsó üzenet: Guest
  Elegáns világos weblap Guest 0 1,427 2007-05-05, 20:43
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