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

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
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
Просмотры: 4721 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
  • Комментариев: 324
За дизайн ничего не скажу, простенький середнячок.
А вот за реализацию/установку большущий минус.
Далеко не все понимают, что стили и скрипты нельзя размещать в файле 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
  • Комментариев: 304
я так понял картинка берется из доп поля?

-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
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

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

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

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

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

Почти бесплатный VDS хостинг!

Одежда из европы секонд хенд

Женская молодежная одежда оптом. Низкие цены. Заходите

rusecond.ru


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

Опросы

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

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

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

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