URLext=
Использование BBCode
- Код: Выделить всё
[URLext={TEXT1}]{TEXT2}[/URLext]
Замена HTML
- Код: Выделить всё
<script type="text/javascript">//<![CDATA[
var t = "{TEXT1}";
if ( t == "" ) document.write('<a href="{TEXT2}">{TEXT2}</a> <a href="{TEXT2}" target="_blank" rel="nofollow" title="открыть в новой вкладке/окне"><img src="адрес картинки" alt="»" /></a>');
else document.write('<a href="{TEXT1}">{TEXT2}</a> <a href="{TEXT1}" target="_blank" rel="nofollow" title="открыть в новой вкладке/окне"><img src="адрес картинки" alt="»" /></a>');
//]]></script>
<noscript><span style="color: #FF0000;">Для просмотра внешних ссылок требуется поддержка JavaScript</span></noscript>
Подсказка
- Код: Выделить всё
Вставить URL с другого сайта: [URLext=]ссылка[/URLext] или [URLext=ссылка]текст[/URLext]
Пример работы
- Код: Выделить всё
[URLext=http://www.slonstudio.com/html-tags-atributi-target.html]Атрибуты target[/URLext]
Пример работы на живом форуме: http://ostrov3.fatbb.ru/viewtopic.php?f ... 2328#p2328
Картинка после ссылки:
Заливаете через менеджер картинок, прописываете в коде замены ссылку на картинку.
ВВ-код возник в результате обсуждения темы
BBcode открыть ссылку в новой вкладке и благодаря подсказке GoDFaTHeR, о том, что не все браузеры реагируют на атрибут target="_blank" открытием ссылки в новой вкладке.
Действительно, атрибут target="_blank" вообще то означает, что ссылку следует открыть не в новой вкладке, а в новом ОКНЕ. И такой популярный среди пользователей браузер, как Internet Explorer реагирует на этот атрибут открытием нового окна, а не вкладки, что не очень удобно. Кроме того, существуют браузеры, которые не поддерживают вкладки, поэтому на target="_blank" могут отреагировать только открытием нового окна.
Мой ВВ-код отличается от предложенного в теме "BBcode открыть ссылку в новой вкладке" тем, что в код замены вставляет в сообщение не одну, а две ссылки. Одну простую.
А сразу после нее вторую - с атрибутами target="_blank" rel="nofollow" title="открыть в новой вкладке/окне", содержащую внутри только картинку.
Таким образом, во-первых, внешние ссылки становятся визуально лучше отличимы от внешних. Это актуально для ссылок, оформленных как текст.
Во-вторых, у пользователей, которые используют браузеры опера, фаерфокс, гугл хром появляется возможность просто тыкнуть в картинку, чтобы открыть ссылку в новой вкладке.
При этом пользователи, которые пользуются Internet Explorer сильно не пострадают. Они могут не кликать по картинке, если не хотят, чтоб их браузер открыл еще одно окно, а совершить привычные манипуляции с ссылкой.
В-третьих, в код замены добавлен тег <noscript>, который при просмотре форум с отключенным джава скрипт, по крайней мере, покажет пользователю, что в сообщении есть ссылка. Если же его исключить, то с отключенным джава скрипт пользователь не увидит вообще ничего.
Как сделать, чтобы и с включенным, и с отключенным Джава скрипт ссылки показывались - еще не придумала.
Наверно, для этого придется сделать не один универсальный URLext=, а два ВВ-кода - URLext= и URLext.
Если Вы считаете, что две ссылки в сообщении - это слишком, то ВВ-код можно изменить, убрав из кода замены вторую ссылку и добавив в первую ссылку какой-нибудь уникальный класс. Тогда этот класс можно будет описать в теме стиля так, чтобы внешняя ссылка, взятая в ВВ-код, внешне чем-то отличалась от внутренних. Такие ссылки не будут открываться в новом окне. Но пользователь всегда, даже если ссылка оформлена как текст, будет видеть, что ссылка внешняя, и ему удобней будет решать, как ее открывать.