Сообщений в теме: 40

[RayLi]

kamilalala (14 Октябрь 2014 - 17:10) писал:

в идеале я хочу сделать голубую строку чуть тоньше, чтобы на ней были разделы - каталог, доставка, оплата, контакты, лк. поиск и корзину убрать на черную полосу(сделать ее пошире и другого цвета)

Чтобы увеличить чёрную полосу сверху - вам надо в редакторе шаблонов найти файл header-top-bg.png и заменить его на такой же, но большей высоты и другого цвета (по вашему выбору).
А голубую полосу вы хотите ужать как сверху, так и снизу, верно?

В идеале сделайте скриншот и обрисуйте там то, как бы вы хотели чтобы выглядела данная область на вашем сайте, о которой мы сейчас с вами говорим.

[kamilalala]

RayLi (14 Октябрь 2014 - 17:23) писал:

Чтобы увеличить чёрную полосу сверху - вам надо в редакторе шаблонов найти файл header-top-bg.png и заменить его на такой же, но большей высоты и другого цвета (по вашему выбору).
А голубую полосу вы хотите ужать как сверху, так и снизу, верно?

В идеале сделайте скриншот и обрисуйте там то, как бы вы хотели чтобы выглядела данная область на вашем сайте, о которой мы сейчас с вами говорим.

а как скрин сюда вставить?(

[MikDark]

kamilalala (14 Октябрь 2014 - 17:28) писал:

а как скрин сюда вставить?(

Рядом с кнопкой Отправить есть кнопка Расширенная форма. Там можно добавлять файлы.

[kamilalala]

MikDark (14 Октябрь 2014 - 17:30) писал:

Рядом с кнопкой Отправить есть кнопка Расширенная форма. Там можно добавлять файлы.

спасибо)

MikDark (14 Октябрь 2014 - 17:30) писал:

Рядом с кнопкой Отправить есть кнопка Расширенная форма. Там можно добавлять файлы.

kamilalala (14 Октябрь 2014 - 17:28) писал:

а как скрин сюда вставить?(

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

Прикрепленные файлы

•  яяяяяяяяяяяя.bmp   384,12К   474 Количество загрузок:
•  яяяяяяяяяяяя.bmp   384,12К   471 Количество загрузок:

[batta]

kamilalala (14 Октябрь 2014 - 17:47) писал:

спасибо)





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

Здравствуйте.
в style.css

#search_block_top #search_query_top {
width: 200px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

измените на

#search_block_top #search_query_top {
width: 177px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

В style.css

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

измените на

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
margin-top: 15px;
}

в style.css

#header-fluid{position:relative;background: #FFD700 url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10

измените на

#header-fluid{position:relative;background: #FFD700 url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;height: 91px}

[kamilalala]

batta (14 Октябрь 2014 - 18:26) писал:

Здравствуйте.
в style.css

#search_block_top #search_query_top {
width: 200px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

измените на

#search_block_top #search_query_top {
width: 177px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

В style.css

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

измените на

.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
margin-top: 15px;
}

в style.css

#header-fluid{position:relative;background: #FFD700 url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10

измените на

#header-fluid{position:relative;background: #FFD700 url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10;height: 91px}

я вроде все сделала, но у меня поиск и корзина остались там же, а я бы хотела их поднять на самый верх, на черную полоску.

[batta]

kamilalala (14 Октябрь 2014 - 18:50) писал:

я вроде все сделала, но у меня поиск и корзина остались там же, а я бы хотела их поднять на самый верх, на черную полоску.

В Style.css

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
}

измените на

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
margin-top: -56px;
}

[kamilalala]

batta (14 Октябрь 2014 - 18:53) писал:

В Style.css

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
}

измените на

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
margin-top: -56px;
}

о! класс) а как можно черную верхнюю полоску сделать чуть шире?

[RayLi]

kamilalala (14 Октябрь 2014 - 19:01) писал:

