Здравствуйте :) Такой вопрос у меня. Можно ли на subsilvere изменить стандартные синие полосы на свой рисунок? Но хочу не просто заменить эту Изображение картинку, а хочу, чтобы в начале была своя картинка, потом серия одинаковых и последняя опять же моя. Вот примерно таким образом: слева Изображение центральная повторяющаяся Изображение и справа Изображение Как правильно такое сделать, если вообще возможно? :)
Комментарии: 8

CabinetAdmin 05 дек 2013, 15:43 Сообщение

Возможно конечно. Сходу не скажу конечно, но помимо правок стиля нужно будет немного изменить структуру шаблона... Чуть позже расскажу как:)
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 05 дек 2013, 16:23 Сообщение

Спасибо, буду ждать :)
  • 0

CabinetAdmin 05 дек 2013, 17:45 Сообщение

Правок не много, сначала редактируете шаблон forumlist_body.html, находите в нём, в начале файла:

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

<tr>
<th colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50">&nbsp;{L_POSTS}&nbsp;</th>
<th>&nbsp;{L_LAST_POST}&nbsp;</th>
</tr>
Меняете на:

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

<tr>
<th class="bgleft" colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50">&nbsp;{L_POSTS}&nbsp;</th>
<th class="bgright">&nbsp;{L_LAST_POST}&nbsp;</th>
</tr>
В теме стиля находите:

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

th {
color: #FFA34F;
font-size: 1.1em;
font-weight: bold;
background-color: #006699;
background-image: url('styles/subsilver2/theme/images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}
меняете на:

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

th {
color: #FFA34F;
font-size: 1.1em;
font-weight: bold;
background-color: #006699;
background-image: url("center_image.jpg");
white-space: nowrap;
padding: 10px 5px;
position: relative;
}
Чуть ниже добавляете:

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

th.bgleft:before {
content: '';
position: absolute;
background: url("left_image.jpg");
width: 11px;
height: 33px;
top: 0;
left: 0;
}
th.bgright:before {
content: '';
position: absolute;
background: url("right_image.jpg");
width: 11px;
height: 33px;
top: 0;
right: 0;
}
Ну и не забыть указать пути до изображений.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 06 дек 2013, 04:51 Сообщение

Премного благодарен :drink: Но получается довольно интересно :) На мазиле боковые картинки не появляются, на опере же есть они, правда, не везде.
  • 0

CabinetAdmin 06 дек 2013, 14:53 Сообщение

Странно... Я конечно не проверял его на всех браузерах, но мыслю так, что должно работать везде, в IE с 8 версии.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 06 дек 2013, 15:52 Сообщение

А вот эти значения

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

	width: 11px;
	height: 33px;
не могут влиять на результат?

Попробовал переписать их под свои разрешения 16х38, но всё так же осталось. Центральная картинка 15х38. В общем, CSS у меня получился таким после моих правок

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

th {
	color: #FFA34F;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #006699;
	background-image: url("http://gff.5nx.org/images/ranks2/gff_5nx_org/cimg.jpg");
	white-space: nowrap;
	padding: 12px 5px;
	position: relative;
}

th.bgleft:before {
	content: '';
	position: absolute;
	background: url("http://gff.5nx.org/images/ranks2/gff_5nx_org/limg.jpg");
	width: 16px;
	height: 38px;
	top: 0;
	left: 0;
}

th.bgright:before {
	content: '';
	position: absolute;
	background: url("http://gff.5nx.org/images/ranks2/gff_5nx_org/rimg.jpg");
	width: 16px;
	height: 38px;
	top: 0;
	right: 0;
}
Может, это просто стандарты браузеров виноваты, ведь опера и мазила, например, чуть различаются в отображении сайтов?
  • 0

CabinetAdmin 06 дек 2013, 16:38 Сообщение

Ширина с высотой не может влиять. Единственное что бросается в глаза, это разная высота у боковых изображений и центральной, можно здесь - padding: 12px 5px;, поставить 13...
IE 8 нормально показывает, опера с хромом тоже, мазила почему-то не хочет... :scratch:

В принципе можно сделать чтобы и мазила отрабатывала, тут надо будет немного по другому сделать: у th { удалить position: relative;, найти:

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

.tablebg {
background-color: #A9B8C2;
}
и добавить к нему position: relative;. Потом найти в th.bgleft:before { и th.bgright:before { - top: 0; и заменить 0 на 30px.

зы. Плюс, в заголовке блока последние темы тоже есть такая панель, её надо редактировать отдельно, по аналогии, в шаблоне recent_topics_body.html.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 06 дек 2013, 18:22 Сообщение

Второй способ дал ожидаемый результат во всех браузерах :Yahoo!: Ещё раз спасибо огромное :drink:
  • 0

Похожие темы