Помощь Всплывающая подсказка с HTML внутри, при скачивании прикрепленного файла

[GLOOMY]

Блин, ничего вообще: Для просмотра ссылки Войди или Зарегистрируйся

 

[yavasilek]

Блин, ничего вообще: Для просмотра ссылки Войди или Зарегистрируйся

дома гляну

 

[Ярослав]

САйт с админкой если можеш

icq давай

 

[yavasilek]

Блин, ничего вообще: Для просмотра ссылки Войди или Зарегистрируйся

я понял в чем выше у меня ошибка. Используемый метод работает след образом, он берет следующий элемент и делает его в качестве подсказки.
Иными словами есть одно решение, но оно подразумевает немного гемора со вставкой ссылок.
В шаблоне статики мы в самом конце добавляем

<style>
    .tooltip {
        display:none;
        background:#000;
        height:63px;
        padding:30px 30px 10px 30px;
        width:110px;
        font-size:11px;
        color:#fff;
    }
</style>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<script>
  $(document).ready(function() {
      $(".attachment").tooltip({ effect: 'slide'});
    });
</script>

А затем в редакторе страницы после каждого добавления файла нам необходимо вставить див с нашей подсказкой.
Т.е. в редакторе делаем по примеру

[attachment=43:блаблабла]<div class="tooltip">Тут любая информация которую хотим показать всплывающей подсказке</div>

 

[GLOOMY]

А затем в редакторе страницы после каждого добавления файла нам необходимо вставить див с нашей подсказкой.
Т.е. в редакторе делаем по примеру

[attachment=43:блаблабла]<div class="tooltip">Тут любая информация которую хотим показать всплывающей подсказке</div>

Вот так работает, спасибо большое за помощь.

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

<style>
.tooltip {
    display:none;
    background:url(/images/black_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
}
.tooltip .label {
    color:yellow;
    width:35px;
}
.tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
}
</style>
<script src="{THEME}/js/jquery.tools.min.js"></script>
<script>
  $(document).ready(function() {
      $(".attachment").tooltip({ effect: 'slide'});
    });
</script>

Лежит она в нужном месте, но не подгружается...

 

[yavasilek]

Может так?
background:url(/images/black_arrow_big.png);
background:url({THEME}/images/black_arrow_big.png);

 

[GLOOMY]

Может так?
background:url({THEME}/images/black_arrow_big.png);

Как ни странно, но до этого варианта не додумался . Спасибо, все ок.