Dreamweaver menü szerkesztő, css
Nagyon nehéz megmagyarázni, feltételezzük, hogyan kell szerkeszteni a menüt!
Így vettünk egy oldalon az archívumból a sablont, és szerkeszteni, hogy fokozatosan elfogadható véleményünk, hogy egy normális állapot, és ez a mi 13. lépés létre egy teljes sablon új oldalunkon.
Akkor válasszon egyet a sablonokat és lépésről-lépésre alakítsa át úgy, hogy azt lehet használni!
Hogyan változik a menü CSS Dreamweaver?
Tettünk egy csomó lépéseket az új site.
És az első oldal kész, és akkor tudja használni. De hogy őszinte legyek, ő nem nagyon tetszik, és ez sokkal több is lehet igaz!
Ha megnézzük az elkészített oldalt, akkor azt láthatjuk, hogy a felső menüben kicsi, és általában az oldal nem illik bele a témában, azaz a. a képen, néhány hal, aminek semmi köze az építkezés.
Megnyitjuk az első sor egy sablont. Lássuk, mi nem tetszik itt.
Hogyan kell rögzíteni a menü sablon Dreamweaver.
Majd meg kell ásni körül a kódot! Meg kell változtatni a szélessége a menü, mint ez elég kicsi. És nem olyan rövid szavakat, ebben a menüben. Általában én a menü szélessége 190-200 pixel!
Csak látni, hogy itt a 92 pixel padding - van, ahol mozgatni a bal oldalon, hogy ne zavarja a integritását sablon! Kezdjük!
Távolítsuk el «Solutions» - ez a részlet általában nem szükséges nekünk!
És azt is, távolítsa el az alsó menü a balra-csak nem olyan, mint én!
Mi érdekli a stílus a felső menü - ez «leftmenu» - nyíl mutatja.
Szerkesztés menü css stílusokat Dreamweaver.
Azt duplikált fő index.dwt sablon és CSS stílus és nevezte style1.css, egyébként az összes korábbi oldalak vannak csavarozva style.css stílusváltás, valamint a fő mintát.
Megnyitjuk stílus Dreamweaver és index1.dwt sablon programot.
A fájl megnyitása style1.css sajtó billentyűkombinációk ctrl + A és illessze keresik leftmenu
A css stílus, itt van 6 vonal, tekintse meg a stílus «leftmenu».
Változtatni a pixel 23,24,25 szállít érték 190 - a szélessége Étlapunkon és a vonal dekorációs ...
Ez az, amit megvan. Menü kiszállt, hogy a megfelelő ...
Ez a menü kell balra mozdult, nem bontják meg az egész oldalt, akkor csökkentheti a pad - padding, de először változtatni a hátteret.
Változás a háttér menü a Dreamweaver.
Most változik a kép háttérképet - fogjuk mozgatni a bal menüben található, így a kép legyen fehér. Bemegyünk a képek mappában keres egy képet a nevét header.jpg
Törölje a bal oldalon a képet a Paint. És törölje a darab, amelynek mérete 226, a felbontás empirikusan.
Töltelék és mérete a menü asztalra.
Válassza ki az elemet érdekes számunkra, ott CSS gombstílusok - nyitva. A listában keres az ablakot.
Továbbá, mi érdekli padding - padding és szélessége a blokk. A készülék menüjében van zárva a másik blokk, amelynek szélessége 686. Nézzük változtatni a szélességét, és ezt az értéket!
Szélessége megváltozott a 778, és a bal padding 92px csökken 12 (ez mind a tér, ami maradt a szó -Home).
Lássuk, mi megvan: Nagyon jó!
A következő lépés - a változás logotoip, ami a tetején.
Mi időt + pénzt, így szabadon hozzáférhessenek + + valós információkat.