изменение шапки форума

Если у вас возникают проблемы и вопросы по настройке форума phpBB3 либо выскакивают непонятные ошибки, не устанавливаются либо криво работают модификации, то этот раздел для вас. Обсуждаем все вопросы, связанные со стилями, модификациями, доработками и проблемами их использования.
Перед тем, как обратиться за помощью, обязательно заполните свой профиль (укажите ссылку на свой форум). Если есть вопрос по конкретной модификации, то обязательно пользуемся поиском по форуму, потому как, возможно, уже есть анонс этого мода и соответственно вопрос задается в теме анонса.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
Agronavt
Заглянул на огонек
Заглянул на огонек
Сообщения: 10
Стаж: 8 лет 3 месяца

изменение шапки форума

Сообщение Agronavt »

Я, правильно понимаю, что:
Бокс:
Agronavt писал(а):<div id="smiley-box">
я копирую и стираю его в файле.
Потом вставляю его же только сразу после бокса:
Agronavt писал(а):<div id="message-box">
И сохраняю.
Правильно?.
#61
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

да. верхний блок удаляете где он есть и прописываете его после нижнего.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#62
Аватара пользователя
Agronavt
Заглянул на огонек
Заглянул на огонек
Сообщения: 10
Стаж: 8 лет 3 месяца

изменение шапки форума

Сообщение Agronavt »

Agronavt писал(а):да. верхний блок удаляете где он есть и прописываете его после нижнего
Переставлял. Без изменений.
Меня смущают эти команды: before и after.
Насколько я понимаю, они указывают, что "до" выполняется, а, что "после", во - всяком случае если на значение слов ориентироваться.
Их может как-то надо изменить?..
На всякий случай мой код:
(вдруг он какой-то не такой..)

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

	<!-- EVENT posting_editor_message_before -->
	
<div id="smiley-box">
		<!-- EVENT posting_editor_smilies_before -->   
      <!-- IF S_SMILIES_ALLOWED and .smiley -->
			<strong>{L_SMILIES}</strong><br />
         <!-- BEGIN smiley -->
            <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
         <!-- END smiley -->
		<!-- ENDIF -->
		<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED -->
			<a href="{U_MORE_SMILIES}" onclick="popup(this.href, 750, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
		<!-- ENDIF -->
		<!-- EVENT posting_editor_smilies_after -->
		<!-- IF S_SMILIES_ALLOWED and .smiley --><hr /><!-- ENDIF -->

		<!-- EVENT posting_editor_options_prepend -->
		<!-- IF S_FIRST_POST_SHOW_ALLOWED -->
			<label for="topic_first_post_show" title="{L_FIRST_POST_SHOW_EXPLAIN}"><input type="checkbox" name="topic_first_post_show" id="topic_first_post_show"{S_FIRST_POST_SHOW_CHECKED} /> {L_FIRST_POST_SHOW}</label>
		<!-- ENDIF -->
		<!-- IF S_BBCODE_ALLOWED -->
			<label for="disable_bbcode"><input type="checkbox" name="disable_bbcode" id="disable_bbcode"{S_BBCODE_CHECKED} /> {L_DISABLE_BBCODE}</label>
		<!-- ENDIF -->
		<!-- IF S_SMILIES_ALLOWED -->
			<label for="disable_smilies"><input type="checkbox" name="disable_smilies" id="disable_smilies"{S_SMILIES_CHECKED} /> {L_DISABLE_SMILIES}</label>
		<!-- ENDIF -->
		<!-- IF S_LINKS_ALLOWED -->
			<label for="disable_magic_url"><input type="checkbox" name="disable_magic_url" id="disable_magic_url"{S_MAGIC_URL_CHECKED} /> {L_DISABLE_MAGIC_URL}</label>
		<!-- ENDIF -->
		<!-- IF S_SIG_ALLOWED -->
			<label for="attach_sig"><input type="checkbox" name="attach_sig" id="attach_sig"{S_SIGNATURE_CHECKED} /> {L_ATTACH_SIG}</label>
		<!-- ENDIF -->

		<!-- IF S_DO_MERGE_ALLOWED or S_LOCK_POST_ALLOWED or S_LOCK_TOPIC_ALLOWED or S_NOTIFY_ALLOWED --><hr /><!-- ENDIF -->

		<!-- IF S_DO_MERGE_ALLOWED -->
			<label for="do_merge"><input type="checkbox" name="do_merge" id="do_merge"{S_DO_MERGE_CHECKED} /> {L_DO_MERGE}</label>
		<!-- ENDIF -->
		<!-- IF S_NOTIFY_ALLOWED -->
			<label for="notify"><input type="checkbox" name="notify" id="notify"{S_NOTIFY_CHECKED} /> {L_NOTIFY_REPLY}</label>
		<!-- ENDIF -->
		<!-- IF S_LOCK_TOPIC_ALLOWED -->
			<label for="lock_topic"><input type="checkbox" name="lock_topic" id="lock_topic"{S_LOCK_TOPIC_CHECKED} /> {L_LOCK_TOPIC}</label>
		<!-- ENDIF -->
		<!-- IF S_LOCK_POST_ALLOWED -->
			<label for="lock_post"><input type="checkbox" name="lock_post" id="lock_post"{S_LOCK_POST_CHECKED} /> {L_LOCK_POST_EXPLAIN}</label>
		<!-- ENDIF -->
		<!-- EVENT posting_editor_bbcode_status_after -->
	</div>

	<!-- EVENT posting_editor_message_before -->

	<div id="message-box">
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="height: 9em;"<!-- ELSE -->name="message" id="message"<!-- ENDIF --> rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
	</div>

	<!-- EVENT posting_editor_message_after -->
#63
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

хм... event... у вас случаем форум не версии 3.1? event применяется при обработке расширений....

если "да" - то вам сюда: http://phpbbworld.ru/index.php

я не работаю с 3.1.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#64
Аватара пользователя
Agronavt
Заглянул на огонек
Заглянул на огонек
Сообщения: 10
Стаж: 8 лет 3 месяца

изменение шапки форума

Сообщение Agronavt »

Agronavt писал(а):я не работаю с 3.1.
Благодарю! Уже больше понятно, чем не понятно!
Agronavt писал(а): то вам сюда: http://phpbbworld.ru/index.php

И, как говорится: "Спасибо вашему столу, пойду к другому!"
#65
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

вы не понимаете. форум phpbb3 версии 3,1 очень сильно отличается от версии 3,0 , которая рассматривается на этом форуме. в стилях для этого форума я не встречал применения EVENT - поэтому и спрашиваю. я не могу вам дать рекомендации по редактированию ДРУГОГО форума. вроде понятно?

просто подтвердите, что это именно форум 3,0 - будем думать дальше.
Agronavt писал(а):И, как говорится: "Спасибо вашему столу, пойду к другому!"
вы не правы. здесь помогают всем (если это ВОЗМОЖНО)...

//ЧТОБЫ ОКОНЧАТЕЛЬНО УДОСТОВЕРИТЬСЯ СКАЧАЛ ВЕРСИЮ 3.1 - ПОЧТИ КАК ВАШ ФАЙЛ...

СВЕРХУ НА СТРАНИЦЕ ЭТОГО ФОРУМА В НОВОСТЯХ ФОРУМА ДОХОДЧИВО НАПИСАНО
Уважаемые пользователи нашего форума, уведомляем Вас о двух важных моментах, которые нужно помнить и соблюдать:
На нашем форуме осуществляется поддержка только phpBB 3.0.x, поддержка phpBB 3.1.x осуществляется на нашем втором ресурсе - phpbbworld.ru
Ни в коем случае не ставьте моды от phpBB 3.0.x на phpBB 3.1.x, они там просто не работают !!!

С уважением Администрация Hello-Vitebsk.
вроде вопросы исчерпаны...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#66
Аватара пользователя
Agronavt
Заглянул на огонек
Заглянул на огонек
Сообщения: 10
Стаж: 8 лет 3 месяца

изменение шапки форума

Сообщение Agronavt »

Agronavt писал(а):вы не правы. здесь помогают всем
Я, же без сарказма совсем. Извините, если я не правильно понят оказался.
Действительно у меня 3.1.
Это, я, как выяснилось: "Со свиным рылом, в калашный ряд" забрёл.
Я, уже по Вашей ссылке тему с вопросом создаю.
Спасибо!
#67
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

не за что. бывает.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#68
Аватара пользователя
Agronavt
Заглянул на огонек
Заглянул на огонек
Сообщения: 10
Стаж: 8 лет 3 месяца

изменение шапки форума

Сообщение Agronavt »

белк писал(а):Я, уже по Вашей ссылке тему с вопросом создаю.
По Ваше наводке разобрались как всё перестроить
Детали теперь здесь http://phpbbworld.ru/viewtopic.php?f=7&t=261
#69
Brilliance
Заглянул на огонек
Заглянул на огонек
Сообщения: 37
Стаж: 9 лет

изменение шапки форума

Сообщение Brilliance »

Добрый день! Уже измучилась с шапкой форума, не понимаю что надо переделать. Помогите, пожалуйста:
есть картинка, на компьютерах отображается нормально (где смогла проверить), а на планшетах ужасно - эта картинка не подстраивается под монитор, она выходит широкая, а сам форум сужается, и получается, что он не на всю ширину экрана, а где-то на 2/3 от ширины, а сама картинка больше, чем на ширину экрана.

Искала в интернете, читала тут, спрашивала знакомых, но понятного для меня ответа так и не нашлось.
Посмотрите, пожалуйста где и что поменять для подстройки картинки под разрешения мониторов.
/* General Markup Styles
---------------------------------------- */

* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
height: 101%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;


/*background-attachment: fixed;
background-color: #007079;
background-image: url("http://www.vse-v-sp.ru//styles/prosilve ... ground.jpg");
background-repeat: no-repeat;
color: #666666;*/




}

h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}

h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}

h2.solo {
margin-bottom: 1em;
}

h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}

h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}

p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}

img {
border-width: 0;
}

hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

hr.dashed {
border-top: 1px dashed #CCCCCC;
margin: 10px 0;
}

hr.divider {
display: none;
}

p.right {
text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
min-width: 650px;
}

#simple-wrap {
padding: 6px 10px;
}

#page-body {
margin: 4px 0;
clear: both;
}

#page-footer {
clear: both;
}

#page-footer h3 {
margin-top: 20px;
}

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}

a#logo:hover {
text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 5px;
margin-right: 1px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}

#search-box #keywords {
width: 95px;
background-color: #FFF;
}

#search-box input {
border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}

#search-box li {
text-align: right;
margin-top: 4px;
}

#search-box img {
vertical-align: middle;
margin-right: 3px;
}

/* Site description and logo */
#site-description {
float: left;
width: 70%;
}

#site-description h1 {
margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 0px;
padding: 0 0px;
}

.navbar {
background-color: #ebebeb;
padding: 0 5px;

}

.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}

.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}

.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}

.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}

.post:target .content {
color: #000000;
}

.post:target h3 a {
color: #000000;
}

.bg1 { background-color: #f7f7f7;}
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }

.rowbg {
margin: 5px 5px 2px 5px;
}

.ucprowbg {
background-color: #e2e2e2;
}

.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}

span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}

span.corners-top span {
background-image: none;
background-position: 100% 0;
}

span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}

span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}

.headbg span.corners-bottom {
margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -5px;
}

.rules span.corners-top {
margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;
}

ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}

ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}

ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}

ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}

#ucp-main table.table1 {
padding: 2px;
}

table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}

table.table1 thead th span {
padding-left: 7px;
}

table.table1 tbody tr {
border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}

table.table1 td {
color: #6a6a6a;
font-size: 1.1em;
}

table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name { text-align: left; }
table.table1 .posts { text-align: center !important; width: 7%; }
table.table1 .joined { text-align: left; width: 15%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mark { text-align: center; width: 7%; }
table.table1 .info { text-align: left; width: 30%; }
table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
float: right;
width: auto;
}

table.info td {
padding: 3px;
}

table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
color: #000000;
font-weight: normal;
}

.forumbg table.table1 {
margin: 0;
}

.forumbg-table > .inner {
margin: 0 -1px;
}

.forumbg-table > .inner > span.corners-top {
margin: 0 -4px -1px -4px;
}

.forumbg-table > .inner > span.corners-bottom {
margin: -1px -4px 0 -4px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;
}

.column2 {
float: right;
clear: right;
width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
}

.right-box {
float: right;
width: auto;
text-align: right;
}

dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}

dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}

dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}

.pagination span.page-sep {
display: none;
}

li.pagination {
margin-top: 0;
}

.pagination strong, .pagination b {
font-weight: normal;
}

.pagination span strong {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
line-height: 1.5em;
}

.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}

.pagination img {
vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}

.copyright {
padding: 5px;
text-align: center;
color: #555555;
}

.small {
font-size: 0.9em !important;
}

.titlespace {
margin-bottom: 15px;
}

.headerspace {
margin-top: 20px;
}

.error {
color: #bcbcbc;
font-weight: bold;
font-size: 1em;
}

.reported {
background-color: #f7f7f7;
}

li.reported:hover {
background-color: #ececec;
}

div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}

div.rules ul, div.rules ol {
margin-left: 20px;
}

p.rules {
background-color: #ececec;
background-image: none;
padding: 5px;
}

p.rules img {
vertical-align: middle;
padding-top: 5px;
}

p.rules a {
vertical-align: middle;
clear: both;
}

#top {
position: relative;
top: -20px;
}

.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
color: #536482;
background-color: #FFECC1;
background-image: url("{T_THEME_PATH}/images/bg1(1).png");

}

h1 {
color: #FFFFFF;
}

h2 {
color: #28313F;
}

h3 {
/*border-bottom-color: #CCCCCC;*/
color: #C59692;
}

hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}

hr.dashed {
border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
color: #FFFFFF;
}

#search-box #keywords {
background-color: #FFF;
}

#search-box input {
border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: transparent;
/*background-image: url("{T_THEME_PATH}/images/bg_header1.gif");*/
color: #FFFFFF;
}

.navbar {
background-color: #ebc8c0;
}

.forabg {
background-color: #C59692;
background-image: url("{T_THEME_PATH}/images/bg_list2.gif");
}

.forumbg {
background-color: #C59692;
/* background-image: url("{T_THEME_PATH}/images/bg_header.gif");*/
}

.panel {
background-color: transparent;
color: #28313F;
}

.post:target .content {
color: #000000;
}

.post:target h3 a {
color: #000000;
}

