ТурИстин (06 Март 2014 - 12:47) писал:
Изменить Размеры Слайдера,добавить Блок С Инфо,слоган
#41
Отправлено 06 Март 2014 - 13:07
#43
Отправлено 10 Март 2014 - 15:22
1 Надо поменять цвет текста. Вчера редактировал, и удалил лишнюю строку в main.css вроде 6 или 7. (это вроде так)
2 поменять цвет кнопки для скрытия шапки на прозрачный.
3 Как убрать эту надпись " Добро пожаловать на сайт"???
#44
Отправлено 10 Март 2014 - 15:39
1. для того чтоб поменять цвет текста в выделенном пункте найдите в файле main.css код
#header .links a:hover, #header .links a.selected {background-color:#EDF17D;padding:11px 10px 9px 10px;}замените его на
#header .links a:hover, #header .links a.selected {background-color:#EDF17D;padding:11px 10px 9px 10px;color: rgb(0, 0, 0);}
color: rgb(0, 0, 0) - формирует цвет, укажите номер цвета, который вам нужен.
Для не выделенных пунктов меню найдите
#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 15px;}замените на
#header .links a {float: left;display: block;padding: 11px 10px 9px 10px;text-decoration: none;font-size: 15px;color: rgb(255, 255, 255);}
2.
найдите в файле css код
.toggler {position:absolute;display:block;width:25px;height:22px; background-color:#D8B2FF; bottom:-22px;left:0;text-indent:-9999px;cursor: pointer;z-index: 1000;}замените его на
.toggler {position:absolute;display:block;width:25px;height:22px;/* background-color:#D8B2FF; */bottom:-22px;left:0;text-indent:-9999px;cursor: pointer;z-index: 1000;}
3. найдите код
#header #welcome a {text-decoration:none;color:#ffffff;}замените его на
#header #welcome a {text-decoration:none;color:#ffffff;display: none;}
#45
Отправлено 10 Март 2014 - 21:14
С 1 проблемой так и не разобрался. При смене кода и внесений значений в указанное вами место менялся оттенок надписи при наведений стрелки. А мне надо что бы надпись было вообще видно при простом просмотре. В данный момент, просто задать черный цвет. Хотел уточнить, что строку которую я потерял, в ней сразу редактировался все те надписи которые отмечены №1
И еще хотелось бы:
2 убрать полосы из подвала
3 Возможно задать слайдеру размер, что бы он не прыгал при разных разрешения экрана? А то он увеличивается и сжирает чать картинки изображения. Получается ну очень не красиво.
4 Как я могу вставить в указанное место текс, и не помешает это потом(для счетчиков или еще каких то примочек при дальнейшем созданий сайта)???
#46
Отправлено 11 Март 2014 - 08:47
полоски в подвале
Найдите в файле main.css код
.footer_time, .footer_address, .footer_phone, .footer_fax, .footer_icq, .footer_skype {clear:both;padding: 15px 32px 10px 40px;margin:0; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-size:12px;}замените его на
.footer_time, .footer_address, .footer_phone, .footer_fax, .footer_icq, .footer_skype {clear:both;padding: 15px 32px 10px 40px;margin:0;/* border-bottom:1px solid #e1e1e1; *//* border-top:1px solid #e1e1e1; */font-size:12px;}
Уточните вопрос по слайдеру, как именно вам нужно его сделать? больше по ширине и чтоб он был фиксированным при любом разрешении экрана?
#47
Отправлено 12 Март 2014 - 11:03
Как найти в коде смену цвета кнопок в главном верхнем меню? И там же - цвет шрифта на кнопках (чтобы при наводке не сливался с цветом кнопок)
SL-71572
#48
Отправлено 12 Март 2014 - 12:02
ТурИстин (12 Март 2014 - 11:03) писал:
Как найти в коде смену цвета кнопок в главном верхнем меню? И там же - увет шривта на кнопках (чтобы при наводке не сливался с цветом кнопок)
SL-71572
Здравствуйте, находим
#header .links a { float: left; display: block; padding: 11px 10px 9px 10px; text-decoration: none; font-size: 12px; }
Заменяем на
#header .links a { float: left; display: block; padding: 11px 10px 9px 10px; text-decoration: none; font-size: 14px; color: #f00; }
font-size: 14px; размер шрифта
color: #f00; цвет
#50
Отправлено 12 Март 2014 - 14:41
ТурИстин (12 Март 2014 - 14:32) писал:
Здравствуйте, уточните пожалуйста на скриншоте о каких кнопках идет речь?
Если вы про верхнее меню, то оно состоит из серого фона
.header_top { width: 100%; margin: 0 auto; min-height: 40px; background-color: #f5f5f5; }background-color: #f5f5f5; серый фон
и при наведении меняет фон на белый
#header .links a:hover, #header .links a.selected { background-color: #ffffff; padding: 11px 10px 9px 10px; }background-color: #ffffff; белый фона при наведении
#51
Отправлено 12 Март 2014 - 14:56
Castiel (12 Март 2014 - 14:41) писал:
Если вы про верхнее меню, то оно состоит из серого фона
.header_top { width: 100%; margin: 0 auto; min-height: 40px; background-color: #f5f5f5; }background-color: #f5f5f5; серый фон
и при наведении меняет фон на белый
#header .links a:hover, #header .links a.selected { background-color: #ffffff; padding: 11px 10px 9px 10px; }background-color: #ffffff; белый фона при наведении
Вот именно это я и запрашивала: фот и цвет шрифта! СПАСИБО! Всё получилось. По ходу еще один вопрос: я сделала шрифт жирным, добавив в ваш код
font-weight: bold;
Теперь хочу поменять наименование шрифта. Где искать? (речь всё о кнопочках и о шрифте в верхнем меню сайта)
#52
Отправлено 12 Март 2014 - 15:03
ТурИстин (12 Март 2014 - 14:56) писал:
[size=4]
[/size] [color=#000000][font='Courier New', Courier, mono][size=4][background=rgb(248, 247, 242)][color=#B61039]font-weight[/color]:[color=#39892F] bold[/color];[/background][/size][/font][/color]Теперь хочу поменять наименование шрифта. Где искать?
Находим
#header .links a { float: left; display: block; padding: 11px 10px 9px 10px; text-decoration: none; font-size: 14px; font-weight: bold; color: #006400; }
Заменяем на
#header .links a { float: left; display: block; padding: 11px 10px 9px 10px; text-decoration: none; font-size: 14px; font-weight: bold; color: #006400; font-family: Arial; }
font-family: Arial; название шрифта меню
#53
Отправлено 12 Март 2014 - 15:11
Теперь, я так понимаю, если хочу изменить шрифт в описании товара, в шапке или в каталоге - в нужные позиции нужно добавить этот код: font-family:Arial;
и всё?!
#54
Отправлено 12 Март 2014 - 15:19
#55
Отправлено 13 Март 2014 - 08:00
Alexey11 (05 Март 2014 - 19:05) писал:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}Original_last.png" title="" alt=""></a></div>
замените его на:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}Original_last.png" title="" alt=""></a></div>
<div class="slogan">Тут должен быть ваш слоган!</div>
далее в шаблон main.css в самый конец добавьте данный блок кода:
.slogan {
font-size: 40px;
position: absolute;
left: 30%;
top: 35%;
}
@media only screen and (max-width: 1215px){
.slogan{font-size:30px!important;left:35%!important;}
}
@media only screen and (max-width: 1165px){
.slogan{font-size:20px!important;left:40%!important; }
}
@media only screen and (max-width: 937px){
.slogan{font-size:15px!important;left:40%!important; }
}
@media only screen and (max-width: 937px){
.slogan{font-size:15px!important;left:40%!important; }
}
@media only screen and (max-width: 852px){
.slogan{font-size:12px!important;left:45%!important;width:200px; }
}
@media only screen and (max-width: 771px){
.slogan{display:none; }
}
Здравствуйте! Я сделала подобные изменения на своем сайте. Пришлось "поиграть" с процентами, чтобы слоган встал посередине. Но при разных процентах увеличения экрана, слоган пропадает или смещается. Посмотрите, пжлст, что в моем коде надо исправить? SL-71572.
Спс ))
#56
Отправлено 13 Март 2014 - 15:53
#59
Отправлено 14 Март 2014 - 20:42
#60
Отправлено 15 Март 2014 - 02:40
#header .flexslider li .bigPic { display: none !important; left: 50%; margin: 0 auto 0 -960px; position: relative; top: 0; }замените на:
#header .flexslider li .bigPic { display: none !important; left: 0; margin: 0 auto; position: relative; top: 0; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных