Prorock_Ugl (18 Ноябрь 2014 - 15:51) писал:
Кое что вышло. Не получилось с бордюрами. И в выпадающем меню хочется получить результат аналогичный полю корзины
Здравствуйте.
Зайдите в шаблон
main.css и найдите следующие коды:
1. Ищем первый код:
.header .primary .navbar .nav > li.parent:hover > a {
background: #fff;
border-bottom-color: transparent;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
И заменяем этим:
.header .primary .navbar .nav > li.parent:hover > a {
border-bottom-color: transparent;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
2. Ищем второй код:
.header .primary .sub {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
display: none;
font-size: 13px;
line-height: 24px;
margin: -1px 0 0;
padding: 15px 20px;
position: absolute;
z-index: 905;
}
И заменяем этим кодом:
.header .primary .sub {
background: rgba(148, 45, 45, 0.8);
border: 1px solid #ccc;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
display: none;
font-size: 13px;
line-height: 24px;
margin: -1px 0 0;
padding: 15px 20px;
position: absolute;
z-index: 905;
}
3. Ищем третий код:
.header .primary .navbar .nav > li.parent:hover > a:after {
background: #fff;
display: block;
-webkit-transition: background 0.1s linear;
transition: background 0.1s linear;
}
И заменяем его:
.header .primary .navbar .nav > li.parent:hover > a:after {
display: block;
-webkit-transition: background 0.1s linear;
transition: background 0.1s linear;
}
4. Ищем четвёртый код:
#footer .sidebar .widget .footer-header .title {
color: #1e1e1e;
font-size: 16px;
font-weight: normal;
line-height: 1.3;
text-transform: uppercase;
margin: 0;
}
И заменяем его этим кодом:
#footer .sidebar .widget .footer-header .title {
color: #A63636;
font-size: 16px;
font-weight: normal;
line-height: 1.3;
text-transform: uppercase;
margin: 0;
}
5. Теперь найдите пятый код:
.phone-header, .search-header, .compare-header {
border-right: 1px solid #ccc;
color: #1e1e1e;
display: inline-block;
height: 30px;
margin: 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 30px;
}
И замените го, например на этот код:
.phone-header, .search-header, .compare-header {
border-right: 1px solid rgba(142, 40, 40, 0.8);
color: #1e1e1e;
display: inline-block;
height: 30px;
margin: 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 30px;
}