Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Какие стили отвечают за оформление галереи highslide?

Какие стили отвечают за оформление галереи highslide?

     21.12.2016    Общие вопросы по вёрстке, Стили (CSS)    1733

вопрос
Некак не могу понять какие стили отвечают за оформление именно выведенных картинок миниатюр галереи highslide. Нашел классы в engine.css, но не получается разобраться что именно нужно править... Помогите плз сделать миниатюры как на этом сайте http://happymodern.ru/kolonny-v-interere-foto/, или подскажите какие именно стили нужно править... Чтобы вокруг картинки был бордер и внутри него, под картинкой была подпись (тайтл) прописанной картинки.
Вот мой сайт http://base-road.ru/rig/567-parovaya-mashina-parovoza-ustroystvo-i-konstrukciya.html

Ответа пока нет

 

12 комментариев

baseroad
Юзер

baseroad - 21 декабря 2016 20:06 -

border получилось сделать, а поместить подпись под этот border не как не могу сделать...
baseroad
Юзер

baseroad - 22 декабря 2016 08:47 -

Ну подскажите, как переоформить миниатюры галереи...
Epictrium
Юзер

Epictrium - 23 декабря 2016 01:04 -

В бордер нельзя вставлять текст
irrwisch
Юзер

irrwisch - 23 декабря 2016 08:49 -

Кто Вам такое сказал? Если включить фантазию, то очень даже можно, причём не нужен никакой js. Достаточно сделать у бордера внизу отступ под нужный размер текста и вынести небольшой кусок css в tpl файл (что бы работали теги DLE)

<style type="text/css">
	img.classname::after{
		content:	"{title}"; /* Можно так же использовать доп. поле */
	}
</style>

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

baseroad, на предоставленном Вами источники текст в бордер вставляет js.
nyqpblcTuk
Юзер

nyqpblcTuk - 23 декабря 2016 18:20 -

Не лучше в этом случае использовать before, хотя разницы нет как таковой
baseroad
Юзер

baseroad - 23 декабря 2016 18:49 -

{title} не подойдет, потому-что в новости могут быть залиты 3-5 фотографий и к каждой из них нужно разное описание... При загрузке изображения на сервер есть поле "Описание" в нем я его прописываю, но не могу понять как переоформить вывод...
irrwisch
Юзер

irrwisch - 24 декабря 2016 14:10 -

{title}, в данном случае всего лишь пример, можно использовать любой тег.
Railway_Academy
Юзер

Railway_Academy - 23 декабря 2016 09:28 -

Цитата: Epictrium
В бордер нельзя вставлять текст

Как тогда сделать, чтобы было как на этом сайте http://happymodern.ru/kolonny-v-interere-foto ??
baseroad
Юзер

baseroad - 23 декабря 2016 10:34 -

irrwisch, картинки в новость я вставляю через функцию "Загрузка изображений и файлов на сервер", а они уже выводят изображения через теги 
[center][img]http://base-road.ru/uploads/posts/2016-12/1482478029_wva3jeyqv2u.jpg[/img][/center] или [center][medium]http://base-road.ru/uploads/posts/2016-12/1482478090_1.jpg[/medium][/center] если идет кликабельная...
При просмотре новости они оформляются через класс highslide или вообще просто выводятся тегом img. Как в этом случае перенастроить оформление?
irrwisch
Юзер

irrwisch - 23 декабря 2016 16:45 -

обернуть содержимое новости в div, задать ему класс и привязываться к изображениям так

.div-classname img{/*тут нужные стили*/}
baseroad
Юзер

baseroad - 23 декабря 2016 18:34 -

А нету тега, который отвечает за описание картинки?
baseroad
Юзер

baseroad - 23 декабря 2016 18:55 -

А в сам код нельзя это внедрить? В файле parse.class.php есть вот такой код
if( $align == '' ) return "<!--TBegin:{$info}--><a href=\"$gurl\" rel=\"highslide\" class=\"highslide\" target=\"_blank\"><img src=\"$url\" {$alt} /></a>{$caption}<!--TEnd-->";
		else return "<!--TBegin:{$info}--><a href=\"$gurl\" rel=\"highslide\" class=\"highslide\" target=\"_blank\"><img src=\"$url\" style=\"float:{$align};\" {$alt} /></a>{$caption}<!--TEnd-->";

Может сюда внести поправки?
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 07.06.2013 Гость  Общие вопросы по вёрстке
 26.11.2013 Lynat1k  Общие вопросы по вёрстке
 11.02.2014 selmers  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы
 06.10.2014 ufh2  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 26.08.2015 4ortic  Общие вопросы по вёрстке
 09.10.2015 ns1club_ru  Общие вопросы по вёрстке, Стили (CSS)
 02.08.2016 baseroad  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 23.09.2016 aebot  Общие вопросы по вёрстке
 28.11.2016 DimaU  Общие вопросы по вёрстке, Хаки
 14.12.2016 Stasiq  Общие вопросы по вёрстке
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх