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


Сделайте, Пожалуйста, Всем Нормальное Отображение Подписей К Фото


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

#41 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 11:38

Просмотр сообщенияmiyako (06 Июль 2013 - 11:30) писал:

Измените пути до изображений в стилях:
.orderIcon {
width: 36px;
height: 36px;
display: block;
background: url('http://files.storeland.net/f638/778/cart-43-36.png') -1px -3px no-repeat;
}
и
.contentTableHeadCart:hover .orderIcon{background: url("http://files.storeland.net/f638/999/cart-43-36-white.png") no-repeat scroll -1px -3px transparent;}

Тогда у вас изменится кнопка корзины, которая сейчас есть.
Размеры подкорректировать можно будет, когда вы измените изображения для корзины, так как пока непонятно каких размеров будет кнопка.

Если Вы не хотите изменить именно эту кнопку, а создать новую, то тогда объясните пожалуйста еще раз вопрос. На что будет ссылаться кнопка, зачем она должна располагаться под кнопкой корзины?

Кнопка для закрытия окна с увеличенным фото товара. Чтобы она была на том же месте. Смотрите фото. Я специально вставлял чтобы было понятно. Чтобы она также стояла на углу верхнем правом.

Приготовил две кнопки размером 24 на 24 пикселя.

Потому что существующая слишком маленькая. И размер для кнопки не надо указывать, я если что подберу размеры кнопок.

#42 miyako

miyako

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

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

Отправлено 06 Июль 2013 - 11:42

Просмотр сообщенияAndrew S. (06 Июль 2013 - 11:38) писал:

Кнопка для закрытия окна с увеличенным фото товара. Чтобы она была на том же месте. Смотрите фото. Я специально вставлял чтобы было понятно. Чтобы она также стояла на углу верхнем правом.

Приготовил две кнопки размером 24 на 24 пикселя.

Потому что существующая слишком маленькая. И размер для кнопки не надо указывать, я если что подберу размеры кнопок.

В конец main.css вставьте код:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -13px;
right: -13px;
width: 12px; /*ширина*/
height: 12px; /*длина*/
background: url(images/nyroModal.close.gif) no-repeat !important;
}
При этом измените путь до изображения - images/nyroModal.close.gif на Ваш. Если Вам нужно изменить размеры или сместить, то тоже в этом коде.

#43 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 11:50

Просмотр сообщенияmiyako (06 Июль 2013 - 11:42) писал:

В конец main.css вставьте код:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -13px;
right: -13px;
width: 12px; /*ширина*/
height: 12px; /*длина*/
background: url(images/nyroModal.close.gif) no-repeat !important;
}
При этом измените путь до изображения - images/nyroModal.close.gif на Ваш. Если Вам нужно изменить размеры или сместить, то тоже в этом коде.

Я же попросил, чтобы изменялась на другую фотку при наведении. У меня уже есть две эти кнопки.

#44 miyako

miyako

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

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

Отправлено 06 Июль 2013 - 12:53

Просмотр сообщенияAndrew S. (06 Июль 2013 - 11:50) писал:

Я же попросил, чтобы изменялась на другую фотку при наведении. У меня уже есть две эти кнопки.

Добавьте в конец main.css код:
.wrapperImg a.nyroModalClose:hover {background: url("путь до изображения") no-repeat !important;}
Загрузите изображение и измените соответственно в коде фразу - "путь до изображения"

#45 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 13:50

Просмотр сообщенияmiyako (06 Июль 2013 - 12:53) писал:

Добавьте в конец main.css код:
.wrapperImg a.nyroModalClose:hover {background: url("путь до изображения") no-repeat !important;}
Загрузите изображение и измените соответственно в коде фразу - "путь до изображения"

Вставил оба кода вот так:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat !important;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}

1. Подогнал размеры, первая кнопка встала, но вторая не замещает первую.

2. Дополнительно. Скажите как можно поменять цвет у границы рисунка и толщину.

#46 miyako

miyako

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

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

Отправлено 06 Июль 2013 - 14:23

Просмотр сообщенияAndrew S. (06 Июль 2013 - 13:50) писал:

Вставил оба кода вот так:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat !important;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}

1. Подогнал размеры, первая кнопка встала, но вторая не замещает первую.

2. Дополнительно. Скажите как можно поменять цвет у границы рисунка и толщину.

Измените код:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat !important;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}
на такой:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat ;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}

2. Если вы про рамку изображения то так:
Вставьте в конец main.css код:
div#nyroModalFull div#nyroModalWrapper {
border: 4px solid #777 !important;
}
замените цвет - #777 на ваш, и размер рамки - 4px

#47 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 06 Июль 2013 - 14:27

Просмотр сообщенияmiyako (06 Июль 2013 - 14:23) писал:

