Deff, спасибо! 
Вот оно как делается.

на данный момент решила свою проблему "склеив" обе картинки.

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

Намучилась я с margin'ами в разных селекторах...

Только после всех манипуляций кнопки скрытия (хотя и не критично), но сьехали, если пытаюсь их подвинуть, то та, что скрывет объявление тоже съезжат. А там у неё очень хорошее местечко. Впрочем надеюсь со стороны косяк не бросается в глаза) http://arkania.rolebb.ru/

Но вот в самых топиках косяк был, но сейчас как-то стал куда более заметен

Кто-нибудь, подскажите хотя бы название селектора, пожалуйста, а я сама помучаю бедный форум

Кстати, Deff, спасибо за скрипты! Так много интересностей придумали! Сколько не копаюсь в интернете ища информацию как улучшить форум, то постоянно натыкаюсь на Ваши посты везде)

Отредактировано Lidia-Lada (Чт, 30 Апр 2015 06:26:36)

Deff
Спасибо!

Скажите пожалуйста, а что делает селектор #profilenav h2 в профиле?

Deff
У меня страницы профиля и сообщений поехали
Поле #profilenav h2, которое есть будто перекрывает ссылки и на них нажать невозможно   Если двигать #profilenav ul

я так поняла, что двигая #profilenav h2 блок #profilenav ul "подтягивается" за ним следом

Отредактировано Lidia-Lada (Чт, 30 Апр 2015 23:27:41)

Deff
Заранее спасибо!

надо подвинуть блок вверх так, чтобы верхние линии  поля "Профиля" и поля "Ваши персональные данные" были на одном уровне. И скорее всего слово "Профиль" заедет за границу. И это тоже хочется поправить
Добавлено спустя 3 минуты 54 секунды:
Еще:
Когда я нашла стиль, который видоизменила, то там в нижнее окошко я дописала, чтобы слово "Профиль" поставить на нужное место (так рекомендовали в комментариях по стилю):

/* Правка титла профилей */
#pun-profile #profilenav h2 span {
  padding: 0 5px;
  margin-top:11px;
  position: absolute;
  background:#E2DCD7;
  }

Отредактировано Lidia-Lada (Пт, 1 Май 2015 00:22:37)

Deff, возможно Вы поможете?
В корзине нашла тему, в которой был код подсказки для аватара:

<style type="text/css">
.tipsy-inner { 
  font-size:13px;
  font-family: tahoma;
}
</style>

<script type="text/javascript">$(document).ready(function() { $('.pa-avatar img[title]').tipsy({gravity: 's'});});</script>

Мне понравился внешний вид подсказок tipsy и я хотела применить его ко всем всплывающим подсказкам на форуме. В интернее нашла эту статью: http://your.roll.tv/t23-topic#78. Соответственно залила скрипт на свой форум и вставила себе такой код (изменив стиль и размер шрифта):

<script type="text/javascript" src="https://forumstatic.ru/files/0015/57/bb/16311.js"></script>
<style>/* tipsy */
.tipsy { padding: 5px; font-size: 13px; font-family: tahoma; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(https://forumstatic.ru/files/0015/57/bb/95764.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }</style>

Подсказки то сверху, то снизу... Но лучше бы все были сверху - так симпатичнее. Но что менять в скрипте не знаю

И что делать с этим к примеру? Непорядок)

Мысли вслух:
Я так понимаю, что вместе с этим можно использовать этот код без проблем. Правда заработал он только в ХТМЛ-низ

<!--присвоение атрибута title некоторым объекта форума -->
<script type="text/javascript">
$('div.icon').attr('title', 'Нет новых сообщений');
$('tr.inew div.icon').attr('title', 'Есть новые сообщения');
$('tr.isticky div.icon').attr('title', 'Важная тема');
$('tr.iclosed div.icon').attr('title', 'Закрытая тема');
$('td.tcr a').attr('title', 'Перейти к последнему сообщению');
$('input[name="submit"]').attr('title', 'Нажми что бы отправить');
$('input[name="preview"]').attr('title', 'Посмотри что получилось');
 </script>