о! класс) а как можно черную верхнюю полоску сделать чуть шире?

RayLi (14 Октябрь 2014 - 17:23) писал:

Чтобы увеличить чёрную полосу сверху - вам надо в редакторе шаблонов найти файл header-top-bg.png и заменить его на такой же, но большей высоты и другого цвета (по вашему выбору).

Скорее всего берёте просто данную картинку и увеличиваете в высоту, затем заменяете то, что есть в редакторе шаблонов и полоска должна стать шире.

[kamilalala]

RayLi (14 Октябрь 2014 - 19:04) писал:

Скорее всего берёте просто данную картинку и увеличиваете в высоту, затем заменяете то, что есть в редакторе шаблонов и полоска должна стать шире.

скажите, а как мне увеличить шрифт верхней строчки? там где строчка главная,каталог, доставка и тд?

[MikDark]

kamilalala (15 Октябрь 2014 - 10:31) писал:

скажите, а как мне увеличить шрифт верхней строчки? там где строчка главная,каталог, доставка и тд?

В style.css найдите код:

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

и увеличьте значение font-size

[kamilalala]

MikDark (15 Октябрь 2014 - 10:32) писал:

В style.css найдите код:

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

и увеличьте значение font-size

да) сделала) спасибо)

[kamilalala]

batta (14 Октябрь 2014 - 18:53) писал:

В Style.css

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
}

измените на

#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
margin-top: -56px;
}

Скажите, а как мне сделать надпись названия магазина слева на желтой полосе?

[Danil]

kamilalala (15 Октябрь 2014 - 19:42) писал:

Скажите, а как мне сделать надпись названия магазина слева на желтой полосе?

в шаблоне html перед строками (163-165)

</div>

<div class="fluid-bg" id="content-fluid">

вставьте код

<div class="nazsait">
<span>Название сайта</span>
</div>

Далее в style.css добавьте

.nazsait {
float: left;
width: 100%;
}
.nazsait span {
color: #F00;/*цвет црифта*/
font-size: 50px;/*размер шрифта*/
margin-left: 5%;
width: 100%;
}

[kamilalala]

Danil (15 Октябрь 2014 - 20:01) писал:

в шаблоне html перед строками (163-165)

</div>

<div class="fluid-bg" id="content-fluid">

вставьте код

<div class="nazsait">
<span>Название сайта</span>
</div>

Далее в style.css добавьте

.nazsait {
float: left;
width: 100%;
}
.nazsait span {
color: #F00;/*цвет црифта*/
font-size: 50px;/*размер шрифта*/
margin-left: 5%;
width: 100%;
}

а куда именно в style.css? у меня надпись получилась под желтой линией(

[Danil]

kamilalala (16 Октябрь 2014 - 11:41) писал:

а куда именно в style.css? у меня надпись получилась под желтой линией(

Здравствуйте.
Изменения внесены.
Осталось в конец файла style.css добавить код.

[kamilalala]

Danil (16 Октябрь 2014 - 11:51) писал:

Здравствуйте.
Изменения внесены.
Осталось в конец файла style.css добавить код.

Здравствуйте) у меня цвет не меняется(

[Danil]

kamilalala (16 Октябрь 2014 - 12:53) писал:

Здравствуйте) у меня цвет не меняется(

В коде из сообщения 35 изменяйте значение цвета #F00(красный)

[kamilalala]

Danil (16 Октябрь 2014 - 13:02) писал:

В коде из сообщения 35 изменяйте значение цвета #F00(красный)

поменяла) спасибо

скажите, а можно вот это исправить как-нибудь(

Прикрепленные изображения

• 

[Danil]

kamilalala (17 Октябрь 2014 - 09:37) писал:

поменяла) спасибо

скажите, а можно вот это исправить как-нибудь(

Здравствуйте.
В конец style.css добавьте код

.fancybox-overlay.fancybox-overlay-fixed {
z-index: 9999;
}