Сайттын менюсун кантип ыңгайлаштыруу керек

Мазмуну:

Сайттын менюсун кантип ыңгайлаштыруу керек
Сайттын менюсун кантип ыңгайлаштыруу керек

Video: Сайттын менюсун кантип ыңгайлаштыруу керек

Video: Сайттын менюсун кантип ыңгайлаштыруу керек
Video: Сайттын менюсун оңдоо 2024, Ноябрь
Anonim

Ucoz - популярдуу веб-сайтты башкаруу тутуму. Анын жардамы менен, сиз өз ресурстарыңыздын ар бир элементин настройкалап, уникалдуу баракча дизайнын түзө аласыз. Меню ар кандай сайттын негизги элементтеринин бири болуп саналат, анткени ал аркылуу колдонуучу сиздин ресурс аркылуу багыт алат.

Сайттын менюсун кантип ыңгайлаштырса болот
Сайттын менюсун кантип ыңгайлаштырса болот

Нускамалар

1 кадам

Учоздо менюну настройкалоо үчүн сайт куруучунун башкаруу элементтерин колдонсоңуз болот. Ошентип, тандалган шаблондун фон түсүн, меню блокторундагы шилтемелердин жана тексттин түсүн өзгөртө аласыз. Бардык элементтерди түзөтүү "Дизайн" - "Дизайн Менеджмент (CSS)" дизайнер менюсу аркылуу жүргүзүлөт.

2-кадам

Бул CSS стилин ачат, б.а. анын негизинде интерфейс элементтери чагылдырылган шаблон. Көрсөтүлгөн коддон navBar сабын таап, аны өзүңүз каалагандай түзөтүңүз. Мисалы:

#navBar {padding: 4px; background: # 959595; толуп кетүү: авто; Кызыл түс; }

3-кадам

Бул код тексттин чегинүүсүн түзүлгөн блоктун чектеринен 4 пикселге орнотот, ал эми менюнун фону HTML форматындагы белгилүү бир түскө туура келген # 959595 маанисин алат. Толуп кетүү: авто параметр, көрсөтүлгөн аймакка туура келбеген мазмундун көрсөтүлүшүн орнотуу үчүн колдонулат. Бул параметр өзгөчө муктаждыксыз редакцияланбашы керек. Түс опциясы блоктун мазмунун элементтерин кызылга коёт.

4-кадам

Шилтеменин параметрлерин түзөтүү үчүн, ошол эле код блогундагы параметрлерди колдонсоңуз болот. #NavBar а: шилтемесин (кадимки шилтеме), а: активдүү (чыкылдаткандан кийин шилтеме түсү), а: барган (барган шилтеме) жана a: hover (шилтеменин түсү) каалагандай өзгөртүңүз. Түс атрибутунун түсүн өзгөртүп, тексттин атрибуттарын белгилей турган текстти жасалгалоо параметрин түзөтүңүз. Бул параметр үчүн маанилердин астын сызып, көзүн ирмеп, сызып, сызып коюуга болот.

5-кадам

Түзөтүүдөн кийин "Сактоо" баскычын чыкылдатыңыз. Ушундай эле жол менен.subColumn (тик меню пункттарын көрсөтүү үчүн фон),.boxTable (меню блокторунун аталыштары),.boxContent (меню шилтемелеринин тизмелеринин мазмуну),.uMenuV (вертикалдык меню пункттары) саптарын өзүңүздүн каалоомо ылайык өзгөртүңүз. Сиз керексиз параметрлерди алып салып, өзүңүздүн CSS кодуңузду киргизе аласыз, ошондой эле дизайндагы башка элементтердин өңүн түзөтө аласыз.

6-кадам

Өзгөртүүлөрдү сактап, веб-баракчаңызга өтүп, натыйжаны көрүңүз. Ucoz меню пункттарын түзөтүү аяктады.

Сунушталууда: