Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Html таблицы (готовые схемы) Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Html таблицы (готовые схемы) Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума
для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)

Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?
автор Goodmonday Вчера в 21:04

» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48

» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49

» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Html таблицы (готовые схемы)

Бесплатный форум: форум поддержки :: Вы и Forum2x2 ::   :: Ответы на часто задаваемые вопросы

Перейти вниз

Html таблицы (готовые схемы) Empty Html таблицы (готовые схемы)

Сообщение автор Dana Domirani Июнь 11th 2010, 01:18

Готовые схемы html-таблиц.


Установка
Каждая таблица состоит из двух частей:
1) html-код, который можно поместить в приветствие на главной странице: ПА > Оформление > Главная - Общая информация > Приветствие на главной странице (альтернативный вариант: в виджет, либо в html-страницу).
После этого останется заполнить ячейки текстом, изображениями и пр., а затем - сохранить изменения
Html таблицы (готовые схемы) 1b4d6bf97745t

2) код css, который необходимо скопировать в Па > Оформление > Цвета > Каскадная таблица стилей CSS
Код:
table.tbglav {
border-collapse: collapse;
}
table.tbglav td {
border: 1px solid #000;
background-color: #fff;
padding: 3px;
}
По умолчанию таблице назначен белый фон и черный контур.
Настройки CSS таблицы:

Коды таблиц


Таблицы на 3 колонки

вариант I
Ячейка 1
Ячейка 2Ячейка 3
Ячейка 4Ячейка 5

HTML
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="3">Ячейка 1</td>
</tr>

<tr valign="top">
<td width="66%" colspan="2">Ячейка 2</td>
<td rowspan="2" align="center" valign="middle">Ячейка 3</td>
</tr>

<tr valign="top">
<td>Ячейка 4</td>
<td>Ячейка 5</td>
</tr>

</table>


вариант II
Ячейка 1
Ячейка 2Ячейка 3Ячейка 4
Ячейка 5
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="3">Ячейка 1</td>
</tr>

<tr valign="top">
<td rowspan="2" align="center" valign="middle">Ячейка 2</td>
<td>Ячейка 3</td>
<td rowspan="2" align="center" valign="middle">Ячейка 4</td>
</tr>

<tr valign="top">
<td>Ячейка 5</td>
</tr>

</table>


вариант III
Ячейка 1Ячейка 2Ячейка 3
Ячейка 4Ячейка 5
Ячейка 6
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td width="25%">Ячейка 1</td>
<td rowspan="2" align="center" valign="middle" style="border: 1px solid #000; background-color: #fff; text-align:center;">Ячейка 2</td>
<td width="25%">Ячейка 3</td>
</tr>

<tr valign="top">
<td>Ячейка 4</td>
<td>Ячейка 5</td>
</tr>

<tr valign="top">
<td colspan="3">Ячейка 6</td>
</tr>

</table>


вариант IV
Ячейка 1
Ячейка 2Ячейка 3Ячейка 4
Ячейка 5
Ячейка 6Ячейка 7Ячейка 8
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="3">Ячейка 1</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 2</td>
<td>Ячейка 3</td>
<td width="33%">Ячейка 4</td>
</tr>

<tr valign="top">
<td colspan="3">Ячейка 5</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 6</td>
<td>Ячейка 7</td>
<td width="33%">Ячейка 8</td>
</tr>

</table>

Ячейка 1
Ячейка 2Ячейка 3Ячейка 4
Ячейка 5Ячейка 6Ячейка 7
Ячейка 8Ячейка 9Ячейка 10

Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="3">Ячейка 1</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 2</td>
<td>Ячейка 3</td>
<td width="33%">Ячейка 4</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 5</td>
<td>Ячейка 6</td>
<td width="33%">Ячейка 7</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 5</td>
<td>Ячейка 6</td>
<td width="33%">Ячейка 7</td>
</tr>

<tr valign="top">
<td width="33%">Ячейка 8</td>
<td>Ячейка 9</td>
<td width="33%">Ячейка 10</td>
</tr>

</table>



вариант V
Ячейка 1Ячейка 2
Ячейка 3Ячейка 4Ячейка 5
Ячейка 6Ячейка 7
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="2">Ячейка 1</td>
<td width="33%">Ячейка 2</td>
</tr>

<tr valign="top">
<td>Ячейка 3</td>
<td>Ячейка 4</td>
<td>Ячейка 5</td>
</tr>

<tr valign="top">
<td>Ячейка 6</td>
<td colspan="2">Ячейка 7</td>
</tr>

</table>


Таблицы на 4 колонки

вариант I
Ячейка 1Ячейка 2
Ячейка 3Ячейка 4Ячейка 5
Ячейка 6Ячейка 7Ячейка 8
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td colspan="3">Ячейка 1</td>
<td rowspan="3" align="center" valign="middle">Ячейка 2</td>
</tr>

<tr valign="top">
<td width="25%">Ячейка 3</td>
<td width="25%">Ячейка 4</td>
<td width="25%">Ячейка 5</td>
</tr>

<tr valign="top">
<td>Ячейка 6</td>
<td>Ячейка 7</td>
<td>Ячейка 8</td>
</tr>

</table>


вариант II
Ячейка 1
Ячейка 2Ячейка 3Ячейка 4
Ячейка 5Ячейка 6Ячейка 7Ячейка 8
Код:
<table class="tbglav" width="100%">
<tr valign="top">
<td colspan="4" align="center" valign="middle">Ячейка 1</td>
</tr>
<tr valign="top">
<td align="center" valign="middle">Ячейка 2</td>
<td colspan="2">Ячейка 3</td>
<td align="center" valign="middle">Ячейка 4</td>
</tr>
<tr valign="top">
<td align="center" valign="middle">Ячейка 5</td>
<td>Ячейка 6</td>
<td>Ячейка 7</td>
<td align="center" valign="middle">Ячейка 8</td>
</tr>
</table>


вариант III
Ячейка 1Ячейка 2Ячейка 3
Ячейка 4
Ячейка 5Ячейка 6
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td width="20%">Ячейка 1</td>
<td rowspan="3" align="center" valign="middle">Ячейка 2</td>
<td colspan="2" rowspan="2">Ячейка 3</td>
</tr>

<tr valign="top">
<td>Ячейка 4</td>
</tr>

<tr valign="top">
<td>Ячейка 5</td>
<td colspan="2">Ячейка 6</td>
</tr>

</table>


вариант IV
Ячейка 1Ячейка 2Ячейка 3Ячейка 4
Ячейка 5
Ячейка 6

Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td rowspan="3" align="center" valign="middle">Ячейка 1</td>
<td rowspan="3" align="center" valign="middle">Ячейка 2</td>
<td rowspan="3" align="center" valign="middle">Ячейка 3</td>
<td>Ячейка 4</td>
</tr>

<tr valign="top">
<td>Ячейка 5</td>
</tr>

<tr valign="top">
<td>Ячейка 6</td>
</tr>

</table>


вариант V
Ячейка 1Ячейка 2Ячейка 3Ячейка 4
Ячейка 5Ячейка 6
Ячейка 7
Код:
<table class="tbglav" width="100%">

<tr valign="top">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>

<tr valign="top">
<td colspan="2">Ячейка 5</td>
<td colspan="2">Ячейка 6</td>
</tr>

<tr valign="top">
<td colspan="4">Ячейка 7</td>
</tr>

</table>


Html таблицы (готовые схемы) Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript

Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

Бесплатный форум: форум поддержки :: Вы и Forum2x2 ::   :: Ответы на часто задаваемые вопросы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения