Здравствуйте!

Подскажите пожалуйста, как:

- заменить логотип, чтобы он отражался на всю шапку,(где-то 200х1100) и при этом удалить из шапки описание и поиск?

- присвоит отдельным группам свое изображение и вывод его в сообщение вместе с названием группы?
Вложения
Смена логотипа, удаление описания/поиска. Вывод груп. - 1.jpg
Смена логотипа, удаление описания/поиска. Вывод груп. - 1.jpg (18.51 КБ) 1349 просмотров
Комментарии: 2

CabinetAdmin 24 май 2015, 16:44 Сообщение

igor_1111 писал(а): присвоит отдельным группам свое изображение и вывод его в сообщение вместе с названием группы?
В админке - Пользователи и группы - Управление званиями.
igor_1111 писал(а): заменить логотип, чтобы он отражался на всю шапку,(где-то 200х1100) и при этом удалить из шапки описание и поиск?
В overall_header.html:

Код: Выделить всё

		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

			</div>
		</div>
Из всего этого логотип это:

Код: Выделить всё

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
И имя сайта:

Код: Выделить всё

<h1>{SITENAME}</h1>
Можно сделать так:

Код: Выделить всё

		<div class="headerbar" role="banner">
			<div class="inner">

			<div id="site-description">
				<h1><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITENAME}</a></h1>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
			<!-- EVENT overall_header_searchbox_before -->

			</div>
		</div>
Далее чтобы логотип был на всю ширину надо стили подправить.
В common.css находим:

Код: Выделить всё

#site-description {
	float: left;
	width: 65%;
}

#site-description h1 {
	margin-right: 0;
}
меняем на:

Код: Выделить всё

#site-description {
	float: none;
	width: auto;
}

#site-description h1 {
	margin: 0;
}

#site-description h1 a {
	display: block;
	width: 100%;
	height: 119px;
	text-indent: -5000px;
}
text-indent: -5000px; убирает надпись из шапки.

Далее само изображение, в colours.css:

Код: Выделить всё

.headerbar {
	background-color: #12A3EB;
	background-image: url("./images/bg_header.gif");
	color: #FFFFFF;
}
./images/bg_header.gif меняем на свою картинку.
background-color: #12A3EB; можно удалить.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

igor_1111 30 май 2015, 11:00 Сообщение

Спасибо! :)
  • 0

Похожие темы