Моите бележки са предназначени основно за начинаещите уебмастъри. Въпреки това, опитни предприемачи също ще намерят нещо интересно за себе си.

В своя блог, аз отивам да се публикува статия на съвременни уеб технологии (HTML5. CSS3 и други). Ако по време на работа по проект, аз откривам "свеж" решение на даден проблем, аз пиша тук за това, че ми позволява да, ако е необходимо, да се прилагат тези знания в бъдеще.

Надявам се, че информацията ще бъде полезна за гостите.

Ако по някаква причина не сте доволни с изгледа на менюто вид Joomla шаблон не е необходимо да се промени изцяло модела като цяло, могат да се премахнат само с промяна на менюто, което не ви харесва.

В тази статия ще ви покажем как да го направя. За това ние трябва: сайт на Joomla (I използвате сайта с демо данни и стандартен шаблон можете да изтеглите и инсталирате в CMS).

Ние трябва да се премахнат всички стойности от кода в HREF атрибути на връзки, като се заменят със символ "#".

Получихме "пречистен" код - с него и ще rabotat.Teper ние трябва да се определи дали всичко от менюто, което искаме да се промени, или само един. Ако само един, трябва да присвоите клас наставка. Това се прави в системата (разширяване модули ► Manager). Ние намерите желания модул (в този случай, "Главно меню"), отваряте и под Опции ► Разширени настройки, посочете класа на суфикса - в нашия случай "_menu". Div контейнер след добавяне на суфикса вече има «moduletable_menu» клас.

Докато ние не сме от тук, ние трябва да деактивирате заглавие меню, така че да не се показват над всички опции в менюто.

Хайде. Ние искаме нашето меню изглежда така:

Нашата задача е да се уверите, че чрез прилагане на някои правила CSS, нашето меню, кодът на който сме пазили, тъй като менюто погледна в картината. На първо място, да премахнете всички уплътнението за всички елементи на страницата и да се определят всички елементи на текста, с еднакъв размер на шрифта:

Фактът, че всеки елемент е посочено стойности за определяне на границата на имота и подложка. и в различни браузъри са различни, така че е необходимо да се изчисти свойствата общо с налагането на всякакви HTML - страници, защото тогава не е имало изненади с нищото, които бяха взети пространства и отстъп в елементите.

На следващо място, уточни следните правила към нашия списък:

Запазване и да видим какво имаме в браузъра:

Тъй като всички ние се занули маржове нашето меню плътно закачен за горния ляв точка на прозореца на браузъра. Същата форма ще бъде, когато ние променяме стила на менюто в системата, тя ще се придържа към границите на неговата опаковка, така че ние да прилага следното правило за div.moduletable_menu. създаване около него една малка вдлъбнатина:

Разширения Шаблон мениджър ► ► кликнете върху името на нашия шаблон (тя е избрана по подразбиране) и да изберете най-горния елемент на меню "Edit CSS».

Тъй като моделът тест на елементите не се прилагат стилове, template.css празен файл.

Меню за промяна

Меню след промените