Аватар: четыре Великие нации

Объявление

Добро пожаловать на новый Форум-Ролевую посвященную мультсериалу «Аватар: Легенда об Аанге»!
Для Беженцев:
Здравствуйте! Для тех, кто не знает Беженец – Гость. Если Вам по вкусу этот Форум, то посмотрите Видео посередине и Зарегистрируйтесь.
"> Объявление:
У нас появилась новаяя воровка по имени XN0002K. Она скопировала форум. Настоящее имя - Алексия, возраст - 13 лет. Более подробно Вы можете узнать здесь. И запомните: никогда не крадите!
Для воинов:
Что ж, Вы уже Воин так как Вы зарегистрированы тут. Играйте в Ролеву игру и прочитайте правила. Потом, Вам станет так интересно что не сможете оторваться! Или просто путешествуйте по Форумум ПРОЧИТАВ ПРАВИЛА, ВСЕ КОТОРЫЕ ЕСТЬ!
Администрация:
Гл. Администратор: ~Katara~ Администраторы: ~Тай Ли~ ~Tayuya Hakumon~
Ролевая игра форума:
"Набор на Работу" "Получение Охраны" "Получение Дома"
Описание форума:
Это Форум-Ролевая игра посвященный мультсериалу «Аватар: Легенда об Аанге». Здесь Вы сможете сделать многое, а так же Форум анимационный. Так что объявляю: Вам точно будет интересно потому что на Форуме каждый День разные Праздники! И не только этот плююсь есть у нясь.
Баннерообмен:
Напишите гл. Админ. в ЛС код своего Баннера и ссылку на Ваш сайт. Наш баннер получите в ответе. Вы должны поставить свой баннер в тичение недели а мы Ваш сразу же поставим. Подробнее – в видео справа.
Награды:
Наведите курсор на награду чтобы узнать зачем она:

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Аватар: четыре Великие нации » Болталка » Полезные советы по Вашем форумам!


Полезные советы по Вашем форумам!

Сообщений 1 страница 3 из 3

1

Что ж, я и другие админы будут давать полезные советы по самым НЕ элементарным делам. (например кому-то трудно сделать таблицу...)
Вот мой первый совет:
1. НЕ УДАЛЯЙТЕ ПОЛОСУ РЕКЛАМЫ! А ИНАЧЕ ВАШ ФОРУМ УДАЛЯТ БЕЗ ПРЕДУПРЕЖДЕНИЯ!!!
Надеюсь, что нам подскажет хоть один человек как же сдвинуть эту рекламу.

0

2

Очень запутанные советы по созданию таблицы:
Так, сейчас будем учится создавать свою таблицу.
Для начала разсмотрим несколько тегов и параметров:
<table></table> - тег самой таблицы.

Параметры:
border - толщина границ таблицы.
bordercolor - цвет границ таблицы.
bordercolorlight - цвет светлой части границы таблицы (точнее такого цвета будет левая и верхняя граница таблицы).
bordercolordark - цвет темной части границы таблицы (правая и нижняя граница таблицы).
bgcolor - цвет фона таблицы.
background - фон таблицы картинкой (background="Адрес картинки").
width - ширина таблицы. Задается в процентах или пикселях.
height - высота таблицы. Задается в процентах или пикселях.
<td></td> - тег ячейки
<tr></tr> - тег строчки

Все параметры записываем исключительно в тег <td сюда разные параметры></td>
Параметры:
align - выравнивание в ячейке по горизонтали.
- left (по левому краю).
- right (по правому краю).
- center (по центру).
- justify (по ширине).

valign - выравнивание в ячейке по вертикали.
- top (по верхнему краю).
- baseline (по линии шрифта).
- baseline (по нижнему краю).

height - высота.
width - ширина.
bordercolor - цвет границы ячейки.
bgcolor - цвет фона ячейки.
background - фон картинкой.

