Главная / Каталог скриптов для uCoz / Бесплатно, Вид материалов

Меняем вид даты в виде материала

Добавлено 27-08-2018 в 22:52

Категория Бесплатно, Вид материалов
Авторwaak
Просмотры946
Комментарии2
Понравилось18

Всем привет!
Сегодня покажу на примере как же всё таки можно изменить стандартный вид даты которая выводится оператором $DATE$ на свой что бы после можно было им управлять через css

Вариантов много можно придумать всё зависит от того что вам нужно но тут мы рассмотрим самый просто через js

Для начало помешаем оператор в блок с ид и через него меняем структуру вывода даты
пример вида блока

Код

А теперь напишем сам скрипт который и будет выводить дату в новой структуре

Код

только разделитель в дате должен быть точка то есть дата в материале должна выводится у вас так число.месяц.год
если у вас выводится не так а к примеру / или , то в скрипте вам нужно заменить точку на тот что у вас заменить его нужно в этой строчке

Цитата

var mas = str.split('.');

На выходе получаем такой вид

Код

<div class="datawaak" id="datawaak$ID$"><div>число</div><div>месяц</div><div>год</div></div>

И теперь через стили пишем нужные параметры

пример кода стилей

Код

.datawaak div {
   text-align: center;
}

/*дата*/
   .datawaak div:nth-child(1) {
     font-size: 40px;
     font-weight: bold;
     padding: 10px 0 0;
   }
/*месяц*/
   .datawaak div:nth-child(2) {
     font-size: 24px;
      text-transform: uppercase;
   }
/*год*/
   .datawaak div:nth-child(3) {
     font-size: 16px;
   }

Как вы можете заметить всё очень просто!

Это один из вариантов так же можно присвоить каждому пункту свой класс и работать уже с ним но нам этого не нужно так что нам подойдёт и такой

Возникнут вопросы пишите их в комментариях.

Да, просто добавьте к нужному блоку в стилях display: none;
ещё конечно можно исправить скрипт и сделать что бы он добавлял только ту информацию которая вам нужна обрезая лишнее самостоятельно но тогда скрипт будет больше

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал

Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал

web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал

web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код

<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>

А так будет без процентов:

Код

<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>

25-02-2024 в 23:06 материал

web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал

waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал

ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал

waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал

di dinyslamsinger

От души