Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Шаблоны (TPL) » Бордер для изображений в новостях

Бордер для изображений в новостях

inex 14.10.2012 бордер, изображения Все вопросы » Шаблоны (TPL) 3418

вопрос

Как сделать бордер для изображения в новости?
Делал так


<div class="someClass">{short-story}</div>
.someClass img{ border:1px solid red; }

но тогда бордер появляется у изображения спойлера и смайликов...

Ответил: ПафНутиЙ

Давно ещё делал на чистом CSS для криворуких

    .news img { 
            padding: 6px;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(000, 000, 000, 0.3);
             box-shadow: 0px 2px 5px 0px rgba(000, 000, 000, 0.3);
             border: solid 1px rgba(0, 0, 0, 0.2);
             
             /*градиентный фон*/
             background: rgb(255,255,255);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
            background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            background: linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
            /*конец градиентного фона*/
            
            -webkit-border-radius: 5px;
            border-radius: 5px;
            }  
            .lt-ie9 .news img { /*класс определяется в самом начале*/
                border: solid 1px #ccc;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );                
                }                
            .news img[alt="smile"], .title_spoiler img {
                background: none;
                border: none;    
                padding: 0;
                -webkit-box-shadow: none;
                box-shadow: none;   
                -webkit-border-radius: 0;
                border-radius: 0;
                }

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

Юзер

inex - 2014-05-2214 октября 2012 14:42 - #7951

Спасибо, но так смайлики тоже с бордером получаются...

PHP-developer

1783

Sander - 2014-05-2214 октября 2012 15:40 - #7952

Тогда только javascript...

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

inex - 2014-05-2214 октября 2012 15:45 - #7954

А можно пример реализации пожалуйста?

PHP-developer

1783

Sander - 2014-05-2214 октября 2012 16:04 - #7957

Можно конечно! Но только если его кто-то захочет написать....

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

inex - 2014-05-2214 октября 2012 16:20 - #7961

Да это понятно, я имел ввиду не готовое решение, я примерно от чего плясать...ну да ладно, спасибо

PHP-developer

1783

Sander - 2014-05-2214 октября 2012 16:32 - #7963

Плясать от:

$(".someClass img").each(function(){
 if(нормальная картинка) $(this).addClass('red_border');
});

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

inex - 2014-05-2214 октября 2012 17:32 - #7973

У каждого смайла определённый alt, придётся для каждого писать


            .news img[alt="smile"] {
                background: none;
                border: none;    
                padding: 0;
                -webkit-box-shadow: none;
                box-shadow: none;  
                -webkit-border-radius: 0;
                border-radius: 0;
                }

Юзер

376

pavel31 - 2014-05-2214 октября 2012 19:50 - #7980

У меня на сайте сделано так