Теперь попробуем создать простую таблицу,которая будет иметь вот такой вид:
Код:

<table border="0" width="100%" bgcolor="#FF0000" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#008000" rowspan="3">&nbsp;</td>
<td align="right" valign="top" colspan="2">Рас рас</td>
<td width="394" rowspan="3">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="top" colspan="2">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="top" colspan="2">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFF00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="394">&nbsp;</td>
</tr>
</table>

Итак, пишем основной тег <table></table>
Затем прописываем две строки:
<tr>
</tr>
<tr>
</tr>
А затем прописываем в каждую строку одинаковое количество столбцов.
Итак теперь у нас весь код должен выглядеть вот так:
Код:

<table border="5" width="100%">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Для наглядного примера, давайте в каждой ячейке сделаем что нибудь по другому.
Итак,в первой мы поставим фон другого цвета.
Прописываем в первый наш столбец вот такое bgcolor="#008000"
И видем что фон в верхней левой ячейке стал зеленым.

Давайте во втором выровняем текст по верхнему правому краю: align="right" valign="top"
Пишем какой либо текст, и он у нас будет выравниватся по правому краю вверху.

В следующей давайте изменим ширину ячейки (ВАЖНО! Если меняете ширину верхней, также стоит изменить параметры и той которая находится под нашей ячейкой).
Тоесть,пишем в 3 тег верхней строки width="400" и тоже самое пишем в 3 тег нижней строки.

Теперь давайте изменим цвет границ ячейки.
Выбираем какую нибудь ячейку, которую мы еще не калечели:)
И пишем туда bordercolor="#FFFF00".
Теперь граница нашей ячейки перекрасилась в желтый цвет .

Итак, код нашей разукрашеной таблицы будет выглядить примерно вот так:

    <table border="5" width="100%">
    <tr>
    <td bgcolor="#008000">&nbsp;</td>
    <td align="right" valign="top">Рас рас</td>
    <td width="394">&nbsp;</td>
    </tr>
    <tr>
    <td bordercolor="#FFFF00">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="394">&nbsp;</td>
    </tr>
    </table>

Также можем сделать так, чтоб например в таблице было 2 строки, но в одной из строк была ячейка в которой еще несколько строк или столбцов.
Берем всю туже нашу таблицу.
Допустим,что в средней ячейке мы хотим сдлеать еще 3 строки, тогда в ячейку которая находится слева и справа от нее пишем rowspan="3".
Где 3 будет количество дополнительных строк.
Если хотим чтоб были дополнительные столбцы, тогда в ячейки над ней, и под ней пишем colspan="2".
Где 2 будет количество дополнительных столбцов.

Итак,теперь код всего этого будет выглядеть вот так:
Код:

<table border="5" width="100%">
<tr>
<td bgcolor="#008000" rowspan="3">&nbsp;</td>
<td align="right" valign="top" colspan="2">Рас рас</td>
<td width="394" rowspan="3">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="top" colspan="2">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="top" colspan="2">&nbsp;</td>
</tr>
<tr>
<td bordercolor="#FFFF00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="394">&nbsp;</td>
</tr>
</table>

Ну и последнее.. Можем порабоать над всей таблицей.
Тоесть теперь все будем вставлять только сюда <table все сюда!></table>.
Поставим картинкой фон для всех ячеек где не указаны параметры фона.
Пишем bgcolor="#FF0000" и цвет фона всей таблицы поменялся на красный...

И последнее. Если мы хотим совсем убрать границы таблицы то пишем вот такое border="0" cellspacing="0" cellpadding="0".

Вот вроде и все. Может немного запутано, зато если вы это выучите, тогда сможете создать таблицу любой сложности.

0

3

Для тех кому что-то непонятно с моей записи, воть ссылочка: http://help.mybb.ru/viewtopic.php?id=1279

0


Вы здесь » Аватар: четыре Великие нации » Болталка » Полезные советы по Вашем форумам!