Нужна Помощь...
#21
Отправлено 08 Октябрь 2014 - 16:50
2. Как уменьшить основную часть сайта(сузить),чтобы получилось как на фото 2? и слайдер поменьше, как на фото 2?
#22
Отправлено 08 Октябрь 2014 - 17:16
Андрей М (08 Октябрь 2014 - 16:50) писал:
2. Как уменьшить основную часть сайта(сузить),чтобы получилось как на фото 2? и слайдер поменьше, как на фото 2?
.logo a { color: rgb(11, 184, 66); font-size: 30px; }это цвет и размер логотипа.
#23
Отправлено 08 Октябрь 2014 - 18:00
#25
Отправлено 08 Октябрь 2014 - 19:34
Андрей М (08 Октябрь 2014 - 19:14) писал:
II. Как убрать рамку вокруг слайдера?
- Номер аккаунта:SL-312006
1.цвет меню слева
найдите в main.css
.contentTbodyCatalog li a {display:block;line-height:20px;padding-left:15px;background:url('{ASSETS_IMAGES_PATH}catalogMenuMarker.gif?design=light') 5px center no-repeat;}замените на
.contentTbodyCatalog li a {display:block;line-height:20px;padding-left:15px;background:url('{ASSETS_IMAGES_PATH}catalogMenuMarker.gif?design=light') 5px center no-repeat;color#123409;}где цвет меню это color#123409;
горизонтальное меню
добавьте в конец файла main.css
td.contentTableHeadNavigation a { color: #E5196B; }где цвет это
color: #E5196B;
цвет оставшихся ссылок это
найдите
a {cursor:pointer;color:#286da2;text-decoration:none;}где за цвет отвечает значение color:#286da2;
2. найдите
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; margin-bottom:50px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }замените на
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; margin-bottom:50px; }
#26
Отправлено 08 Октябрь 2014 - 19:59
#28
Отправлено 08 Октябрь 2014 - 20:52
Андрей М (08 Октябрь 2014 - 20:47) писал:
SL-312006
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; margin-bottom:50px; }замените на
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; }
#29
Отправлено 08 Октябрь 2014 - 21:07
Ирина345 (08 Октябрь 2014 - 20:52) писал:
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; margin-bottom:50px; }замените на
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; }
Спасибо!
#31
Отправлено 09 Октябрь 2014 - 02:23
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; text-align: center; }замените на:
.goodsListItemBlock { height: 230px; margin: 5px; overflow: hidden; text-align: center; }
далее найдите:
.goodsListItemImage { height: 100px; margin-top: 1em; }замените на:
.goodsListItemImage { height: 150px; margin-top: 1em; }
далее найдите и удалите:
.goodsDataMainImageBlock { width: 280px; }
#33
Отправлено 09 Октябрь 2014 - 12:46
Андрей М (09 Октябрь 2014 - 12:39) писал:
.goodsListItemImage {
height: 150px;
margin-top: 1em;
}
но кода я поменял этот код, то текст уехал в ячейках в каталоге(цен совсем не видно) а в сопутствующих все нормально...
Номер аккаунта:
SL-312006
.goodsListItemName { font-size: 14px; text-align: center; max-height: 3.8em; overflow: hidden; margin-top: 50px; }на
.goodsListItemName { font-size: 14px; text-align: center; max-height: 3.8em; overflow: hidden; margin-top: 10px; }
#34
Отправлено 09 Октябрь 2014 - 12:48
Alekseys (09 Октябрь 2014 - 12:46) писал:
.goodsListItemName { font-size: 14px; text-align: center; max-height: 3.8em; overflow: hidden; margin-top: 50px; }на
.goodsListItemName { font-size: 14px; text-align: center; max-height: 3.8em; overflow: hidden; margin-top: 10px; }
ВАУ!! Спасибо!
#35
Отправлено 18 Октябрь 2014 - 14:00
1) подскажите как сузить общий контент, как на этом сайте: http://samogonoff-51.ru/
2) как сделать слайдер интерактивным, чтобы нажимая на разные картинки слайдера переходить на нужную стр сайта.
- Номер аккаунта:SL-312006
#36
Отправлено 19 Октябрь 2014 - 12:43
#37
Отправлено 19 Октябрь 2014 - 17:09
Андрей М (18 Октябрь 2014 - 14:00) писал:
1) подскажите как сузить общий контент, как на этом сайте: http://samogonoff-51.ru/
2) как сделать слайдер интерактивным, чтобы нажимая на разные картинки слайдера переходить на нужную стр сайта.
- Номер аккаунта:SL-312006
Ваша идея очень интересна, однако есть ряд нюансов.
Данный вид вашего сайта, что представлен сейчас, корректно отображается на любых экранах и при любом его разрешении. Однако если вы измените ширину контента (как в том примере, что вы прислали), то он уже не будет корректно отображаться на разных экранах, а это сильно влияет на первое и самое важное впечатление посетителей/покупателей вашего сайта.
После изменения ширины контента сайта сместятся все картинки, весь текст, то есть придётся заново всё отлаживать и расставлять на нужные позиции, что предвещает долгий и утомительный процесс отладки для обоих сторон. Тем не менее, после этого мы не гарантируем, что сайт будет корректно отображаться на любых экранах, так как самый корректный и отлаженный вариант представлен нами и для вас изначально.
Но процесс развития собственного сайта определяете лишь вы и мы не сомневаемся, что вы желаете сделать свой сайт одним из лучших. Мы лишь просим вас задуматься, а стоит-ли такое изменение, впоследствии, вашего времени и нервов, потраченных на долгий и не всегда успешный процесс отладки.
#38
Отправлено 20 Октябрь 2014 - 22:38
Но надеюсь, что:
2) сделать слайдер интерактивным, чтобы нажимая на разные картинки слайдера переходить на нужную страницу сайта.
будет не такой сложной задачей для обеих сторон).
#39
Отправлено 20 Октябрь 2014 - 23:00
Андрей М (20 Октябрь 2014 - 22:38) писал:
Но надеюсь, что:
2) сделать слайдер интерактивным, чтобы нажимая на разные картинки слайдера переходить на нужную страницу сайта.
будет не такой сложной задачей для обеих сторон).
Для этого найдите в шаблоне html код:
<div id="slider"> <img src="http://artsou.storeland.net/%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D1%8B%D0%B9.jpg?4798" alt="" /> <img src="http://artsou.storeland.net/%D0%B6%D0%B5%D0%BB%D1%82%D1%8B%D0%B9.jpg?4798" alt="" /> <img src="http://artsou.storeland.net/%D0%B7%D0%B5%D0%BB%D0%B5%D0%BD%D1%8B%D0%B9.jpg?4798" alt="" /> <img src="http://artsou.storeland.net/%D1%81%D0%B8%D0%BD%D0%B8%D0%B9.jpg?4798" alt="" /> </div> </div>И замените его следующий код:
<a href="#"> <img src="http://artsou.storeland.net/%D0%BA%D1%80%D0%B0%D1%81%D0%BD%D1%8B%D0%B9.jpg?4798" alt="" /> </a> <img src="http://artsou.storeland.net/%D0%B6%D0%B5%D0%BB%D1%82%D1%8B%D0%B9.jpg?4798" alt="" /> <a href="#"> <img src="http://artsou.storeland.net/%D0%B7%D0%B5%D0%BB%D0%B5%D0%BD%D1%8B%D0%B9.jpg?4798" alt="" /> </a> <a href="#"> <img src="http://artsou.storeland.net/%D1%81%D0%B8%D0%BD%D0%B8%D0%B9.jpg?4798" alt="" /> </a> </div> </div>Где заместо # - вы вставляете нужные вам ссылки.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных