Нескучные дни webmaster'а

  • записей
    8
  • комментариев
    6
  • просмотра
    1 474

Об этом блоге

Как создавался этот сайт

Записи в этом блоге

VladOr

Ночь в "Июне"

Сегодня а нашем лююимом торговом центре "Июнь" бала объявлена ночь распродаж.

Ни когда еще наш ИЦ не видел такого количества народа! Машину поставить негде, с трудом пристроил.

Самое интересное, что было - это парадный квартет шотландских волынщиков, уж не знаю, настоящих или нет, но молодцы.

20161029_223755.jpg

VladOr

С удочкой по окнам

Запись не по теме. Просто интересно.

Наблюдал сегодня, как моют окна стеклянного фасада нашего офиса.

Не спускались с крыши, как при мойке обычных окон на других фасадах.

А терли 15-метровой "удочкой", подавая наверх воду компрессором.

Главное, удивительно легко справлялись с такой конструкцией.

 20160426_124540.jpg

VladOr

Делаем цитату дня

Поступило предложение сделать на сайте блок "Цитата дня"

Именно цитаты дня, а не вывод случайной цитаты.

Идея - мини-девиз на день.

 

Готового кода не нашел, решил делать на базе встроенных объявлений, которыми обычно все равно не пользуются из-за их скромного функционала, предпочитая им плагины типа "Global messages"

Итак, для начала нам нужно изменить стандартный шаблон вывода объявлений, убрав оттуда сведения об авторе объявления, дату, ссылку и сброс форматирования.

Ищем шаблон anonsments

Screenshot_7.png

 

Выделяем в нем все и меняем на следующий код:

 

<h3 class='ipsType_reset ipsWidget_title'>{lang="block_announcements"}</h3>
<div class='ipsWidget_inner'>
	{{if !empty( $announcements ) }}
		<ul class='ipsList_reset ipsPad'>
			{{foreach $announcements as $announcement}}
				<li class='ipsPhotoPanel ipsPhotoPanel_tiny cAnnouncement'>
					<div>
										
						<div class='ipsType_medium ipsType_textBlock ipsType_richText ipsContained'>
							{$announcement->content|raw}
						</div>
					</div>
				</li>
			{{endforeach}}
		</ul>
	{{else}}
		<div class='ipsPad'>
			<p class='ipsType_reset'>{lang="no_announcements"}</p>
		</div>
	{{endif}}
</div>

Далее идем в языковый файл и меняем русский перевод строки block_announcements

 

Screenshot_8.png

 

Все, в админке нам больше делать нечего.

Идем в ModCP (Панель управления модератора и там наполняем цитатами, создавая новые "бывшие объявления". Не забываем выставлять даты действия.

Например. что бы цитата висела сегодня 20 апреля, нужно выставить дату начала 20.04 и дату окончания 21.04.

 

Screenshot_9.png

 

Все, результат получен.

VladOr

На форуме приколотые, важные и т.п. темы обозначаются соответствующими иконками, располагающимися перед названиями тем.

По умолчанию они имеют довольно большие размеры и, как по мне, неприятно бросаются в глаза.

Размеры и цвет иконок прописываются в badges.css.

Для из изменения следует отыскать следующий кусок кода:

.ipsBadge.ipsBadge_icon.ipsBadge_small {
			width: 19px;
			height: 19px;
			border-radius: 19px;
			line-height: 19px;
			font-size: 11px;
			vertical-align: baseline;
		}

и заменить цифры на меньшие.

Мы получим вполне себе симпатичные иконки, которые не вылезают за размер шрифта.

 

Screenshot_2.png

VladOr

Делаем сайт объемным

Всем мне нравился сделанный дизайн, но был он несколько плоским.

Придать объем сайту можно, добавив теней вокруг контентной площадки, виджетов и блоков.

Итак.

Идем в наш рабочий стиль, переходим в раздел CSS.

В custom.css вставляем

#ipsLayout_contentArea {
    box-shadow: 0 2px 10px 0px rgba(10,90,90,0.9);
  }
#bottom_footer {
    box-shadow: 0 2px 10px 0px rgba(10,90,90,0.9);
}

Сохраняем. Это мы "бросили тень" вокруг основной площадки сайта и его футера

 

Теперь нам требуется оттенить блоки и виджеты.

Ищем поиском

.ipsWidget.ipsWidget_vertical

и

.ipsWidget.ipsWidget_horizontal

Если вы используете стандартный дизайн, то такие строки кода найдете в blocks.css

 

Перед закрывающей скобкой вставляем код:

box-shadow: 0 2px 10px 0px rgba(10,90,90,0.9);

Сохраняем и смотрим на результат.

Тень 1(19.04.16).png

Цвет тени подбираем первыми тремя числами в скобках.

 

VladOr

Система наград

Сегодня в планах было подключение системы наград и автоматизация их выдачи путем настройки правил.

Система наград реализована на базе скрипта iAwards 1.0.5, на данный момент единственного доступного для IPS.

Правила награждения создавались в приложении Automation Rules - FULL 1.3.13

Для организации награждения двумя наградами пришлось создать 12 правил

(Изображение кликабельно)

Правила (18.04.16).png

А перед этим - 4 дополнительных скрытых поля пользователя, в которых учитывались:

  • количество размещенных фотографий
  • количество созданных тем в разделе форума "Творчество" и количество размещенных статей в разделе "Творчество"
  • количество полученных очков репутации за размещенные фотографии
  • количество полученных очков репутации за размещенные темы и статьи в разделе "Творчество"

 

По созданным правилам наполняются соответствующие поля, после чего по результатам проверки на:

  • наличие такой награды
  • достаточность количества постов либо фотографий
  • достаточность репутации

 

происходит автоматическое награждение пользователя.

 

 

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу