Sivustovalikon Mukauttaminen

Sisällysluettelo:

Sivustovalikon Mukauttaminen
Sivustovalikon Mukauttaminen
Anonim

Ucoz on suosittu verkkosivustojen hallintajärjestelmä. Sen avulla voit muokata oman resurssisi jokaista elementtiä ja luoda ainutlaatuisen sivusuunnittelun. Valikko on yksi minkä tahansa sivuston pääelementeistä, koska käyttäjä selaa resurssiasi sen kautta.

Sivustovalikon mukauttaminen
Sivustovalikon mukauttaminen

Ohjeet

Vaihe 1

Voit muokata Ucozin valikkoa sivuston rakennustyökalun avulla. Joten voit muuttaa valitun mallin taustaväriä, linkkien ja tekstin väriä valikkolohkoissa. Kaikkien elementtien muokkaus tapahtuu suunnittelijavalikossa "Suunnittelu" - "Suunnittelun hallinta (CSS)".

Vaihe 2

Tämä avaa CSS-tyylitaulukon, ts. malli, jonka perusteella käyttöliittymäelementit näytetään. Etsi rivi navBar näytetystä koodista ja muokkaa sitä mielesi mukaan. Esimerkiksi:

#navBar {täyte: 4px; tausta: # 959595; ylivuoto: auto; väri punainen; }

Vaihe 3

Tämä koodi asettaa tekstin sisennyksen luodun lohkon rajoista 4 pikselillä, kun taas valikon tausta saa arvon # 959595, joka vastaa tiettyä väriä HTML-muodossa. Ylivuoto: -parametria käytetään määrittämään sisällön näyttö, joka ei sovi määritetylle alueelle. Tätä parametria ei tule muokata ilman erityistä tarvetta. Väri-asetus asettaa lohkon sisältöelementit punaisiksi.

Vaihe 4

Voit muokata linkin parametreja myös käyttämällä samassa koodilohkossa olevia vaihtoehtoja. Muuta #navBar a: linkki (normaali linkki), a: aktiivinen (linkin väri napsautuksen jälkeen), a: käynyt (vierailtu linkki) ja a: hover (linkin väri leijunnan jälkeen) mieleiseksesi. Muuta väri-attribuutin väriä ja muokkaa tekstikoristeparametriä, joka asettaa tekstin attribuutit. Tämän vaihtoehdon arvot voivat olla alleviivaus, vilkkuminen, läpivienti, yliviiva.

Vaihe 5

Napsauta muokkauksen jälkeen Tallenna-painiketta. Muuta samalla tavalla rivit.subColumn (tausta pystysuorien valikkokohteiden näyttämiseksi),.boxTable (valikkolohkojen otsikot),.boxContent (valikkolinkkiluetteloiden sisältö),.uMenuV (pystysuorat valikkokohdat) mieleisekseen. Voit poistaa tarpeettomat parametrit ja lisätä oman CSS-koodisi sekä muokata muiden elementtien värejä suunnittelussa.

Vaihe 6

Tallenna muutokset ja tarkastele tulosta siirtymällä verkkosivustosi sivulle. Ucoz-valikkokohtien muokkaus on valmis.

Suositeltava: