Технический сбой

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

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

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

вопрос
Некак не могу понять какие стили отвечают за оформление именно выведенных картинок миниатюр галереи 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 - -

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

baseroad - -

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

Epictrium - -

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

irrwisch - -

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

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

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

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

nyqpblcTuk - -

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

baseroad - -

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

irrwisch - -

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

Railway_Academy - -

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

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

baseroad - -

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

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

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

baseroad - -

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

baseroad - -

А в сам код нельзя это внедрить? В файле 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  Общие вопросы по вёрстке
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Так сайт не работает вообще. Браузер выдает такое

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

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
наверх