Перейти к содержанию

Вопрос по блоку "Объявления"


vold57
 Поделиться

Рекомендуемые сообщения

Как выделить визуально блок "Объявления", который показывается на каждой странице над всеми форумами? Речь о цвете и размере шрифта, цвете фона, рамке.

 

scrin-objavlen.jpg

Изменено пользователем vold57
Ссылка на комментарий
Поделиться на другие сайты

Открыть шаблон core > front > widgets > announcements и заменить весь код на:

<div class='announcementBlock'>
<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 ipsClearfix'>
					{template="userPhoto" group="global" app="core" params="\IPS\Member::load( $announcement->member_id ), 'tiny'"}
					<div>
						{{if $orientation == 'vertical'}}
							<h4 class='ipsType_large ipsType_reset'>
								<span class='ipsType_break ipsContained'>
									<a href='{url="app=core&module=system&controller=announcement&id={$announcement->id}" seoTemplate="announcement" seoTitle="$announcement->seo_title"}' class='ipsTruncate ipsTruncate_line'>{wordbreak="$announcement->title"}</a>
								</span>
							</h4>
							{{if $announcement->start}}<span class='ipsType_light'>{datetime="$announcement->start" dateonly="true"}</span>{{endif}}
							<br><br>
						{{else}}
							<h4 class='ipsType_large ipsType_reset'>
								<a href='{url="app=core&module=system&controller=announcement&id={$announcement->id}" seoTemplate="announcement" seoTitle="$announcement->seo_title"}'>{$announcement->title}</a>{{if $announcement->start}} &nbsp;&nbsp;<span class='ipsType_light ipsType_medium ipsType_unbold'>{datetime="$announcement->start" dateonly="true"}</span>{{endif}}
							</h4>							
						{{endif}}						
						<div class='ipsType_medium ipsType_textBlock ipsType_richText ipsContained' data-ipsTruncate data-ipsTruncate-type='remove' data-ipsTruncate-size='{{if $orientation == 'vertical'}}6 lines{{else}}2 lines{{endif}}' data-ipsTruncate-watch='false'>
							{$announcement->truncated( true )|raw}
						</div>
					</div>
				</li>
			{{endforeach}}
		</ul>
	{{else}}
		<div class='ipsPad'>
			<p class='ipsType_reset'>{lang="no_announcements"}</p>
		</div>
	{{endif}}
</div>
</div>

Теперь в custom.css можно стилизовать блок как угодно, например:

.announcementBlock > h3 {color:blue}

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
 Поделиться

×
×
  • Создать...

Важная информация

Используя наш сайт вы соглашаетесь с нашей Политикой конфиденциальности