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


Много Вопросов, Помогите Подправить?


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

#81 alex81

alex81

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

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

Отправлено 10 Май 2015 - 15:29

Просмотр сообщенияVaccina (09 Май 2015 - 02:17) писал:

В main.css найдите:
.contwrap {
width: 90%;
}
замените на:
.contwrap {
width: 100%;
}

так же для больших разрешений можете произвести аналогичное изменение, то есть найти:
.contwrap {
margin: 25px auto 0;
min-height: 730px;
width: 70%;
}
заменить на:
.contwrap {
margin: 25px auto 0;
min-height: 730px;
width: 100%;
}

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

#82 ac-dream

ac-dream

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

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

Отправлено 10 Май 2015 - 22:12

Отправлено 08 May 2015 - 22:06

ИзображениеVaccina (08 May 2015 - 02:16) писал:

В main.css найдите:
.menuWrap{margin:0 auto; padding:10px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline;padding:13px; cursor:pointer; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.menuWrap li:hover a{/*border-bottom:2px solid rgba(240,240,240,.8);border-top:2px solid rgba(240,240,240,.8);*/}
.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}
.menuWrap li a:before{opacity:0;position:absolute;bottom:40px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a:after{opacity:0;position:absolute;left:0px; top:40px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li:hover a:before{bottom:25px;opacity:1;}
.menuWrap li:hover a:after{top:28px;opacity:1;}
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
замените на:
.menuWrap{margin:0 auto; padding:5px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline-block; cursor:pointer; border-right: 1px solid #000; height:36px;}
.menuWrap li:hover a, .menuWrap li a.selected { background: #6fa3dc;}
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}


Спасибо. Ссылки подняла на полоску меню сама, а вот по центру сделать ссылки относительно вертикальных полос не удаётся. Как это сделать? (скрин).
Шрифт ссылок сделать жирным. И заливку голубым цветом сделать по ширине чёрной полосы (как сверху сейчас отступ, так и снизу сделать от края полоски).

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

  • 18.jpg


#83 Cupuyc

Cupuyc

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

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

Отправлено 11 Май 2015 - 09:08

Просмотр сообщенияalex81 (10 Май 2015 - 15:29) писал:

Не получилось. Баннеры не отображаются на всю ширину экрана.

Здравствуйте, на данный момент изменения отображаются корректно(скриншот в приложении), могли бы вы уточнить проблему?

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

  • QIP Shot - Screen 014.png


#84 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 11 Май 2015 - 09:19

Просмотр сообщенияac-dream (10 Май 2015 - 22:12) писал:

Отправлено 08 May 2015 - 22:06

ИзображениеVaccina (08 May 2015 - 02:16) писал:

В main.css найдите:
.menuWrap{margin:0 auto; padding:10px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline;padding:13px; cursor:pointer; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.menuWrap li:hover a{/*border-bottom:2px solid rgba(240,240,240,.8);border-top:2px solid rgba(240,240,240,.8);*/}
.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}
.menuWrap li a:before{opacity:0;position:absolute;bottom:40px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a:after{opacity:0;position:absolute;left:0px; top:40px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li:hover a:before{bottom:25px;opacity:1;}
.menuWrap li:hover a:after{top:28px;opacity:1;}
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
замените на:
.menuWrap{margin:0 auto; padding:5px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline-block; cursor:pointer; border-right: 1px solid #000; height:36px;}
.menuWrap li:hover a, .menuWrap li a.selected { background: #6fa3dc;}
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}


Спасибо. Ссылки подняла на полоску меню сама, а вот по центру сделать ссылки относительно вертикальных полос не удаётся. Как это сделать? (скрин).
Шрифт ссылок сделать жирным. И заливку голубым цветом сделать по ширине чёрной полосы (как сверху сейчас отступ, так и снизу сделать от края полоски).



Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.menuWrap{margin:0 auto; padding:5px 0; margin-top:-120px;overflow:hidden;}

Замените на:
.menuWrap{margin:0 auto; padding: 2px 0; margin-top:-120px;overflow:hidden;}

Найдите код:
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}

Замените на:
.menuWrap li a{position:relative;font-size:20px;padding: 6px 13px;color:white;display: block;font-weight: bold;height: 38px;}


#85 alex81

alex81

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

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

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

Просмотр сообщенияCupuyc (11 Май 2015 - 09:08) писал:

Здравствуйте, на данный момент изменения отображаются корректно(скриншот в приложении), могли бы вы уточнить проблему?
Здравствуйте! Проблема решена.

#86 ac-dream

ac-dream

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

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

Отправлено 11 Май 2015 - 14:29

Просмотр сообщенияFirefly (11 Май 2015 - 09:19) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.menuWrap{margin:0 auto; padding:5px 0; margin-top:-120px;overflow:hidden;}

Замените на:
.menuWrap{margin:0 auto; padding: 2px 0; margin-top:-120px;overflow:hidden;}

Найдите код:
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}

Замените на:
.menuWrap li a{position:relative;font-size:20px;padding: 6px 13px;color:white;display: block;font-weight: bold;height: 38px;}

Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных