bb-код [URL] — нужно с этим что-то делать!

[Yoti]

Из-за того, что ссылка при наведении искажается, отступы у строки по вертикали увеличиваются, за счёт чего пропадает симметрия в списке или абзаце.

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

[ErikPshat]

Сижу за решеткой в темнице сырой.
Вскормленный в неволе орел молодой,
Мой грустный товарищ, махая крылом, (http://www.pspx.ru/forum/index.php)
Кровавую пищу клюет под окном,
Клюет, и бросает, и смотрит в окно,
Как будто со мною задумал одно.
Зовет меня взглядом и криком своим (http://www.pspx.ru/forum/index.php)
И вымолвить хочет: «Давай улетим!


Мы вольные птицы; пора, брат, пора!
Туда, где за тучей белеет гора, (http://www.pspx.ru/forum/index.php)
Туда, где синеют морские края,
Туда, где гуляем лишь ветер… да я!…»

[ErikPshat]

Это "Управление стилями -> Все опции стилей (Вперёд) -> Дополнительные определения CSS (в самом низу)"
/* linc of post = postbit_legacy (div class="link_post") */
.link_bg {
font-size: 14px !important;
line-height: 1.5 !important;
}
.link_post a {
display: inline-block;
padding: 4px;
outline: 0;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.link_post a:hover {
text-decoration: none;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
transform: rotate(-1deg);
}
.link_post a:nth-child(2n):hover {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
transform: rotate(1deg);
}


Убрал отступы со всех сторон на 4px: padding: 4px;
А что там с мобилками? У меня на iPAD нормально ссылки выглядят.

В этой теме теперь близко выглядят ссылки на игры: http://www.pspx.ru/forum/showthread.php?t=106439
Ну вроде нормально, так и должно быть, можно через [STYLE] выставить расстояние между строк побольше - line-height: 2.0 !important;

[Yoti]

А что там с мобилками? У меня на iPAD нормально ссылки выглядят
Прикрепляю ещё скриншот.

[ErikPshat]

Yoti, это же андроид. Браузер Google Chrome?
У тебя что-то с браузером не так ))) Там стиль CSS настроен на URL мелким шрифтом. Это как некоторые браузеры отображают специально мело тег CODE.

Проинстпектировать страницу у тебя можно? То бишь посмотреть на код через инструменты разработчика?
Нужно глянуть, какие стили применяются к URL.

[Yoti]

У тебя что-то с браузером не так )))
Браузер един. Стили его не учитывают или относят не туда.

Проинстпектировать страницу у тебя можно?
Вроде нет, но поищу возможность.

[ErikPshat]

Браузер един.
Если это стандартный браузер от разработчика смартфона, то это жесть.
Скачай Chrome или Оперу или что-то ещё с Гугльплей и проверь.

Ну собсно это всё херня. Форум vBulletin 3.8.7 под мобилки совсем не заточен. Да и что ттам смотреть на мобилках, ни смысла файл скачать, который на Виндус запускается, ни утилиту, ни через Хекс-редактор что-то посмотреть, просчитать и подправить. Тут в любом случае нужен комп.

Тут Васт пытался подстроить форум под мобилки, устанавливал Тапа-Талк, но это ваще жесть получалась, типа как в ридере всё смотрелось, не интересно совсем.
На планшете ещё можно нормально лазить по форумам, а уж на мобилках тут ваще делать нечего.

[Yoti]

ErikPshat, это Хром. Стабильный и всегда последний, конечно же.
На мои 32+64=96 гигов памяти и безлимитный Интернет есть смысл что качать.