Рамка вокруг всего форума.

[SHEVIGVIT 0]

Ребята, подскажите как реализовать вот такую рамку как сдесь:

http://ipbskins.ru/big/ibr_big.gif

[Fisana 700]

Скачать этот скин и посмотреть как устроена рамка :)

Потребуется 8 картинок, табличный код в общем шаблоне и несколько новых классов css.

[SHEVIGVIT 0]

У меня с трафиком проблемы! Вы здесь неможете написать реализацию данной задумки, я уверен что это нетолько меня интересует!

[Викторович 0]

Из css скина ibr новые классы:

 .tableleft {  background-image: url(<#IMG_DIR#>/table_left.gif); background-repeat: repeat-y; width: 34px}
.tableright { background-image: url(<#IMG_DIR#>/table_right.gif); background-repeat: repeat-y; width: 34px}
.tabletopper { background-image: url(<#IMG_DIR#>/table_top.gif); height: 34px; background-repeat: repeat-x}
.tablebottomer { background-image: url(<#IMG_DIR#>/table_bottom.gif); height: 34px; background-repeat: repeat-x; background-position: top;}
.tablebottomer2 { background-image: url(<#IMG_DIR#>/table_bottom.gif); height: 34px; background-position: top; width: 100%; background-repeat: repeat-x}

.tablebg { background-color: #f3f3f3; padding-right: 0px; padding-left: 0px;}
.tabletopleft { background-image: url(<#IMG_DIR#>/table_top_left.gif); height: 34px; width: 34px;}
.tabletopright { background-image: url(<#IMG_DIR#>/table_top_right.gif); height: 34px; width: 34px;}
.tablebotleft { background-image: url(<#IMG_DIR#>/table_bottom_left.gif); height: 34px; width: 34px;}
.tablebotright { background-image: url(<#IMG_DIR#>/table_bottom_right.gif); height: 34px; width: 34px;}

это добавляем в css-файл. (Если описание каждого класса надо, то напиши. И .tablebottomer2 не знаю даже зачем тут :) )

Рисуем свои изображения.

 

Затем в global_board_header перед

<div class="borderwrap">
<div id="logostrip">

вставляем

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
<td colspan="3"> 
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
	  <td class="tabletopleft"> </td>
	  <td class="tabletopper"> </td>
	  <td class="tabletopright"> </td>
	</tr>
  </table>
</td>
 </tr>
 <tr> 
 <td class="tableleft"> </td>
<td class="tablebg" valign="top">

 

А в global_board_footer после:

		<td width="45%" align="right" nowrap="nowrap"><% QUICKSTATS %>{$this->ipsclass->lang['global_timeisnow']}: {$time}</td>
</tr>
</table>

Вставляем:

</td>
<td class="tableright"> </td>
 </tr>
 <tr> 
<td colspan="3">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="6">
	<tr> 
	  <td class="tablebotleft"> </td>
	  <td class="tablebottomer"><{P_CARD}></td>
	  <td class="tablebotright"> </td>
	</tr>
  </table>
</td>
 </tr>
</table>

[SHEVIGVIT 0]

Огромное спасибо! Я только не понял а зачем вот это:

<td class="tablebottomer"><{P_CARD}></td>

[SHEVIGVIT 0]

Сделал все как написано, в опере отображается все отлично!

Но в интернет эксплорере вот как показано на рисунке!

[Викторович 0]

Сделал все как написано, в опере отображается все отлично!

Но в интернет эксплорере вот как показано на рисунке!

замени <td class="tablebottomer"><{P_CARD}></td> на <td class="tablebottomer"></td>

[SHEVIGVIT 0]

замени <td class="tablebottomer"><{P_CARD}></td> на <td class="tablebottomer"></td>

Я так сделал, теперь низ отображется как верх кусочками, а не расстягивает картинку!

[Fisana 700]

 <td class="tablebottomer"><{P_CARD}></td>

Замените на

 <td class="tablebottomer"> </td>