.bg1 { background-color: #ffffcb; }
.bg2 { background-color: #ffffcb; }
.bg3 { background-color: #FFECC1; }

/* MOD */
/* -------------------------
calendar mod additions...
------------------------- */

/* uses border-top-color = .bg3 background-color
(the line between events in the month display) */
hr.hrCal {
border-top-color: #cadceb;
}

/* uses color from h1
(calendar header previous and next links) */
.calH1 {
color: #FFFFFF;
font-weight: bold;
font-size:200%
}

/* The from and to times take up a lot of
space in the calendar display.
Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3
(used in calendar headers) */
.bg4 { background-color: #FFECC1; }

/* uses background-color of .bg3
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg3_calMonH{
background-color: #cfc1c3;
font-size:85%
}

/* uses background-color of .bg4
(used to display the numbers and icons for
each day in the month and week view displays ) */
table tbody td.bg4_calMonH{
background-color: #C59692;
font-size:85%
}

/* uses background-color of .bg1
(used to display days in calendar month/week view) */
table.table1 tbody td.bg1_calMon {
background-color: #f9f1f1;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg2
(used to display days in calendar month/week view) */
table.table1 tbody td.bg2_calMon {
background-color: #e7d7d9;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}
/* uses background-color of .bg3
(used to display days in calendar month/week view) */
table.table1 tbody td.bg3_calMon {
background-color: #CFC1C3;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
}


/* uses background-color of .bg1
uses border-top-color = .forumbg background-color
(used to display events in calendar day view) */
table.table1 tbody td.bg1_calDay {
background-color: #ECF3F7;
border-top-color: #C59692;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
}

/* uses background-color of .bg3
uses border-top-color = .forumbg background-color
(used to display negative space in calendar day view) */
table.table1 tbody td.bg3_calDay {
background-color: #cadceb;
border-top-color: #12A3EB;
}

/* -------------------------
calendar mod end
------------------------- */

/* MOD */

.ucprowbg {
background-color: #DCDEE2;
}

.fieldsbg {
background-color: #E7E8EA;
}

span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}

table.table1 tbody tr {
border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}

table.table1 td {
color: #536482;
}

table.table1 tbody td {
border-top-color: #FFECC1;
}

table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}

table.info tbody th {
color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}

dl.details dd {
color: #536482;
}

.sep {
color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
color: #FFFFFF;
background-color: #C59692;
border-color: #C59692;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}

.pagination span a:hover {
border-color: #368AD2;
background-color: #368AD2;
color: #FFF;
}

.pagination span a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
color: #555555;
}

.error {
color: #BC2A4D;
}

.reported {
background-color: #F7ECEF;
}

li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}

div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}

p.rules {
background-color: #ECD5D8;
background-image: none;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #D31141; }
a:active { color: #368AD2; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
color: #000000;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
color: #000000;
}

a.forumtitle:active {
color: #000000;
}

a.topictitle {
color: #000000;
}

/* a.topictitle:visited { color: #000000; } */

a.topictitle:hover {
color: #000000;
}

a.topictitle:active {
color: #000000;
}

/* Post body links */
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}

.postlink:visited {
color: #5D8FBD;
border-bottom-color: #5D8FBD;
}

.postlink:active {
color: #368AD2;
}

.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
color: #105289;
}

.postprofile a:hover, .postprofile dt.author a:hover {
color: #D31141;
}

.postprofile a:active {
color: #105289;
}

/* Profile searchresults */
.search .postprofile a {
color: #105289;
}

.search .postprofile a:hover {
color: #D31141;
}

/* Back to top of page */
a.top {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links */
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
background-color: transparent;
}

a.left:hover {
color: #368AD2;
}

a.right:hover {
color: #368AD2;
}


/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
background-color: #FFECC1;
background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

ul.topiclist li {
color: #000000;
}

ul.topiclist dd {
border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
border-top-color: #FFFFFF;
border-bottom-color: #C59692;
}

li.row strong {
color: #000000;
}

li.row:hover {
background-color: #F6F4D0;
}

li.row:hover dd {
border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}

li.header dt, li.header dd {
color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}

/* Post body styles
----------------------------------------*/
.postbody {
color: #000000;
}

/* Content container styles
----------------------------------------*/
.content {
color: #000000;
}

.content h2, .panel h2 {
color: #115098;
border-bottom-color: #FFECC1;
}

dl.faq dt {
color: #333333;
}

.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}

/* Post signature */
.signature {
border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
background-image: url("{T_THEME_PATH}/images/quote.gif");
border-color:#DBDBCE;
}

.rtl blockquote {
background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
}

blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}

blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}

/* Code block */
dl.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}

dl.codebox dt {
border-bottom-color: #CCCCCC;
}

dl.codebox code {
color: #2E8B57;
}

.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}

.pm-message .attachbox {
background-color: #F2F3F3;
}

.attachbox dd {
border-top-color: #C9D2D8;
}

.attachbox p {
color: #666666;
}

.attachbox p.stats {
color: #666666;
}

.attach-image img {
border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
color: #666666;
}

dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}

dl.thumbnail dd {
color: #666666;
}

dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}

fieldset.polls dl.voted {
color: #000000;
}

fieldset.polls dd div {
color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}

.pollbar1 {
background-color: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}

.rtl .pollbar1 {
border-left-color: #74162C;
}

.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}

.rtl .pollbar2 {
border-left-color: #8C1C38;
}

.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}

.rtl .pollbar3 {
border-left-color: #AA2346;
}

.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
border-left-color: #BE1E4A;
}

.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}

.rtl .pollbar5 {
border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}

.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}

.pm .postprofile {
border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}

.postprofile strong {
color: #000000;
}

.online {
background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
/* MOD */
/* The following are part of the calendar mod.
They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
If you are trying to implement a style other then prosilver, look at how your existing style defines
those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span { background-image: url("{IMG_BUTTON_CALENDAR_NEW_SRC}") ;}
.calendar-day-icon span { background-image: url("{IMG_BUTTON_CALENDAR_DAY_SRC}") ;}
.calendar-week-icon span { background-image: url("{IMG_BUTTON_CALENDAR_WEEK_SRC}") ;}
.calendar-month-icon span { background-image: url("{IMG_BUTTON_CALENDAR_MONTH_SRC}") ;}
/* MOD */

a.print {
background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-pagesunread { background-image: url("{T_THEME_PATH}/images/icon_alarm.gif"); }
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
.icon-thanks { background-image: url("{T_THEME_PATH}/images/icon_thanks.gif"); }
.icon-thanks_toplist { background-image: url("{T_THEME_PATH}/images/icon_thanks_toplist.gif"); }




/* Profile & navigation icons */
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
.thanks-icon, .thanks-icon a { background-image: url("{IMG_THANKPOSTS_SRC}"); }
.removethanks-icon, .removethanks-icon a { background-image: url("{IMG_REMOVETHANKS_SRC}"); }


/* Moderator icons */
.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}

#cp-main .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}

ul.cplist {
border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}

#cp-main table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}

#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("{T_THEME_PATH}/images/bg_tabs1 (1).gif");
}

#tabs a span {
background-image: url("{T_THEME_PATH}/images/bg_tabs2 (1).gif");
color: #536482;
}

#tabs a:hover span {
color: #BC2A4D;
}

#tabs .activetab a {
border-bottom-color: #CADCEB;
}

#tabs .activetab a span {
color: #333333;
}

#tabs .activetab a:hover span {
color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #E1EBF2;
}

#minitabs li.activetab {
background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #cfc1c3;
background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

.rtl #navigation a {
background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
background-position: 0 100%;
}

#navigation a:hover {
background-image: none;
background-color: #aabac6;
color: #BC2A4D;
}

#navigation #active-subsection a {
color: #D31141;
background-color: #F9F9F9;
background-image: none;
}

#navigation #active-subsection a:hover {
color: #D31141;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
color: #333333;
}

#cp-main .panel {
background-color: #F9F9F9;
}

#cp-main .pm {
background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
background-color: #eef5f9;
}

dl.mini dt {
color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
border-bottom-color: #A4B3BF;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}

/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}

#gallery label:hover {
background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
color: #000;
}

label {
color: #425067;
}

option.disabled-option {
color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}

fieldset.fields2 dl:hover dt label {
color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}

.inputbox:hover {
border-color: #11A3EA;
}

.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

a.button1, input.button1 {
border-color: #666666;
}

input.button3 {
background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #BC2A4D;
color: #BC2A4D;
}

input.search {
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}

input.disabled {
color: #666666;
}
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>

