Перейти к контенту

Бэкграунд для бордера таблицы


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

Можно ли для таблиц используемых в форуме сделать следующее.

 

Разбить её части - верхняя линия, нижняя, право, лево, 4 угла.

 

Вот пример - без правой стенки.

 

+ _______ +

!

!

!

!

+________+

 

Каждой части задать собственный стиль линии (со своим бекграундом).

 

Т.е. С отлючённой графикой это будет обычная таблица, а при включённой графике - красивая нарисованная таблица.

 

Всё это нужно естественно для IPB.

У меня 1.3

 

Что-то мне подсказывает что можно реализовать это через css.

Ссылка на комментарий
Поделиться на других сайтах

<table>

<tr>

<td height="10px" background="img1a.jpg">левый верх</td><td background="img2a.jpg">центр. верх</td><td background="img3a.jpg">правый верх</td>

</tr>

<tr>

<td background="img1b.jpg">левый центр</td><td> WRAPER </td><td background="img3b.jpg">правый центр</td>

</tr>

<tr>

<td height="10px" background="img1c.jpg">левый низ</td><td background="img2c.jpg">центр. низ</td><td background="img3c.jpg">правый низ</td>

</tr>

</table>

 

 

 

Надеюсь разерешься

Изменено пользователем Zapon
Ссылка на комментарий
Поделиться на других сайтах

Хотелось бы поточнее.. =(

Именно для IPB а не просто таблицу.

Что править в css, как менять скин_файлы если их нужно менять?

Ссылка на комментарий
Поделиться на других сайтах

border-top: 1(2-3...)px solid #цвет;
border-right: 0;
border-bottom: 1(2-3....)px solid #цвет;
border-left: 1(2-3....)px dashed #цвет;

123 - толщина

solid - обычная линия

dashed - пунктир.

Картинку в css в каждом классе можно привязать только одну.

Угол:

background: #цвет (или - transparent) url(style_images/<#IMG_DIR#>/каринка) no-repeft bottom(top)-right(left);

Cторона:

 
background-image: url(style_images/<#IMG_DIR#>/картинка);	
background-repeat: repeat-x (или y);
background-position: top(bottom) или left(right);

Примечание:

если класс css заюзан в разных ячейках таблицы - все это будет повторяться.

Пример - главная страница форума со скином beige на моем демофоруме. Там картинка - разделитель строк в row1 и row2.

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.