Задаем CSS классы ссылкам выводимые тегами DLE
Стилизуем ссылки выводимые тегами типа {pm} ; {news} ; {comments} и т д DLE
В этой статейке я покажу и расскажу как легко и можно стилизовать ссылки на странице профиля, в облаке тегов, теги в краткой и полной новости и так далее..
Как правило эти ссылки не прописываются в .tpl файле и генерируются движком а в самих tpl файлах выводятся тегами, как показано выше.
Давайте разберем несколько ссылок и попробуем их приукрасить.
Например тег {pm} который отвечает за вывод ссылки "Написать ПС" на странице пользователя.
Открываем файл engine/modules/profile.php и ищем строку:
$tpl->set( '{pm}', "<a href=\"$PHP_SELF?do=pm&doaction=newpm&username=" . urlencode($row['name']) . "\">" . $lang['
И просто добавляем к ссылке свой css класс. К примеру class="badge-light" В php это делается через символ "\" должно получится следующее:
$tpl->set( '{pm}', "<a class=\"badge-light\" href=\"$PHP_SELF?do=pm&doaction=newpm&username=" . urlencode($row['name']) . "\">" . $lang['
Сам текст ссылки "Написать ПС" можно изменить в файле /language/Russian/website.lngТак же делаем и с остальными ссылками.
{news} - Тег отвечающий за вывод ссылки "Просмотреть все публикации" на странице профиля.
Ищем в файле profile.php строку:
$tpl->set( '{news}', "<a href=\"" . $config['http_home_url'] . "user/" . urlencode( $row['name'] ) . "/news/" . "\">"
Добавляем свой css класс и получаем:$tpl->set( '{news}', "<a class=\"badge-light\" href=\"" . $config['http_home_url'] . "user/" . urlencode( $row['name'] ) . "/news/" . "\">"
{comments} - Тег отвечающий за вывод ссылки "Последние комментарии" на странице профиля.
Ищем так же в файле profile.php:
$tpl->set( '{comments}', "<a href=\"$PHP_SELF?do=lastcomments&userid=" . $row['user_id'] . "\">"
Добавляем свой класс и получаем:$tpl->set( '{comments}', "<a class=\"badge-light\" href=\"$PHP_SELF?do=lastcomments&userid=" . $row['user_id'] . "\">"
Ну и так далее..Теперь давайте попробуем изменить класс тегам в новостях и в самом облаке тегов.
Для этого нам понадобится файл engine/modules/show.short.php ; show.full.php ; show.custom.php открываем все три файла и ищем:
if( $config['allow_alt_url'] ) $tags[] = "<a href=\"" . $config['http_home_url'] . "tags/" . urlencode( $value ) . "/\">" . $value . "</a>";
else $tags[] = "<a href=\"$PHP_SELF?do=tags&tag=" . urlencode( $value ) . "\">" . $value . "</a>";
Так же приписываем к ссылкам свой css класс и сохраняем все три файла.Для того чтобы задать классы в самом облаке тегов, откройте файл engine/modules/tagscloud.php и так же задайте ссылкам свой класс.
Ну вот и всё.. :smile: Если вдруг найду ещё что нибудь подобное, обязательно поделюсь с тобой, Гость!
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Как задать ширину в 100 пикселей в HTML