Név vagy E-mail:
Tagja vagy már a fórumnak?
Új jelszó igénylés itt!
  • Belépés / Regisztráció


    :::: Kereső ::::





    Köszi Köszi:  0
    • 2007-05-05 - 21:42
    • 2007-06-28 - 11:26
    • 1
    • 856
    • PM a feltöltőnek
    • Hsz.
    • Barátnak jelölés
    Eredmény: 1 - 2 (2) összesen
    1. Top | #1
      Vendég
       avatara

      Mutatós, egyszerű sötét weblap




      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:

    2. Top | #2
      Vendég
       avatara

      Mutatós, egyszerű sötét weblap




      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..

    Téma információ

    Témát böngészõ felhasználók

    Jelenleg 1 felhasználó böngészi ezt a témát. (0 regisztrált és 1 vendég)

    Hasonló témák

    1. Kompakt weblap
      By in forum Tutorialok
      Válaszok: 2
      Utolsó hozzászólás: 2007-08-30, 13:22
    2. Kompakt weblap 2.
      By in forum Tutorialok
      Válaszok: 6
      Utolsó hozzászólás: 2007-05-10, 10:10
    3. Sőtétzőld-narancs weblap
      By in forum Tutorialok
      Válaszok: 0
      Utolsó hozzászólás: 2007-05-05, 21:43
    4. Elegáns világos weblap
      By in forum Tutorialok
      Válaszok: 0
      Utolsó hozzászólás: 2007-05-05, 21:43
    5. Egyszerű aranyszí*nű szőveg
      By in forum Tutorialok
      Válaszok: 0
      Utolsó hozzászólás: 2007-05-05, 21:37

    Címkék ehhez a témához

    Hozzászólás szabályai

    • Új témákat nem hozhatsz létre
    • Válaszokat nem küldhetsz
    • Fájlokat nem csatolhatsz
    • A hozzászólásaidat nem módosíthatod
    •  
    • BB code is Bekapcsolva
    • Pofik Bekapcsolva
    • Az [IMG] kód Bekapcsolva
    • [VIDEO] code is kikapcsolva
    • A HTML kód kikapcsolva