Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

rss

Вы не зашли.

Объявление

  • Список
  •  » FAQ
  •  » Tricks: Красивый вывод даты новости

#1 2008-10-31 22:21:43

vitaly
Администратор
Откуда: Россия
Зарегистрирован: 2008-10-08
Сообщений: 2785
Рейтинг :   115 
Профиль

Tricks: Красивый вывод даты новости

Некоторые из вас задаются вопросом - как сделать красивое отображение дат в новостях?
Специально для решения подобной задачи был создан плагин varmgr - при его активизации у вас появляются дополнительные переменные для отображения даты.

В этой теме буду размещать различные варианты:

Как это выглядит

Вариант №1
http://ngcms.ru/tricks/magic_date/1/show.jpg


Как это делается

Вариант №1
Для вывода нам потребуется картинка:
http://ngcms.ru/tricks/magic_date/1/calendar.gif

И HTML код:

Код:

<html>
<head>
<!-- Стили отображения -->
<style type="text/css">
.contentdate {
background:#FFFFFF url(calendar.gif) repeat scroll 0%;
float:left;
height:50px;
margin:0px;
padding:0px;
width:45px;

color:#333333;
font-family:Verdana,Helvetica,Sans-Serif;
font-size:12px;
}

.contentdate h3 {
color:#FFFFFF;
font-size:10px;
font-weight:normal;
margin:0px;
padding:4px 0px 0px 11px;
text-transform:uppercase;
}

.contentdate h4 {
color:#999999;
font-family:Times New Roman,Helvetica,Sans-Serif;
font-size:21px;
font-weight:bold;
margin:0px;
padding:5px 4px 0px 3px;
text-align:center;
}
</style>
</head>
<body>
<!-- Отображение даты -->
<div class="contentdate"><h3>OCT</h3><h4>15</h4></div>
</body>
</html>

Как это реализовать в шаблоне?
1. Выносим стили в общий файл стилей (в шаблоне по умолчанию это style.css)
2. В шаблонах news.short.tpl и news.full.tpl в место, куда хотим вывести дату, добавляем:

Код:

<div class="contentdate"><h3>{month_s}</h3><h4>{day}</h4></div>

3. Наслаждаемся красивой "фишкой"

Неактивен

 

#2 2012-08-14 04:01:23

Djaffar
Пользователь
Откуда: ZP UA
Зарегистрирован: 2009-09-25
Сообщений: 101
Рейтинг :   
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

Вариант 2 Без плагина

В "Формат времени для новостей" ставим

Код:

<p>j</p><b>M</b>Y

в стили прописываем

Код:

.news_date{
    position: absolute;
    width : 61px;
    height : 73px;
    background:url(images/data.png) no-repeat;
    padding: 56px 0px 0px 5px;
    font : normal 11px verdana, sans-serif;
    color : #3d3e40;
    font-weight: bold;
}
.news_date p{
    position: absolute;
    width : 51px;
    height : 73px;
    top : 20px;
    font : normal 32px verdana, sans-serif;
    color : #3d3e40;
    font-weight: bold;
    text-align: center;
}
.news_date b{
    position: absolute;
    width : 51px;
    height : 73px;
    top : 6px;
    font : normal 11px verdana, sans-serif;
    color : #fff;
    font-weight: bold;
    text-align: center;
}

в шаблон короткой и длинной

Код:

<div class="news_date">{date}</div>

Пример под картинку 73px x 51px (data.png)

Неактивен

 

#3 2013-01-10 20:14:41

irbees2008
Пользователь
Откуда: Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2271
Рейтинг :   98 
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

у меня год не помещается

Неактивен

 

#4 2013-01-24 00:50:17

vl
Пользователь
Откуда: ua
Зарегистрирован: 2008-10-14
Сообщений: 636
Рейтинг :   14 
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

А где найти  плагин varmgr ?    - ссылка не открывается.  или этот плагин уже списан в утиль?

Неактивен

 

#5 2013-01-24 05:14:17

Djaffar
Пользователь
Откуда: ZP UA
Зарегистрирован: 2009-09-25
Сообщений: 101
Рейтинг :   
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

vl Можно и без плагина сделать, попробуйте

irbees2008 число, месяц, год, все помещается

Неактивен

 

#6 2013-01-24 21:32:11

irbees2008
Пользователь
Откуда: Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2271
Рейтинг :   98 
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

Нужен плагин,Виталя может обновишь ссылку?

Неактивен

 

#7 2013-01-25 02:01:31

Djaffar
Пользователь
Откуда: ZP UA
Зарегистрирован: 2009-09-25
Сообщений: 101
Рейтинг :   
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

качни из SVN, чего ждать

Неактивен

 

#8 2013-01-25 06:54:39

irbees2008
Пользователь
Откуда: Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2271
Рейтинг :   98 
Профиль  Вебсайт

Re: Tricks: Красивый вывод даты новости

Djaffar написал:

качни из SVN, чего ждать

вот я ступил. big_smile

спасибо

Отредактированно irbees2008 (2013-01-25 07:02:36)

Неактивен

 
  • Список
  •  » FAQ
  •  » Tricks: Красивый вывод даты новости

Board footer

Powered by FluxBB

[ Generated in 0.012 seconds, 16 queries executed ]