Вывести картинку топ новости с помощью хинта DLE хак

Еще один вариант красивое оформление топ новости, похожие новости dle хак вывести картинку с помощью хинта в topnews.tpl, reletednews.tpl, так же для custom. Простая установка все что нужно вам это замена файла topnews.tpl и добавления кода в main.tpl.
Вывести картинку топ новости с помощью хинта дле хак
Установка хак dle всплывающая картинка к топ новости:
Заменяем код topnews.tpl

<li><a href="{link}" onmouseover="showhint('<b><font color=398DD8>{title}</font></b><br><img style=&quot;border: 1px solid #999999;&quot; src=&quot;{image-1}&quot; width=&quot;200&quot;>',this, event, '200px')">{title}</a></li>

Тоже самое можно сделать и для в reletednews.tpl
Для подключения хинта.
В custom:
Вы должны задать шаблон topnews:
Пример:


По желанию можно вывести и описание.

Установка завершена в зависимости от ваших установленных модулей dle и хаков, а также настройки css.
Результат у всех получиться разный.
Внимание! У вас должен быть подключен и установлен тултип(Tooltip) можно взять данный файл отсюда всплывающая текстовая подсказка для тега title.

Вот дополнения: в main.tpl добавить:

<style type="text/css">#hintbox{  position:absolute;  top: 0;  background-color: white;  width: 200px;  padding: 3px;  font:normal 10px Tahoma;  line-height:18px;  z-index:100;  visibility: hidden;  border:1px solid #8c8c8c;}</style><script language="javascript" type="text/javascript"><!--    function Help(section) {      q=window.open('?mod=help&section='+section, 'Help', 'scrollbars=1,resizable=1,width=450,height=400');    }    function ShowOrHide(d1, d2) {      if (d1 != '') DoDiv(d1);      if (d2 != '') DoDiv(d2);    }    function DoDiv(id) {      var item = null;      if (document.getElementById) {        item = document.getElementById(id);      } else if (document.all){        item = document.all[id];      } else if (document.layers){        item = document.layers[id];      }      if (!item) {      }      else if (item.style) {        if (item.style.display == "none"){ item.style.display = ""; }        else {item.style.display = "none"; }      }else{ item.visibility = "show"; }     }var horizontal_offset="9px" //horizontal offset of hint box from anchor link/////No further editting neededvar vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.var ie=document.allvar ns6=document.getElementById&&!document.allfunction getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;parentEl=parentEl.offsetParent;}return totaloffset;}function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function clearbrowseredge(obj, whichedge){var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1if (whichedge=="rightedge"){var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40dropmenuobj.contentmeasure=dropmenuobj.offsetWidthif (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)}else{var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18dropmenuobj.contentmeasure=dropmenuobj.offsetHeightif (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight}return edgeoffset}function showhint(menucontents, obj, e, tipwidth){if ((ie||ns6) && document.getElementById("hintbox")){dropmenuobj=document.getElementById("hintbox")dropmenuobj.innerHTML=menucontentsdropmenuobj.style.left=dropmenuobj.style.top=-500if (tipwidth!=""){dropmenuobj.widthobj=dropmenuobj.styledropmenuobj.widthobj.width=tipwidth}dropmenuobj.x=getposOffset(obj, "left")dropmenuobj.y=getposOffset(obj, "top")dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"dropmenuobj.style.visibility="visible"obj.onmouseout=hidetip}}function hidetip(e){dropmenuobj.style.visibility="hidden"dropmenuobj.style.left="-500px"}function createhintbox(){var divblock=document.createElement("div")divblock.setAttribute("id", "hintbox")document.body.appendChild(divblock)}if (window.addEventListener)window.addEventListener("load", createhintbox, false)else if (window.attachEvent)window.attachEvent("onload", createhintbox)else if (document.getElementById)window.onload=createhintbox//--></script>

Автор модификации: DaivZ
Проверял работает на DLE 9.6 будер работать и ниже версиях

Ресурс https://dle9.com/ предлагает Вывести картинку топ новости с помощью хинта дле хак

Topnews-c-hintom-96-9.2.rar [15,42 Kb] (cкачиваний: 161)