Скриншот:
В начало HTML низ
<!-- Скрытие Описаний форумов с показом при наведении --> <style> .Toggl { padding:18px; width:250px; margin-left:40px; margin-top:0; z-index:12; display:none; position:absolute; background-color:#fff; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000; } .category td.tcl:hover .tclcon .Toggl{ display:block; } </style> <script type="text/javascript"> $(".category td.tcl .tclcon").each(function (){ var L1=$(this).find('h3:first').html();$(this).find('h3').replaceWith(""); //var L2=$(this).find('.modlist').html();$(this).find('.modlist').replaceWith(""); if($(this).html().length>7){var L=$(this).html("<span class=Toggl>"+$(this).html()+"</span>")}; $(this).prepend('<h3>'+L1+'</h3><br />'); //if(L2!==null){$(this).find(".Toggl").after('<span class="modlist">'+L2+'</span>')}; }); </script>
Основные регулировки это ширина всплывающего блока и смещение вправо
.Toggl {
padding:18px;
width:250px;
margin-left:40px;
margin-top:0;
И в самом скрипте можно удалять две косые черты //
<script type="text/javascript">
$(".category td.tcl .tclcon").each(function (){
var L1=$(this).find('h3:first').html();$(this).find('h3').replaceWith("");
//var L2=$(this).find('.modlist').html();$(this).find('.modlist').replaceWith("");if($(this).html().length>7){var L=$(this).html("<span class=Toggl>"+$(this).html()+"</span>")};
$(this).prepend('<h3>'+L1+'</h3><br />');
//if(L2!==null){$(this).find(".Toggl").after('<span class="modlist">'+L2+'</span>')};
});
</script>
(*Тогда модераторы остаются вместе с названием форума( а не на всплывающей картинке
Да,еще: - Можно поменять цвет фона всплывающего описания
смотрим в сss скрипта: background-color:#fff; и меняем цвет ( или вообще заменить на фоновую картинку background-image:url(Тут ссылка на картинку);
Скрипт от Deff