ФорумСоздание таблиц 28846327_sПоследние изображенияПоискРегистрацияВход

Поделиться
 

 Создание таблиц

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
T-REX
Двукратный победитель турнира "Планшетомания"
Двукратный победитель турнира
T-REX


Мужчина Козерог Змея
Сообщения Сообщения : 10605
Дата рождения 1978-01-02
Дата регистрации 2013-01-20
Возраст Возраст : 46

Создание таблиц Empty
СообщениеТема: Создание таблиц   Создание таблиц Icon_minitimeВс 25 Янв - 11:44

В этой теме я расскажу как делать таблицы. Таблица формируется следующим кодом:

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"][/td]
[td][/td]
[td][/td]
[/tr]
[/table]

В данном коде:

Код:
[table][/table] - сама таблица
border “1” - толщина границ.
[/tr] - строка в таблице
[td][/td] - ячейка в строке

Таким образом, приведенный выше код формирует центрированную таблицу из одной строки и трех ячеек (столбцов) в ней.
Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега

Код:
[td][/td]

1) В первый столбец нашей таблицы вставляем текст - самый простой вариант.

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][/td]
[td][/td]
[/tr]
[/table]

2) Во второй столбец вставляем рисунок:

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][img]тут адрес рисунка[/img][/td]
[td][/td]
[/tr]
[/table]

Например вставляем этот рисунок https://i.servimg.com/u/f38/19/11/20/88/1c6da610.gif

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td]
[td][/td]
[/tr]
[/table]

В третью ячейку вставляем еще один текст и получается следующее:

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td]
[td]еще один текст[/td]
[/tr]
[/table]

Результат:

Вот сюда пишем что хотимСоздание таблиц 1c6da610еще один текст


Последний раз редактировалось: T-REX (Вс 25 Янв - 12:15), всего редактировалось 6 раз(а)
Вернуться к началу Перейти вниз
T-REX
Двукратный победитель турнира "Планшетомания"
Двукратный победитель турнира
T-REX


Мужчина Козерог Змея
Сообщения Сообщения : 10605
Дата рождения 1978-01-02
Дата регистрации 2013-01-20
Возраст Возраст : 46

Создание таблиц Empty
СообщениеТема: Создание таблиц (продолжение)   Создание таблиц Icon_minitimeВс 25 Янв - 11:56

Чтобы сделать вторую строку копируем ниже основной таблицы аналогичную таблицу. Получается таблица из двух строк и шести ячеек:

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td]
[td]еще один текст[/td]
[/tr]
[/table]
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;"]Вот сюда пишем что хотим[/td]
[td][img]http://i38.servimg.com/u/f38/19/11/20/88/1c6da610.gif[/img][/td]
[td]еще один текст[/td]
[/tr]
[/table]

Результат:

Вот сюда пишем что хотимСоздание таблиц 1c6da610еще один текст
Вот сюда пишем что хотимСоздание таблиц 1c6da610еще один текст
Аналогично и с тремя и более строками.

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

В верхнюю часть таблицы добавим NN (номера), название команды, игры, окончательный счет.Кроме этого увеличу размер до 18 и добавлю жирность шрифта для выделения.Получается четыре ячейки с редактированнымм заголовками. Обратите внимание что каждой ячейке назначен серый цвет (цвет можно назначить любой по желанию)

Код:
[table style="text-align: center;" border="1"][tr]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]NN[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Название команды[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Игры[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Окончательный счет[/size][/b][/td]
[/tr]

Мы сделали верхнюю часть таблицы.Теперь переходим к нижней

Код:
[tr align="center"][td][color=#000000][b][size=18]1[/size][/b][/color]
[/td][td]
[/td][td]
[/td][td]
[/tr]

Чтобы сделать несколько строк в таблице, необходимо скопировать этот код несколько раз (сколько будет строк)!!! Так же необходимо запомнить, что строк в нижней части должно быть столько сколько и в верхней, или же пользоваться иным кодом с разными размерами ячеек!!!

Далее заполняем ячейки и называем команды А и Б, каждой команде делаем количество игра 1 или 2 и различный счет.Получается следующее:

Код:
[table style="text-align: center;" border="1"][tr][td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]NN[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Название команды[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Игры[/size][/b][/td]
[td style="text-align: -webkit-center;" bgcolor="ccccff"][b][size=18]Окончательный счет[/size][/b][/td]
[/tr]
[tr align="center"][td]1[/td]
[td]Непобедимые[/td]
[td]2[/td]
[td]2-1[/td]
[/tr]
[tr align="center"][td]2[/td]
[td]Лучшие[/td]
[td]1[/td]
[td]0-2[/td]
[/tr]
[/table]

Результат:

NNНазвание командыИгрыОкончательный счет
1Непобедимые22-1
2Лучшие10-2


Последний раз редактировалось: T-REX (Пн 26 Янв - 9:55), всего редактировалось 8 раз(а)
Вернуться к началу Перейти вниз
 

Создание таблиц

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

 Похожие темы

-
» Создание бегущей строки
» Создание надписей и логотипов

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