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

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

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

Категория Бесплатно, Вид материалов
Авторwaak
Просмотры1059
Комментарии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;
ещё конечно можно исправить скрипт и сделать что бы он добавлял только ту информацию которая вам нужна обрезая лишнее самостоятельно но тогда скрипт будет больше

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

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

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

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

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js