Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

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

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

Рекомендованные сообщения

Опубликовано:

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

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

Опубликовано:
  • Автор

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

Опубликовано:

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

Опубликовано:
  • Автор

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

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

Опубликовано:
  • Автор

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

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

post-15820-1213764931_thumb.png

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

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

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

Опубликовано:
  • Автор
замени <td class="tablebottomer"><{P_CARD}></td> на <td class="tablebottomer"></td>

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

Опубликовано:

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

Замените на

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

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.