мистка (28 Февраль 2013 - 12:14) писал:
ребят прошу помочь . мне нужно произвести изменения . все напишу по пунктам . надеюсь мои вопросы и ваши ответы в этой теме помогут многим новичкам .
итак приступим.
-------------------------------------------------------
1 . в каком месте можно изменить цвет меню . (необходим белый)
2. как перенести основное меню в шапку сайта т.е на самый верх .(см скрин рис 1)
3. как разместить слайдер в шапке сайта .в левой части (см скрин) при этом удалить кнопки слайдера .
4 . выделить каталог товаров (см скрин р3)
5.заменить цвет в картинке с оранжевого на цвет меню а также цвета в описании товара с голубого на цвет надписи каталог товаров и цены на темно серый .
1. цвет текста меню можно изменить в файле стилей main.css в блоке
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: rgb(90, 82, 82); <!-- цвет текста меню -->
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none; }
Для того, чтобы переместить меню, возьмите код меню
<div class="containerin" id="top-menu">
. . .
. . .
. . .
. . .
</div>
и вставьте сразу после
<div class="container" id="header"
далее в файле main.css найдите блоки
#mainmenu {
margin-top: 76px;
position: absolute;
}
#top-menu {height: 40px;overflow: hidden;}
и замените на
.containerin {
width: 960px;
margin: 0px auto;
}
#top-menu {
background: white;
height: 40px;
overflow: hidden;
}
3. Для того, чтобы убрать кнопки переключения, в файле стилей nyvo.css найдите блок
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и измените его на
.theme-default .nivo-controlNav {
text-align: center;
display: none;
padding: 20px 0;
}
Для того, чтобы изображения были меньше, в коде изображений к слайдеру пропишите нужный размер изображений.
4. в файле main.css найдите блоки
.content_page {
background: white;
overflow:hidden;
padding-bottom: 2em;
}
и
#cpages {
background: url(http://moda-wang.storeland.net/cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}
замените их на
.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 0px;
overflow: hidden;
padding-bottom: 2em;
}
и
#cpages {
background: white;
padding-top: 10px;
margin-top: 10px;
}
соответственно
5. в файле main.css строчку
.withBorder:hover {border-color:#ff8d13 !important;}
замените на
.withBorder:hover {border-color:#006699 !important;}
также найдите блок
a {
color: #0099CC;
text-decoration: none;
}
замените на
a {
color: #069;
text-decoration: none;
}
3
