Перейти к содержимому


Изменить Размеры Слайдера,добавить Блок С Инфо,слоган


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 65

#41 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 06 Март 2014 - 13:07

Просмотр сообщенияТурИстин (06 Март 2014 - 12:47) писал:

Два слайда выходят, а третьего нет (( не вижу, чтобы в коде проблемы были. Надеюсь на вашу помощь... Слайды добавлены: slide1.jpg, slide2.jpg, slide3.jpg


#42 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Март 2014 - 14:39

Просмотр сообщенияТурИстин (06 Март 2014 - 13:07) писал:


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

#43 Иван007

Иван007

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 10 Март 2014 - 15:22

Здравствуйте. Помогите разобраться:
1 Надо поменять цвет текста. Вчера редактировал, и удалил лишнюю строку в main.css вроде 6 или 7. (это вроде так)
2 поменять цвет кнопки для скрытия шапки на прозрачный.
3 Как убрать эту надпись " Добро пожаловать на сайт"???

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

  • ошибки.jpg


#44 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 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 Иван007

Иван007

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 10 Март 2014 - 21:14

По исправлениям, получилось почти все.
С 1 проблемой так и не разобрался. При смене кода и  внесений значений в указанное вами место менялся оттенок надписи при наведений стрелки. А мне надо что бы надпись было вообще видно при простом просмотре. В данный момент, просто задать черный цвет. Хотел уточнить, что строку которую я потерял, в ней сразу редактировался все те надписи которые отмечены №1
И еще хотелось бы:
2 убрать полосы из подвала
3 Возможно задать слайдеру размер, что бы он не прыгал при разных разрешения экрана? А то он увеличивается и сжирает чать картинки изображения. Получается ну очень не красиво.
4 Как я могу вставить в указанное место текс, и не помешает это потом(для счетчиков или еще каких то примочек при дальнейшем созданий сайта)???

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

  • ошибки2.jpg


#46 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 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 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 12 Март 2014 - 11:03

Добрый день, модераторы!
Как найти в коде смену цвета кнопок в главном верхнем меню? И там же - цвет шрифта на кнопках (чтобы при наводке не сливался с цветом кнопок)
SL-71572

#48 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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;  цвет

#49 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 12 Март 2014 - 14:32

Просмотр сообщенияCastiel (12 Март 2014 - 12:02) писал:

...
font-size: 14px; размер шрифта
color: #f00;  цвет

Staff! Мой вопрос был про цвет КНОПОК, а потом уже про шрифт )) За шрифт - спасибо. Я его уже поменяла. А вот серый фон кнопочек где в коде найти? Спс заранее ))

#50 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 12 Март 2014 - 14:41

Просмотр сообщенияТурИстин (12 Март 2014 - 14:32) писал:

Staff! Мой вопрос был про цвет КНОПОК, а потом уже про шрифт )) За шрифт - спасибо. Я его уже поменяла. А вот серый фон кнопочек где в коде найти? Спс заранее ))

Здравствуйте, уточните пожалуйста на скриншоте о каких кнопках идет речь?

Если вы про верхнее меню, то оно состоит из серого фона
.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 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 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 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 12 Март 2014 - 15:11

у-ху! Всё получилось! Спасибо!
Теперь, я так понимаю, если хочу изменить шрифт в описании товара, в шапке или в каталоге - в нужные позиции нужно добавить этот код: font-family:Arial;
и всё?!


#54 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 12 Март 2014 - 15:19

вижу: "...и всё!" СПАСИБО! Получается!

#55 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 13 Март 2014 - 08:00

Просмотр сообщенияAlexey11 (05 Март 2014 - 19:05) писал:

Здравствуйте, найдите данный блок кода в шаблоне HTML:

  <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 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 13 Март 2014 - 15:53

Необходимые изменения проделали. Проверьте, пожалуйста, на Вашем сайте.

#57 ТурИстин

ТурИстин

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 80 сообщений

Отправлено 14 Март 2014 - 08:00

Просмотр сообщенияStasya (13 Март 2014 - 15:53) писал:

Необходимые изменения проделали. Проверьте, пожалуйста, на Вашем сайте.

Stasya, при всех позициях экрана - всё в порядке. А вот при 75% - слоган наезжает на название магазина.
(не могу вспомнить - как вам залить скриншот)

#58 Melanna

Melanna

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 14 Март 2014 - 15:21

Здравствуйте. Помогите пожалуйста, почему у меня слайдеры не показываются полностью? размер вставила 660х320

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

  • Screenshot_5.jpg


#59 Melanna

Melanna

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 14 Март 2014 - 20:42

пожалуйста ответьте.

#60 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Март 2014 - 02:40

Попробуйте проделать следующие изменения, файл main.css найдите:
#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 анонимных