форум vBSupport.ru > vBulletin > vBulletin 4.2.x > Внешний вид 4.2.x
  • »
VBsupport перешел с домена .ORG на родной .RU Ура! Пожалуйста, обновите свои закладки - VBsupport.ru
 
 
 
 
Liked
Специалист
 
Liked's Avatar
Default Ссылка без оформления
0

Решил поделится своей модификацией, под названием "Ссылка без оформления".
Некоторые не поймут, для чего эта фишка

Эта тема создана для тех, у кого стоит эта замечательная модификация.
"Обрамляет" ссылки в сообщениях.

Итак, к главному.

Если установить обрамление ссылок, то и изображения будут ТОЖЕ обрамлены в эту рамку , а получается некрасиво!



А кто будет смотреть на это убожество? Никто, мб, если только сам админ.

=================================

P.S. Первая часть сообщения посвящена "убиранию" границ у определенных ссылок


Начнем:
Идем в админку > Стили и шаблоны > Поиск в шаблонах:
postbit.css

В конец вставляем:


Для темного стиля:
Code:
/* Ссылки без рамки by Liked(grisha2217) */ 
.notform {
border:0 !important; /* убираем рамку */
color:rgb(204, 204, 204) !important; /* изменяем цвет на стандартный */
}
.notform:hover {
border:0 !important;
color:rgb(204, 204, 204) !important;
}
/* Ссылки без рамки by Liked(grisha2217) */
Для светлого стиля:
Code:
/* Ссылки без рамки by Liked(grisha2217) */ 
.notform {
border:0 !important; /* убираем рамку */
color:{vb:stylevar postbit_color} !important; /* изменяем цвет на стандартный */
}
.notform:hover {
border:0 !important;
color:rgb(204, 204, 204) !important;
}
/* Ссылки без рамки by Liked(grisha2217) */
Сохраняем.

Далее идем в Дополнительные BB коды > Добавить BB коды:
Заголовок: Ссылки без оформления
Название BB кода: linko
Замена: <a class="notform" href="{param}">{param}</a>
Пример: [linko]http://google.ru[/linko]
Описание:





Нажимаем сохранить.

Теперь ссылки ставим в бб код [linko]ссылка[/linko]

=================================

Чтобы границы не отображались у изображений. Юзаем этот код:

Замена:
Code:
<a class="notform" href="{option}" /><img src="{param}" /></a>
Пример:
Code:
[linko="http://google.ru"]https://www.google.ru/intl/en_ALL/images/srpr/logo4w.png[/linko]

Использовать опцию - ДА!
Изображение кнопки - в аттаче.


Ну теперь то комментируйте!
Attached Images
 

Last edited by Liked : 09-18-2013 at 10:34 PM. Reason: Добавлено сообщение
Bot
Yandex Bot Yandex Bot is online now
 
Join Date: 05.05.2005
Реклама на форуме А что у нас тут интересного? =)
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
1

Ссылка на тему http://vbsupport.ru/forum/showthread.php?t=46851
У ТСа видимо не вышло правильно ссылку вставить.
Это типа новый ВВ-код ссылки/картинки? Для чего?
И да, в конце поста реклама?)
 
 
Liked
Специалист
 
Liked's Avatar
Default
1

@Sven, объясняю еще раз:

ББ- код для тех, у кого стоит та модификация.

Вместе с той модификацией, при добавлении ссылки к изображению появляются границы (рамки), а мой ббкод убирает их у нужных изображений с ссылками
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
0

Вот оно что.
Ладно, промолчу со своими предложениями
 
 
ZTX18
Специалист
Default
0

глупый вопрос: что мешает при создании такого обрамления прописать a > img { border:0; } ?
 
 
Abraxas
Гость
Default

А классическое
Code:
a img {border: none;}
не срабатывает?
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
1

Оффтоп
 
 
GiRassell
Эксперт
 
GiRassell's Avatar
Default
0

Там рамка не от картинке, а от ссылки внутри картинки. Когда один из примеров писал с этой рамки сразу подразумевалось, что если внутри картинки будет ссылка она будет в рамке. И этот пример писался по просьбе Liked. А так понятно. что не есть хорошо такой стиль использовать в сообщениях. И если использовать для ссылок надо делать другой класс
 
 
Abraxas
Гость
Default

@GiRassell, если я правильно поняла твою модификацию, то рамкой обрамляются только те ссылки, которые находятся в самом посте или в его предпросмотре. Так? Остальные изображения, вставленные в ссылки на форуме, она не затрагивает?
 
 
Sven
Front-End Developer
 
Sven's Avatar
Default
1

Серьезно, глобально такое делать - глупо.
Лучше такое выделение делать для доп. ВВ-кода, а остальное все будет красиво.
Вот, что я хотел сказать выше, но решил промолчать..
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off




All times are GMT +4. The time now is 11:04 PM.


Powered by vBulletin® Version zEdition
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Loading...