Перейти к содержанию
fallkrid

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

Рекомендуемые сообщения

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

Помогите разобраться :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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Также ссылку на сайт прикрепите, помогу, как освобожусь.

Изменено пользователем aleksrv

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем fallkrid

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.