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

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Вывести картинку топ новости с помощью хинта 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:
Пример:
{custom category="2,3,4,5,6" template="topnews" aviable="global" from="0" limit="5" cache="yes"}


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

Установка завершена в зависимости от ваших установленных модулей 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 будер работать и ниже версиях

Ресурс http://www.dle9.com/ предлагает Вывести картинку топ новости с помощью хинта дле хак
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Dle хак выводит уровень доверия пользователя« Далее DLE хак Запрет индексации поисковиками текста в тегах QUOTE
Добавление комментарияОставить комментарий
  • № :6
  • 17 мая 2015 22:39
Цитата: Georg
извиняюсь. попутал.


куда вставить? {title limit="200"}

смотря как вам надо,сейчас судя по коду описание будет появляться если навести мышкой на картинку новости...
если надо рядом то в topnews.tpl нужно заменить на следующее примерно
<li><a href="{link}" onmouseover="showhint('<b><font color=398DD8>{title}</font></b><br><img style="border: 1px solid #999999;" src="{image-1}" width="200">',this, event, '200px')">{title}</a> {title}</li></b></li>


короче экспериментируйте в документации архиве с движком 101dle.zip/Documentation/есть файл readme.chm описаны все теги
  • № :5
  • 17 мая 2015 20:28
извиняюсь. попутал.


куда вставить? {title limit="200"}
  • № :4
  • 17 мая 2015 20:13
Цитата: Georg
спасибо что откликнулись. Но можно ли утачнить
Где пишется строка
Заменяем код topnews.tpl

(PHP код:... ... ....)

куда именно ставить {title limit="200"} ?

сюда , причем тут PHP
Установка хак dle всплывающая картинка к топ новости:
Заменяем код topnews.tpl

<li><a href="{link}" onmouseover="showhint('<b><font color=398DD8>{title}</font></b><br><img style="border: 1px solid #999999;" src="{image-1}" width="200">',this, event, '200px')">{title}</a></li>
  • № :3
  • 17 мая 2015 19:52
спасибо что откликнулись. Но можно ли утачнить
Где пишется строка
Заменяем код topnews.tpl

(PHP код:... ... ....)

куда именно ставить {title limit="200"} ?
  • № :2
  • 17 мая 2015 18:51
Цитата: Georg
По желанию можно вывести и описание.


подскажите как?
DLE 10.1

если делается для topnews популярные новости, то в вашем шаблоне должен находиться файл topnews.tpl добавляете в него такой тег {title limit="x"} , где х - это число количество символов в предложении к примеру {title limit="200"} будет выводиться описание в 200 символов

в архиве с движком 101dle.zip/Documentation/есть файл readme.chm
пройдите
Navigation: Шаблоны >

Топ новостей найдете другие теги которые можно использовать в файле шаблоне topnews.tpl
  • № :1
  • 17 мая 2015 17:59
По желанию можно вывести и описание.


подскажите как?
DLE 10.1