prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Красивый вид topnews


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Красивый вид topnews.


Красивый вид topnews


Установка:
1. Добавляем в topmews.tpl
<style>
span {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.tooltip-style1 {background:rgba(0,0,0,0.8);color:white;max-width:200px;padding:5px;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);}
.topnews a {padding:2px;display: block;margin:0 0 2px 0;color:#fff;background:rgba(0,0,0,0.4);box-shadow: inset rgba(0,0,0,0.3) 0px 1px 3px, rgba(255,255,255,0.4) 0px 1px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.topnews a:hover {background:rgba(0,0,0,0.2);}
</style>
<script type="text/javascript">
    $(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 });
        });
    });
</script>
<div id="header_wrapper" class="tooltips topnews">
<li><a href="{link}">{title}</a></li><span style="display:none;position:absolute;" class="tooltip-style1"><img width="30px" style="float:left;" src="{image-1}" /><div style="margin-left:33px;">Категория: {category}<br>{text limit="50"}</div></span>
</div>

2. В engine/modules/topnews.php ищем:
if( dle_strlen( $row['title'], $config['charset'] ) > 34 ) $title = dle_substr( $row['title'], 0, 34, $config['charset'] ) . " ...";


где 34 это количество символов выводимых на странице.

Пример можно посмотреть на сайте у автора!

Автор: LIKVINIK
Источник: http://webbomba.ru/


+43
Просмотры: 5029 VIP ProWebber | Комментарии (22)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1realyhead

  • 7 июня 2012 21:47
  • Регистрация: 14.02.2011
  • ICQ: --
  • Комментариев: 119
действительно красиво

-1

#2mad-man242

  • 7 июня 2012 21:49
  • Регистрация: 10.10.2011
  • ICQ: --
  • Комментариев: 92
Прикольно, попробуем применить smile

-1

#3realyhead

  • 7 июня 2012 21:55
  • Регистрация: 14.02.2011
  • ICQ: --
  • Комментариев: 119
а как заменить фон блока на чёрный?

-1

#4LIKVINIK

  • 7 июня 2012 21:58
  • Регистрация: 10.10.2010
  • ICQ: --
  • Комментариев: 23
realyhead,
Сами блоки используются те которые стоят у вас на сайте!

--------------------

0

#5AndS

  • 7 июня 2012 23:02
  • Регистрация: 15.04.2011
  • ICQ: 493449825
  • Комментариев: 3
не плохо смотрится

-1

#6DarkNill

  • 7 июня 2012 23:17
  • Регистрация: 2.10.2010
  • ICQ: 555995004
  • Комментариев: 74
Зачем было кодировку преобразовывать в utf-8?
Столкнулся с проблемкой, не работает тег {category} , я один такой?

--------------------

0

#7ShoMpeT

  • 8 июня 2012 01:43
  • Регистрация: 10.05.2010
  • ICQ: --
  • Комментариев: 13
DarkNill,
Same here, {category} doesn't work for me!

0

#8lolafopo

  • 8 июня 2012 02:26
  • Регистрация: 8.06.2012
  • ICQ: --
  • Комментариев: 2
Экодом и его характеристики.

-1

#9victor200

  • 8 июня 2012 10:30
  • Регистрация: 30.01.2010
  • ICQ: --
  • Комментариев: 149
  • Выкл.
А где можно увеличить саму картику и текст подскажите пожалуста.

-1

#10Dess33

  • 8 июня 2012 11:25
  • Регистрация: 8.03.2011
  • ICQ: --
  • Комментариев: 209
victor200, img width="30px"

0

#11Sander

  • 8 июня 2012 11:42
  • Регистрация: 19.02.2010
  • ICQ: 404037556
  • Комментариев: 325
За дизайн ничего не скажу, простенький середнячок.
А вот за реализацию/установку большущий минус.
Далеко не все понимают, что стили и скрипты нельзя размещать в файле topmews.tpl

--------------------

0

#12rocksmart

  • 8 июня 2012 17:06
  • Регистрация: 13.11.2010
  • ICQ: --
  • Комментариев: 21
Согласен красиво, но зачем читать документ и подключать css для каждой новости каждый раз.


p.s
Посмотрел исходный код страницы

--------------------

-1

#13vitnet

  • 8 июня 2012 21:00
  • Регистрация: 18.09.2010
  • ICQ: 8060715
  • Комментариев: 305
я так понял картинка берется из доп поля?

-1

#14LIKVINIK

  • 8 июня 2012 21:54
  • Регистрация: 10.10.2010
  • ICQ: --
  • Комментариев: 23
vitnet,
Нет картинка берется из shortstory.
Если картинки не будет она не отобразится!

--------------------

-1

#15Sinsei

  • 9 июня 2012 06:20
  • Регистрация: 11.09.2011
  • ICQ: --
  • Комментариев: 32
  • Выкл.
Категория ({category}) тоже не работает

-1

#16LIKVINIK

  • 9 июня 2012 07:45
  • Регистрация: 10.10.2010
  • ICQ: --
  • Комментариев: 23
Тестировал на DLE 9.6 работает, на других не знаю!

--------------------

-1

#17Coler

  • 12 июня 2012 00:46
  • Регистрация: 25.01.2012
  • ICQ: --
  • Комментариев: 4
а настроить можно например вывод 7 последних статей?

-1

#18LIKVINIK

  • 12 июня 2012 09:21
  • Регистрация: 10.10.2010
  • ICQ: --
  • Комментариев: 23
Coler,
Да можно

--------------------

-1

#19space

  • 15 июня 2012 22:54
  • Регистрация: 23.12.2009
  • ICQ: --
  • Комментариев: 14
кто-нибудь напишите внятную установку пожалуйста...

-1

#20Kolya_si

  • 17 июня 2012 21:05
  • Регистрация: 11.07.2011
  • ICQ: 571388096
  • Комментариев: 19
Хороший хак, поставил на сайт

-1
1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Июнь 2017 (5)
Май 2017 (3)
Апрель 2017 (8)
Март 2017 (9)
Февраль 2017 (5)
Январь 2017 (9)

Последние комментарии:

Искать людей

Ваши переписки