Измените код:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat !important;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}
на такой:
div#nyroModalFull div#nyroModalWrapper a#closeBut {
top: -25px;
right: -25px;
width: 24px; /*ширина*/
height: 24px; /*длина*/
background: url(http://files.storeland.net/f640/006/Close-btn-passive.png) no-repeat ;}
.wrapperImg a.nyroModalClose:hover {background: url(http://files.storeland.net/f640/007/Close-btn-active.png) no-repeat !important;}

2. Если вы про рамку изображения то так:
Вставьте в конец main.css код:
div#nyroModalFull div#nyroModalWrapper {
border: 4px solid #777 !important;
}
замените цвет - #777 на ваш, и размер рамки - 4px
Получилось. Хорошо получилось. Спасибо!!!
А что по поводу толщины границы у фото и цвета границы? Подогнать надо чтоб цвета соответствовали.

#48 miyako

miyako

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

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

Отправлено 06 Июль 2013 - 14:39

Просмотр сообщенияAndrew S. (06 Июль 2013 - 14:27) писал:

Получилось. Хорошо получилось. Спасибо!!!
А что по поводу толщины границы у фото и цвета границы? Подогнать надо чтоб цвета соответствовали.

Ответ под 2 пунктом в сообщении выше

#49 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 17 Сентябрь 2013 - 19:22

Здравствуйте. Подскажите, пожалуйста, как немного приподнять текст над фото. На 3 или 4 пикселя. Уже на другом сайте.
Фото 1:

Фото 2:

Фото 3:


На первом и втором видно, что текст залазит на рамку. На третьем я в редакторе подправил желаемое.

И.. Можно ли слово "close" поменять на "закрыть"?

#50 Vaccina

Vaccina

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

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

Отправлено 18 Сентябрь 2013 - 00:27

Попробуйте добавьте в ваш файл стилей main.css

div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	top: -25px !important;
}

Далее в файле main.js найдите

// Настройки галереи изображений
  $.nyroModalSettings({
	// из всех элементов с атрибут rel="gallery" будем создавать галерею
	gallery: 'gallery',
	// Включаем прокрутку с последнего изображения на первое
	galleryLoop: true
  });

и замените на

// Настройки галереи изображений
  $.nyroModalSettings({
	// из всех элементов с атрибут rel="gallery" будем создавать галерею
	gallery: 'gallery',
	// Включаем прокрутку с последнего изображения на первое
	galleryLoop: true,
	closeButton:'<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>'
  });


#51 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Сентябрь 2013 - 01:58

Просмотр сообщенияVaccina (18 Сентябрь 2013 - 00:27) писал:

Попробуйте добавьте в ваш файл стилей main.css

div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
top: -25px !important;
}

Далее в файле main.js найдите

// Настройки галереи изображений
$.nyroModalSettings({
// из всех элементов с атрибут rel="gallery" будем создавать галерею
gallery: 'gallery',
// Включаем прокрутку с последнего изображения на первое
galleryLoop: true
});

и замените на

// Настройки галереи изображений
$.nyroModalSettings({
// из всех элементов с атрибут rel="gallery" будем создавать галерею
gallery: 'gallery',
// Включаем прокрутку с последнего изображения на первое
galleryLoop: true,
closeButton:'<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>'
});
Первое - получилось. Очень хорошо смотрится, спасибо.

Слово "Закрыть" - сделать пока не получилось..

#52 Сake

Сake

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

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

Отправлено 18 Сентябрь 2013 - 02:43

Попробуйте следующее - найдите в файле main.js

nyroModalManual();

и замените на

nyroModalManual({closeButton:'<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>'});


#53 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 18 Сентябрь 2013 - 20:41

Просмотр сообщенияСake (18 Сентябрь 2013 - 02:43) писал:

Попробуйте следующее - найдите в файле main.js

nyroModalManual();

и замените на

nyroModalManual({closeButton:'<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>'});
312я, 250я строчки - куда именно? пробовал и туда и туда и в оба - не получается. Пока убрал, т.к. неизвестно куда именно. И в main.css убрать эту строчку или оставить?

#54 Сake

Сake

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

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

Отправлено 19 Сентябрь 2013 - 00:35

О какой строке в main.css вы говорите? Те изменения что я привел - не нужно добавлять в main.css.
Заменить можно все найденные строки в main.js именно по этому и выделили только данную часть строки. По сути данный код должен работать и через nyroModalManual() и через $.nyroModalSettings().

На данный момент стала понятна причина такого поведения. В добавляемой ссылке

<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>

не заменен title который по сути и выводится. Вам необходимо заменить title="close" на title="Закрыть" и воспользоваться или моим советом или советом модератора http://forum.storela...__40#entry90049

#55 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 19 Сентябрь 2013 - 03:57

Просмотр сообщенияСake (19 Сентябрь 2013 - 00:35) писал:

О какой строке в main.css вы говорите? Те изменения что я привел - не нужно добавлять в main.css.
Заменить можно все найденные строки в main.js именно по этому и выделили только данную часть строки. По сути данный код должен работать и через nyroModalManual() и через $.nyroModalSettings().

На данный момент стала понятна причина такого поведения. В добавляемой ссылке

<a href="#" class="nyroModalClose" id="closeBut" title="close">Закрыть</a>

не заменен title который по сути и выводится. Вам необходимо заменить title="close" на title="Закрыть" и воспользоваться или моим советом или советом модератора http://forum.storela...__40#entry90049
Воспользовался от Вакцины. Спасибо!




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

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