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


Стилизация Слайда


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

#1 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 12:23

Здравствуйте! Подскажите как сделать так чтобы по правому краю на слайде выводились ярлыки. Пририсовывать их на картинку как то не этично получается)
См. фото
7777777.png

#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Март 2015 - 13:14

Просмотр сообщенияИльяc (28 Март 2015 - 12:23) писал:

Здравствуйте! Подскажите как сделать так чтобы по правому краю на слайде выводились ярлыки. Пририсовывать их на картинку как то не этично получается)
См. фото
Прикрепленный файл 7777777.png
Здравствуйте, данный блок это слайдер, и можно только изменить сами изображения.

#3 Ильяc

Ильяc

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

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

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

Ну хорошо, скажите тогда, как скрыть нижние маленькие окошка слайда? Чтобы только большие картинки были видны

#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Март 2015 - 15:35

Просмотр сообщенияИльяc (28 Март 2015 - 14:11) писал:

Ну хорошо, скажите тогда, как скрыть нижние маленькие окошка слайда? Чтобы только большие картинки были видны
В конец файла main.css добавьте
a.nivo-control {
  display: none;
}


#5 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 15:40

Просмотр сообщенияИрина345 (28 Март 2015 - 13:14) писал:


Здравствуйте, данный блок это слайдер, и можно только изменить сами изображения.

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

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Март 2015 - 15:50

Просмотр сообщенияИльяc (28 Март 2015 - 15:40) писал:

Говорите что нельзя так сделать,а как же надписи и кнопка сделаны? Они идут поверх слайда и нижних в маленьких слайдах не отображаются! Я хочу чтобы и бирки так же былы.. Это возможно?
Найдите в HTML
<div id="htmlcaption2" class="nivo-html-caption">
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>
замените на
<div id="htmlcaption2" class="nivo-html-caption">
<img src="ссылка на картинку"/>
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>


#7 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 16:01

Просмотр сообщенияИрина345 (28 Март 2015 - 15:50) писал:


Найдите в HTML
<div id="htmlcaption2" class="nivo-html-caption">
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>
замените на
<div id="htmlcaption2" class="nivo-html-caption">
<img src="ссылка на картинку"/>
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>
Можно будет как на картинке добавить 2-3 бирки и будут они отображаться по правому краю слайда вертикально?

#8 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 17:17

Просмотр сообщенияИрина345 (28 Март 2015 - 15:50) писал:

Найдите в HTML
<div id="htmlcaption2" class="nivo-html-caption">
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>
замените на
<div id="htmlcaption2" class="nivo-html-caption">
<img src="ссылка на картинку"/>
<h2>Google Nexus Player</h2></br>
<h3>Android TV приставка для вашего телевизора!</h3>

Отображается неправильно
1111.png

#9 Alekseys

Alekseys

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

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

Отправлено 28 Март 2015 - 18:18

Просмотр сообщенияИльяc (28 Март 2015 - 17:17) писал:

Отображается неправильно
Прикрепленный файл 1111.png
Здравствуйте. Пожалуйста, не отменяйте изменений, чтоб можно было произвести корректировку инструкции.

#10 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 20:23

Просмотр сообщенияAlekseys (28 Март 2015 - 18:18) писал:

Здравствуйте. Пожалуйста, не отменяйте изменений, чтоб можно было произвести корректировку инструкции.
Сейчас исправлю.
Исправил

#11 Alekseys

Alekseys

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

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

Отправлено 28 Март 2015 - 20:34

Просмотр сообщенияИльяc (28 Март 2015 - 20:23) писал:

Сейчас исправлю.
Исправил
В main.css добавьте
.nivo-caption p img {
  left: 89%;
}


#12 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 20:38

Просмотр сообщенияAlekseys (28 Март 2015 - 20:34) писал:

В main.css добавьте
.nivo-caption p img {
left: 89%;
}

Скажите как еще вторую бирку добавить? я уже добавил но она перекрыла первую

#13 Alekseys

Alekseys

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

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

Отправлено 28 Март 2015 - 20:44

Просмотр сообщенияИльяc (28 Март 2015 - 20:38) писал:

Скажите как еще вторую бирку добавить? я уже добавил но она перекрыла первую
В код второй картинки добавьте style="top: 80px;" по образцу
<img src="ссылка" style="top: 80px;">


#14 Ильяc

Ильяc

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

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

Отправлено 28 Март 2015 - 21:39

Просмотр сообщенияAlekseys (28 Март 2015 - 20:44) писал:

В код второй картинки добавьте style="top: 80px;" по образцу
<img src="ссылка" style="top: 80px;">

Спасибо!

#15 Ильяc

Ильяc

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

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

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

Просмотр сообщенияИльяc (28 Март 2015 - 21:39) писал:

Спасибо!

Еще вопрос. А можно на каждом слайде двигать бирки в зависимости от расположения картинки? На фото показано
сдвинуть.png

#16 Ильяc

Ильяc

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

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

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

Подскажи как мне сделать фон на странице просмотра заказа белым и как чуть сдвинуть вниз форму оплаты яндекс денег? Спасибо!

#17 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Март 2015 - 16:25

Просмотр сообщенияИльяc (29 Март 2015 - 14:38) писал:

Подскажи как мне сделать фон на странице просмотра заказа белым и как чуть сдвинуть вниз форму оплаты яндекс денег? Спасибо!
Здравствуйте,
найдите в main.css
.orderData, .order {
  padding: 0em 1em 0em 0.8em;
  margin: 1em 0em 1em 0em;
  width: 650px;
}
замените на

.orderData, .order {
  padding: 0em 1em 0em 0.8em;
  margin: 1em 0em 1em 0em;
  width: 650px;
  background: #fff;;
}






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

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