<div id="site-description" style="margin-bottom:0px; margin-left: 140px; height: auto; width: 655px;">
<div title="Совместные покупки vse-v-sp.ru" onclick="window.location='{ROOT_PATH}'" style="cursor: pointer; position: relative; background: url('{ROOT_PATH}/styles/prosilver/imageset/baner_logo.png') no-repeat scroll 0pt 0pt transparent; top: -5px; right: 0px; bottom: 0px; left: -115px; width: 1248px; height: 207px;"></div>

</div>
сама картинка: [hide]http://www.vse-v-sp.ru/forum/styles/pro ... r_logo.png[/hide]

а вот тут: [hide]http://samara-papa.ru/[/hide] у них вообще как-то табличкой сделано. Понимаю, что для этого надо изменить свою картинку. Фон мне позволяет это сделать, но опять же не знаю что делать потом: как создать саму эту таблицу, куда ее прописать и т.д. и т.п., и что тогда с картинкой из центра будет, куда ее надо будет воткнуть..?
Помогите, пожалуйста :smu:sche_nie:

мой стиль prosilver
#70
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

баннер очень большой для мобильного варианта...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#71
DimkaG
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 11 лет 1 месяц

изменение шапки форума

Сообщение DimkaG »

1248 pix для мобильных очень много...
#72
Аватара пользователя
Alex31
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 221
Стаж: 10 лет 6 месяцев
Откуда: Белгород
Контактная информация:

изменение шапки форума

Сообщение Alex31 »

Как убрать рамку с шапки форума? https://pp.vk.me/c615830/v615830883/8d6 ... XFAEsY.jpg
#73
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

скорее всего вам надо посмотреть код вот этого куска

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

<div id="logodesc">
то есть где-то в css будет

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

#logodesc {}
скорее всего ваша рамка, это будет

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

background: #fff;
padding: xxpx;
может и по другому. но вам надо смотреть именно этот кусок кода.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#74
Аватара пользователя
Alex31
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 221
Стаж: 10 лет 6 месяцев
Откуда: Белгород
Контактная информация:

изменение шапки форума

Сообщение Alex31 »

белк, Если рамку удалить, съезжает название форума на шапку. Задам по другому вопрос, как растянуть шапку, что бы не было рамки?) Шапка у меня резиновая.
#75
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

приведите здесь сам код

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

#logodesc {}
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#76
Аватара пользователя
Alex31
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 221
Стаж: 10 лет 6 месяцев
Откуда: Белгород
Контактная информация:

изменение шапки форума

Сообщение Alex31 »

белк,

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

#logodesc {
   margin-bottom: 5px;
   padding: 5px 10px;
#77
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

я понял у вас снизу название наезжает?

уберите padding, но добавьте внешний отступ margin

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

#logodesc {
   margin-bottom: 10px;
   margin-top: 5px;
}
или можно сделать "ход конём" - прописать фон этого блока как основной. (либо body {}, либо html {}) - не знаю где там у вас картинка вместо фона прописана.
добавить её в код logodesc и всё сохранится как есть только без белой рамки.
а в самом logodesc нет background? белого цвета?

пробуйте.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#78
Аватара пользователя
Alex31
Активно осваиваю Форум
Активно осваиваю Форум
Сообщения: 221
Стаж: 10 лет 6 месяцев
Откуда: Белгород
Контактная информация:

изменение шапки форума

Сообщение Alex31 »

белк писал(а):а в самом logodesc нет background
Есть, в другом файле, я там могу цвет рамки менять.

Сообщение добавлено... спустя 13 минут 35 секунд:
белк писал(а):я понял у вас снизу название наезжает?
Так и было.
#79
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

изменение шапки форума

Сообщение белк »

Alex31 писал(а):Есть, в другом файле, я там могу цвет рамки менять.

можете просто закомментировать цвет рамки. (чтобы вышел основной фон)

_background: xxxx;

остальное-то помогло?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#80
Ответить