Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
SHEVIGVIT

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Из 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>

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

post-15820-1213764931_thumb.png

Share this post


Link to post
Share on other sites
Сделал все как написано, в опере отображается все отлично!

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

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

Share this post


Link to post
Share on other sites
замени <td class="tablebottomer"><{P_CARD}></td> на <td class="tablebottomer"></td>

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

Share this post


Link to post
Share on other sites

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

Замените на

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...