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

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

Вы не зашли.

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

vitaly
Администратор
Откуда Россия
Зарегистрирован: 2008-10-08
Сообщений: 2,823
Рейтинг :   118 

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

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

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

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

Вариант №1
show.jpg


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

Вариант №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
Сообщений: 2,873
Рейтинг :   121 
Сайт

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

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

Не в сети

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

vl
VIP любит этого пользователя.
Откуда ua
Зарегистрирован: 2008-10-14
Сообщений: 672
Рейтинг :   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
Сообщений: 2,873
Рейтинг :   121 
Сайт

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
Сообщений: 2,873
Рейтинг :   121 
Сайт

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

Djaffar пишет:

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

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

спасибо

Изменено irbees2008 (2013-01-25 07:02:36)

Не в сети

Подвал раздела

Работает на FluxBB