Особый дизайн категории

[AntiDuck]

Здравстввуйте, я начинаю дизайнер ... недавно я столкнулся с тем что у меня заказали дизайн сайта и форума одновременно ... так как ipb я тогда вообще не знал ... то за неделю кое как разобрался и чтото там сделал ... с этого момента я начал изучать ipb ... к сегодняшнему дню все основы я изучил и начал развиватся повышая уровень своих знаний в строенни тем ipb ...

 

Но ... недавно янаткнулся на очень интересно оформленный форум ... вот его адресс LittlesAnime ... первое конечно что бросается в глаза это очень проффесионально сделанный дизайн (кстати его делали совсем не профессионалы) ... .

 

Так вот, меня интересует как они сделали так чтобы в бэкграунде категории был вставлен рисунок ... причем в каждой категории был разный ресунок ... честно говоря понятия не имею где это искать ... помогите пожайлуйста ... или дайте хотябы наводку или подсказку как это можно осуществить .... заранее всем спасибо!

[FatCat]

Разные скины разным категориям и разным форумам можно присвоить.

Если нужно менять только 1-2 элемента скина, то можно и через один скин, написать условие и присваивать по иду разные элементы.

[asoloviev]

Аналогично тому, если, например, Вы хотите сделать вывод определенного фрагмента текста под ником определенного пользователя в топике. Посмотрите по поиску, решение аналогичное, что и с данной картинкой.

[AntiDuck]

Честно говоря вы сказали очень умно и до меня к сожеление совсем нечего не дошло ... если не сложно то можете обьяснить методом иди сюда и сдлеай это а потом заверни на право и посмтри наверх ...

[Soi]

может это поможет... не совсем то, но можно аналогично сделать

У каждой категории индивидуальная шапка

[SpeeN]

вообще на том форуме не ничего сверхестественного кроме его смекалистых админов . Картинка вставлена очень просто. Общая картинка разделена на несколько кусков. В каждом форуме раздела в описание вставляется свой кусок. В итоге получается целая картинка.

[Soi]

вроде вовсе не в описание вставлена картинка

 

			<td class="row2" height="62">
		  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background: transparent url(style_images/2/bg_images/5.jpg) no-repeat scroll right top;">
			  <tbody><tr>
				 <td><blockquote class="padblock"><b><a href="http://forum.littlesanime.ru/forum5.html">Anime</a></b><br><span class="forumdesc"><br><i>Модераторы:  <a href="http://forum.littlesanime.ru/user648.html">Селена</a>, <a href="http://forum.littlesanime.ru/user904.html">Tagerf</a></i></span></blockquote></td>

				 <td width="1"><img src="style_images/1/spacer.gif" width="1" height="62" border="0"></td>
			  </tr>
		  </tbody></table>
		</td>

 

			<td class="row2" height="62">
		  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background: transparent url(style_images/2/bg_images/9.jpg) no-repeat scroll right top;">
			  <tbody><tr>
				 <td><blockquote class="padblock"><b><a href="http://forum.littlesanime.ru/forum9.html">Япония</a></b><br><span class="forumdesc">Япония - родина сумо, суши и, конечно же, Аниме =)
<br>Всё об этой удивительной и загадочной стране.<br><i>Модераторы:  <a href="http://forum.littlesanime.ru/user3256.html">Akahana</a></i></span></blockquote></td>
				 <td width="1"><img src="style_images/1/spacer.gif" width="1" height="62" border="0"></td>

			  </tr>
		  </tbody></table>
		</td>

 

надеюсь не нарушаю прав, запостив код подсмотреный браузером...

[SpeeN]

У них сделано немного по другому. Они создали таблицами. Но сути это не меняет. Изображение поделено не несколько частей, которые соеденяются вместе.

[Soi]

У них сделано немного по другому. Они создали таблицами. Но сути это не меняет. Изображение поделено не несколько частей, которые соеденяются вместе.

но сделали то они это через ID форумов, насколько я понимаю

это кстати, не самое лучшее решение для ресайза, делать отдельными картинками (при маленьком разрешении картинку разрывает на части с довольно некрасивыми промежутками)

проще было сделать по ID класс borderwrap для каждой категории с картинкой в фоне, а row2 сделать прозрачным, тогда проблем с ресайзом не возникнет и картинку резать не нужно... правда получится ли сделать borderwrap по ИД, не знаю