Редактиране на шаблон за първоначално зареждане: Цвят navbara и блокове

В последната статия, сме се научили как да се промени на капачките и текстове в тях. В това аз ще ви кажа как да се промени навигационната лента - горната навигационна лента, която е хоризонтална меню.

За определянето на менюто ще кажа по-късно, но тук се показват най-трудното - как да се промени дизайна navbara - и ще разкрие всички подробности, за да персонализирате външния вид navbara по общия стил на сайта.

Персонализиране вид navbara

За да започнете, отидете в панела сайт домакин в «style.css». На екрана по-горе, мисля, че, разбира се, където можете да промените дисплея на отделните елементи navbara, а именно: заглавие, име на сайта (шрифт, разстояние, цвят на шрифта), маркирайте горното меню, когато задържите курсора (цвета на фона), главното меню на връзки точки (уплътнение, заоблени ъгли, цвят).

Търсим и копие от «bootstrap.min.css» navbara цветен код. В горната екранна показва какво основни цветови кодове са navbara и създават своя градиент. Поставете копирания код в «style.css» в долната част.

Също така търси и копие от «bootstrap.min.css» цвят код неактивни горните копчета на менюто в същото време копирате и поставите в «style.css» разпределението на кодовете на страничната лента. На екрана е показано по-горе, което кодове и да се потърси какво фигури, за да се променят.

Красота! Купих елегантен триизмерна картина на стария прост черен навигационната лента. Какво ви трябва!

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

Търсим и копие от «bootstrap.min.css» ивица код (показан на снимката по-горе) и поставете своите цветни ивици, точно както е показано в горния скрийншота. Има два цвята, като групата се състои от две половини, които създават ефекта на силата на звука.

Сега, ако правилно изберете цветовете и всичко е в хармония с цялостния стил на сайта, всичко изглежда превъзходно! С регистрацията navbara завърши! ;-) от върха, можете да продължите с по-ниска, а именно - да се долната част на страницата.

Както правилно отбелязва sinabs на LinkorCMS форум. бял фон съдържание блок с дълъг престой на сайта се слива с основния цвят на фона, така че е добре да се осигури рамка за съдържание блокове. Нека да го направя.

Питам рамка блокове

Намери чрез код инспектор в блок елемент на браузъра и го поставете, както е показано на снимката по-горе, в обхвата на кода: «граница: 1px твърдо # A3A3A3;». 1px тук определя дебелината на рамката, твърди - изглед към обхвата, # A3A3A3 - цвят рамка. Можете да зададете параметрите си. Копирайте получения код на инспектора и поставете в «style.css» в интернет пространство панел.

Също така, чрез код браузър инспектор намерите кодови блокове и странична рамка вложка код. Съответно, самото право «style.css».

Педантично инспектират целия сайт и да видим, че няма обхват на "галета" блок. Също така, ние го търсим в инспектора на кода, поставете кода и да го запазите в кадър «style.css на задачите».

Можете да ми благодари за тази статия, поставяйки denyuzhku да Yandex.Money - 41001946245208; Webmoney - RUB - R228675470677, USD - Z403380463613, EUR - E114430860179; Моб. 8-985-301-51-80 (MTS).