Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Оформлене бокового меню


fallkrid

Recommended Posts

Доброго времени суток всем!

Помогите разобраться :mellow:

Хочу оформить(изменить цвет фона и кнопок) боковое меню "статьи"

 

все что касается stylesheet  и меню и прикреплю сам файл stylesheet

 

/* menu */
#menu {
background-color: #0a0a0a;
background-image: linear-gradient(to bottom, #1a1a1a, #1a1a1a);
background-repeat: repeat-x;
border-color: #0a0a0a #0a0a0a #145e7a;
min-height: 40px;
}
#menu .nav > li > a {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 10px 15px 10px 15px;
min-height: 15px;
background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
padding-bottom: 0;
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul {
display: table-cell;
}
#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 3px 20px;
clear: both;
line-height: 20px;
color: #333333;
font-size: 12px;
}
#menu .dropdown-inner li a:hover {
color: #FFFFFF;
}
#menu .see-all {
display: block;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 20px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 3px 3px;
font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
text-decoration: none;
color: #ffffff;
background-color: #151719;
background-image: linear-gradient(to bottom, #151719, #151719);
background-repeat: repeat-x;
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 15px;
font-stretch: expanded;
color: #FFF;
padding: 2px 18px;
float: right;
background-color: #151719;
background-image: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
background-repeat: repeat-x;
border-color: #333333 #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
color: #ffffff;
background-color: #1e1e1e;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
border-radius: 4px;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #fff;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}

post-720296-0-53316400-1480181018_thumb.jpg

stylesheet.css

Надіслати
Поділитися на інших сайтах


 

Помогите разобраться :mellow:

Хочу оформить(изменить цвет фона и кнопок) боковое меню "статьи"

В чем разобраться-то? Берите  и изменяйте.

Вы точно в "песочнице" написать хотели?

Надіслати
Поділитися на інших сайтах


В чем разобраться-то? Берите  и изменяйте.

Вы точно в "песочнице" написать хотели?

Не понимаю куда мне писать код оформления именно этого меню, какой файл занего отвечает и в какую строку вставить код)

Надіслати
Поділитися на інших сайтах


 

Не понимаю куда мне писать код оформления именно этого меню, какой файл занего отвечает и в какую строку вставить код)

Правой кнопкой мыши на элементе - "просмотреть код" в хроме/"исследовать элемент" в лисе -  и вперед. Там это все написано.

А вообще , песочница  - не букварь. И вам надо либо изучить хотя бы азы, либо обращаться в раздел услуги.

Надіслати
Поділитися на інших сайтах


Правой кнопкой мыши на элементе - "просмотреть код" в хроме/"исследовать элемент" в лисе -  и вперед. Там это все написано.

А вообще , песочница  - не букварь. И вам надо либо изучить хотя бы азы, либо обращаться в раздел услуги.

Слыш, ты если по делу ответить не можешь-так не пиши ничего, прежде, чем создать тему я убедился в том, что нигде в интернете нет подобного материала и убедился, что на этом форуме много раз спрашивают одни и те же тупые вопросы(а мой достаточно интересный), так что иди в лес

Змінено користувачем fallkrid
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.