Название темы Раздел Ответов Последний

Красивый вид TopNews с Хинтом для Dle 9.x - 10.0


10 октября 2013
Красивый вид TopNews с Хинтом для Dle 9.x - 10.0

Установка:
1. Идем в engine/modules/topnews.php (для 9.4 с версии 9.5 может отличаться) и находим:

$db->query( "SELECT id, short_story, title, date, alt_name, category, flag FROM


Заменить на:

$db->query( "SELECT id, short_story, title, date, alt_name, category, flag, autor FROM


Далее ищем:

$tpl->set( '{link}', $full_link );


Ниже добавить:

$tpl->set( '{author}', "<a onclick="ShowProfile('" . urlencode( $row['autor'] ) . "', '" . $go_page . "', '" . $user_group[$member_id['user_group']]['admin_editusers'] . "'); return false;" href="" . $go_page . "">" . $row['autor'] . "</a>" );
[/code]

2. В topnews.tpl добавить с заменой.

<table id="topnews">
<tbody>
<tr>
<td width="52">
<a href="{image-1}" class="lightbox"><img src="{image-1}" id="topnewss"></a>
</td>
<td style="padding-left:4px;" class="tooltips topnews">
<a href="{link}" style="font-size:9pt; color: #176093;">{title}</a>
<div id="newstr">Автор: {author}</div>
<span class="tooltip-style1">
<table>
<tbody>
<tr>
<td><img src="{image-1}" id="topnewse" /></td>
<td id="newtext">{text limit="130"}</td>
</tr>
</tbody>
</table>
</span>
</td>
</tr>
</tbody>
</table>


3. В engine.css в самый низ добавить.
[code]
/*topnews*/
#topnews {
padding: 3px;
border-bottom: 1px solid rgba(0,0,0,0.3);
cellpadding: 0;
cellspacing: 0;
width: 200px;
}

#topnewss {
border:1px solid #BED8EA;
padding:2px;
width:53px;
height:53px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

#topnewse {
width:120px;
height:120px;
border:1px solid rgba(189,190,174,0.8);
padding:2px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}

#newstr{
font-size:8pt;
}

#newtext{
padding:4px;
width:120px;
}

.tooltip-style1 {border: 3px solid rgba(0,0,0,0.6); background:rgba(255,255,255,1.8);color:fff;max-width:260px;padding:5px;box-shadow:0 0 3px rgba(255, 255, 255, 0.5);-moz-box-shadow:0 0 3px rgba(255, 255, 255, 0.5);-webkit-box-shadow:0 0 3px rgba(255,255,255,0.5); z-index: 2; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:none;position:absolute;}
/*topnews end*/


4. В любой подключенный JS Скрипт в самый низ с новой строки добавить.

//topnews
$(document).ready(function() {
$(".tooltips").hover(
function() { $(this).contents("span:last-child").css({ display: "block" }); },
function() { $(this).contents("span:last-child").css({ display: "none" }); }
);
$(".tooltips").mousemove(function(e) {
var mousex = e.pageX + 10;
var mousey = e.pageY + 5;
$(this).contents("span:last-child").css({ top: mousey, left: mousex });
});
});
//topnews


Автор переделки: Sinsei

ava

Написал: Вадим
Группа: Посетители Пользователь offline
1
0
15 ноября 2013 14:08
Могу сказать только одно приятно и не обычно смотриться и какое то разнообразие среди сайтов.


Информация
Посетители, находящиеся в группе Анонимус, не могут оставлять комментарии к данной публикации.