.news-descr a.lightbox{display:inline-block;margin:3px;padding:4px;background:#5D5D5D;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.news-descr a.lightbox img{background:#fff;}
.news-descr a.lightbox:hover{background:#AEC419;}
.maincont {padding: 8px 5px 9px 0; text-align: justify; width: auto;}

<div class="maincont news-descr">
    {short-story}
</div>

пример работы стилей можно посмотреть здесь

PHP-developer

1783

Sander - 2014-05-2214 октября 2012 23:04 - #7986

Паш, в твоем варианте есть один изъян...

.news img[alt="smile"]

А ведь в парсере альт у каждого смайла свой...

 alt=\"$smile\"

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Админ

3457

ПафНутиЙ - 2014-05-2214 октября 2012 23:08 - #7987

ну дописать думаю не проблема, это всего лишь пример)

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

Laidman - 2014-05-2215 октября 2012 04:49 - #7988

А не легче в двиге допилить стиль на картинки О_о и в смайлах его не будет.

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

Как сделать картинки в рамке

07.07.2011 ken-san Шаблоны (TPL), Стили (CSS)

Криво отображаются спойлера

23.11.2011 palakat Шаблоны (TPL), Стили (CSS)

Исключающие правило для "системных" изображений

28.09.2012 Ae en Chalune Шаблоны (TPL), jQuery

Прелоадер для сайта

11.10.2012 inex Шаблоны (TPL)

Вывод картинки категории

24.11.2012 Гость Шаблоны (TPL), Ламерские вопросы

Автоподгон изображения

29.04.2013 Jeden Шаблоны (TPL)

Последние события

mondolfo | Шаблон waitlogin при авторизации через с ...

mondolfo
Шаблон waitlogin при авторизации через соцсеть?
Вчера, 01:31

/engine/modules/social.php
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
28-10-2024, 01:05

Я же написал, продублирую: нужно использовать [[:punct:]]

И проблема в условии проверяющее версию mysql, можно поменять местами true и false, изменить знак меньше на больше или вовсе убрать код строки с version_compare и оставить ту строку кода $tempArray[] где используется [[:punct:]].

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы

Там у человека совершенно другое условие поиска. Он не теги ищет которые строго разделены запятыми, он просто слова ищет и ему как раз подойдёт граница слова. И это когда-то давно поиск был разделяя по границе слова, теперь есть character_class и используется другой метод. Но это не отменяет того, что вы нашли вопрос и решение которое никак не связано с темой новости поиска новостей с наличием тегов.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:33

Если вы готовы предложить какое-то решение для исправление проблемы 3685, отлично. Иначе к сожалению на последних версиях MySQL хак не рабочий, согласно вашему трактату.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:20

Я буквально 2 часа назад столкнулся с проблемами при установке этого хака, проблема была именно в ошибке 3685, сайт не просто переставал работать, использовалась стандартная заглушка при критических ошибках MySQL исправить получилось методом описанным выше, для версия до 8 хак работает исправно, но выше, требуется доработка, так как синтаксис считается ошибочным, вы можете проверить самостоятельно.

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
27-10-2024, 22:32

Напротив нужно использовать [[:punct:]] вместо скобок, про это написано в документации на которую вы ссылаетесь. А \b означает границу слова и не способен правильно отображать результаты. Граница слова это когда выражение будет находить отдельные слова. Например новость имеет теги (Социальная сеть, Блокировка) и tags REGEXP '\\b(сеть)\\b' найдёт новость с тегом Социальная сеть, а так же Рыбацкая сеть и в принципе найдёт все новости где присутствует слово "Сеть" и будет много лишних результатов, а не только нужные.

В хаке как раз присутствует проверка на старую версию и новую mysql и в каждом случае используется тот вариант который является валидным для используемой версии.
homa152 | Как изменить вывод custom по нескольким ... ¹¹
homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 21:30
Добавлю касаемо обновления архитектуры MySQL
При добавлении хака с версии MySQL 8.0, возможно появление ошибки: 3685. Неверный аргумент для регулярного выражения.

Можно пофиксить самостоятельно внеся корректировки в сам хак из панели админа.

Строку:
```
$tempArray[] = "tags REGEXP '[[:<:]](" . $value  . ")[[:>:]]'";
```
Заменить на:
```
$tempArray[] = "tags REGEXP '\\\\b(" . $value  . ")\\\\b'";
```
Согласно справочному руководству MySQL 8.0 / ... / Регулярные выражения, «MySQL поддерживает регулярные выражения с помощью международных компонентов для Unicode (ICU)».

То есть, вместо "[[:<:]] и [[:>:]]", нужно использовать: "\b"
vitnet | Есть ли возможность изменить язык сайта? ¹

vitnet
Есть ли возможность изменить язык сайта?
25-10-2024, 16:22

Ну как вариант можно использовать тег {lang text=***} подробнее

{lang text="LANG_PARAMETER"}

Данный тег предназначен для вывода информации из языкового файла website.tpl, который в данный момент используется, где LANG_PARAMETER это значение параметра, который необходимо вывести. Например, тег {lang text="attach_images"} выведет надпись “Прикрепить изображения” из языкового пакета, в случае использования русского языка и если используется английский язык, то “Attach Images”
vitnet | Есть готовый модуль рейтинга комментарие ... ¹
vitnet
Есть готовый модуль рейтинга комментариев?
25-10-2024, 13:12
Вариант 1 (вручную)

1.0 Открываете файл engine/modules/show.full.php находите в нем
```
$where_approve . " ORDER BY " . PREFIX . "_comments.id " . $comm_msort;
```
И меняете здесь id на rating
Пример:
```
$where_approve . " ORDER BY " . PREFIX . "_comments.rating " . $comm_msort;
```
2.0 Затем переходите в админку /admin.php?mod=options&action=syscon --> Настройки комментариев --> Порядок сортировки комментариев --> По убыванию

2.1 Далее --> Тип рейтинга комментариев выставляете "Нравится или Не нравится"

Готово!

Вариант 2 (плагин)
Для просмотра содержимого спойлера, перейдите к выбранному событию.

Graf | Как сделать аякс кнопку "загрузить еще"? ²

Graf
Как сделать аякс кнопку "загрузить еще"?
23-10-2024, 16:03

Вот рабочий пример со скрытие пагинатора и кнопки.
Полный код файла navigation.tpl

[not-available=userinfo]
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>

<nav class="navigation"[available=lastcomments] style="padding: 4% 8%;"[/available]>
	<div class="page_next-prev">
		<span class="page_prev" title="Предыдущая страница">
			[prev-link]<svg class="icon icon-left"><use xlink:href="#icon-left"></use></svg>[/prev-link]
		</span>
		<span class="page_next" title="Следующая страница">
			[next-link]<svg class="icon icon-right"><use xlink:href="#icon-right"></use></svg>[/next-link]
		</span>
	</div>
	<ul class="pagination">
		{pages}
	</ul>
</nav>
<script type="text/javascript">
$(document).ready(function(){
    
         $('body').on('click','#nav-load a',function(){
        var urlNext = $(this).attr('href');
        var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
            $.ajax({
                url: urlNext,
                beforeSend: function() {
                    ShowLoading('');
                },            
                success: function(data) {
                    $('.navigation').remove();
                    $('#nav-load').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
                    window.history.pushState("", "", urlNext);
                    $('html, body').animate({scrollTop:scrollNext}, 800);    
                    HideLoading('');
                },
                  error: function() {                
                    HideLoading('');
                    alert('что-то пошло не так');
                  }
            });
        };
        return false;
    });
    
});
</script>
[/not-available]

vitnet | Как перенести категории в DLE? ²

vitnet
Как перенести категории в DLE?
22-10-2024, 11:30

Для начала проверьте наличие файла /engine/cache/system/category.php и если он был до замены БД то удалите его а ещё лучше очистить кеш.

наверх