A Webhely Menü Testreszabása

Tartalomjegyzék:

A Webhely Menü Testreszabása
A Webhely Menü Testreszabása

Videó: A Webhely Menü Testreszabása

Videó: A Webhely Menü Testreszabása
Videó: Tutorial: HTML + CSS menü készítése almenükkel 2024, November
Anonim

Az Ucoz egy népszerű weboldal-kezelő rendszer. Segítségével testreszabhatja saját erőforrásának minden elemét, és egyedi oldaltervet készíthet. A menü minden webhely egyik fő eleme, mert ezen keresztül navigál a felhasználó az erőforráson.

A webhely menü testreszabása
A webhely menü testreszabása

Utasítás

1. lépés

A webhelyépítő vezérlőkkel testre szabhatja az Ucoz menüjét. Tehát megváltoztathatja a kijelölt sablon háttérszínét, a linkek és a szöveg színét a menüblokkokban. Az összes elem szerkesztése a "Design" - "Design Management (CSS)" tervezőmenü segítségével történik.

2. lépés

Ezzel megnyílik egy CSS stíluslap, azaz az a sablon, amely alapján az interfész elemei megjelennek. Keresse meg a megjelenített kódban a navBar sort, és tetszés szerint szerkessze. Például:

#navBar {kitöltés: 4px; háttér: # 959595; túlcsordulás: auto; piros szín; }

3. lépés

Ez a kód 4 pixellel állítja be a szöveg behúzását a létrehozott blokk határaitól, míg a menü háttere megszerzi a # 959595 értéket, amely megfelel egy bizonyos színnek HTML formátumban. A túlcsordulás: auto paraméterrel beállítható a megadott területre nem illő tartalom megjelenítése. Ezt a paramétert nem szabad különösebb szükség nélkül szerkeszteni. A szín opció pirosra állítja a blokk tartalmi elemeit.

4. lépés

A hivatkozás paramétereinek szerkesztéséhez használhatja az azonos kódblokkban található opciókat is. Változtassa kedved szerint a #navBar a: linket (normál link), egy: aktív (link színe kattintás után), egy: látogatott (meglátogatott link) és egy: hover (a lebegés utáni link színét). Módosítsa a színattribútum színét, és szerkessze a szövegdekorációs paramétert, amely beállítja a szöveg attribútumait. Ennek az opciónak az értékei lehetnek aláhúzás, villogás, áthúzás, áthúzás.

5. lépés

A szerkesztés után kattintson a "Mentés" gombra. Hasonló módon változtassa meg kedve szerint a.subColumn (a függőleges menüelemek megjelenítésének háttere),.boxTable (a menüblokkok címe), a.boxContent (a menühivatkozások listájának tartalma), az.uMenuV (függőleges menüpontok) sorokat. Eltávolíthatja a felesleges paramétereket és beillesztheti saját CSS-kódját, valamint szerkesztheti a tervezés többi elemének színeit.

6. lépés

Mentse el a módosításokat és tekintse meg az eredményt a webhelye oldalára lépve. Az Ucoz menüpontok szerkesztése befejeződött.

Ajánlott: