Таблицы обычно делаются в Ровесниках, на Завалинке, в Планировании и проч.
Таблицы делаются с использованием HTML и CSS, использовать их в сообщениях могут только редакторы (ну, и админы, конечно, но сейчас речь не о них).
Старая темаЧто нужно, чтобы стать редактором:
1. Договориться с вашими ровесниками, что именно вы будете делать табличку. Редактор для одной таблички может быть только один.
2. Желательно, чтобы вы были сюзером.
3. Вы должны хотя б немного знать HTML и CSS, без этого ничего не получится. Я с удовольствием помогу советом, но делать все за вас не смогу.
4. И последнее - надо отписаться в этой теме и попросить статус редактора. Статус редактора может дать админ.
Как сделать табличкуПосле того, как вам был присвоен статус редактора, у вас под окном ответа (не быстрого ответа, а полного, который открывается по кнопке "Ответить") появится выпадающий список, по умолчанию там стоит "HTML выключен". Вставив в сообщение код таблицы в HTML, нужно выбрать в этом списке "HTML вкл - ручной перевод строк".
"Ручной перевод строк" означает, что переводы строк будут проигнорированы. Другими словами, если вы где-то в таблице хотите разбить текст на две строки - надо добавить тэг
<br>. Если в сообщении с табличкой, помимо нее, будет еще какой-то текст c переводами строки - их придется заменить на
<br>.
Есть еще опция "автомат перевод строк". Ее выбирать не нужно.
Табличку можно делать в любом редакторе HTML или набивать вручную. Есть несколько общих моментов:
1. В сообщение нужно вставлять только стили и сам код табличкиЭто значит, что все
<html>
<head>
<body> и прочее надо вырезать.
2. Обязательно используйте таблицы стилей (css) если табличка у вас оформляется в разные цвета, использует разные шрифты и пр.
Таблицы обычно довольно большие: много народа, данных, картинок. Однако, объем текста в одном сообщении ограничен. Поэтому сообщения, которые превышают этот объем, будут обрезаны, зачастую в самом неподходящем месте.
Если писать так:
КОДЫ
<td bgcolor="CCCCCC" valign="top" border="1">
то ячейка не окрасится в указанный цвет, т.к. для каждой ячейки любой таблицы в форумной таблице стилей указано: "фон - прозрачный", поэтому bgcolor будет проигнорирован.
Если писать так
КОДЫ
<td style="background-color: #CCCCCC" valign="top" border="1">
или так
КОДЫ
<td style="background-color: #CCCCCC; vertical-align: top; border: 1px solid silver">
и делать это в каждой ячейке, то со временем места, скорей всего, не хватит.
Делаем примерно так. В начале, собственно еще до начала таблицы пишем:
КОДЫ
<style type="text/css">
td.first{ background-color: #CCCCCC; vertical-align: top; border: 1px solid silver;}
</style>
А в коде таблицы пишем просто
КОДЫ
<td class="first">
ВАЖНО! 1.
Нельзя переопределять классы, уже используемые на странице (например, maintitle), придумывайте для класса собственное уникальное имя.
2.
Нельзя переопределять селекторы HTML - например, задавать стиль просто для td или просто для a - это изменит внешний вид всей страницы.
3.
Нельзя включать таблицы стилей целиком от различных скинов Материнства в том числе.
4.
Забудьте о теге FONT! Для вас не должно быть такого тега! Если вам приходится его использовать, значит, вы не используете стили (css).
Для примера - простая табличка. Можете взять ее за основу, меняя цвета, добавляя новые параметры в описания стилей, новые стили, столбцы и пр.
Наши малыши |
Ник | Имя | ДР | Место жительства | Ребенок | Дата рождения | Вес/рост при рождении | к 1 мес. |
Маша123 | Маша | 01/02/1980 | Москва | Анна | 05/01/10 | 3270г/50см | 4000г/53см |
Наташа456 | Наташа | 05/06/1977 | США | Петр | 01/01/10 | 3300г/50см | 4500г/55см |
Вот код этой таблицы. Не забудьте поменять название стиля - вместо tablichka напишите что-нибудь другое!
КОДЫ
<style type="text/css">
.tablichka { border: 1px solid silver; background: white }
.tablichka td { background: #acd6e0; font-family: Tahoma, Helvetica, sans-serif; color: #807501; font-weight: bold; font-size: 13px; text-align: center; padding: 5px }
.tablichka1 td { background: #e0ce02; color: #35b202; font-size: 28px; line-height: 135%; }
.tablichka2 td { background: #f2c2dd; }
.tablichka3 td { background: #FFFF99; }
</style>
<table class="tablichka">
<tr class="tablichka1">
<td colspan="8" height="30">Наши малыши</td>
<tr class="tablichka3">
<td width="100" height="30">Ник</td>
<td width="100">Имя</td>
<td width="100">ДР</td>
<td width="100">Место жительства</td>
<td width="100">Ребенок</td>
<td width="100">Дата рождения </td>
<td width="100">Вес/рост при рождении </td>
<td width="100">к 1 мес.</td>
</tr>
<tr class="tablichka2">
<td height="30">Маша123</td>
<td>Маша</td>
<td>01/02/1980</td>
<td>Москва</td>
<td>Анна</td>
<td>05/01/10</td>
<td>3270г/50см</td>
<td>4000г/53см</td>
</tr>
<tr>
<td height="30">Наташа456</td>
<td>Наташа</td>
<td>05/06/1977</td>
<td>США</td>
<td>Петр</td>
<td>01/01/10</td>
<td>3300г/50см</td>
<td>4500г/55см</td>
</tr>
</table>
Если ваша табличка вдруг обрезалась, если исчезли кнопки редактирования, или страницу перекосило - значит, скорее всего, произошло одно из следующего:
1. Вы забыли закрыть тег < table>
2. Таблица "не влезла" в ячейку базы данных, предназначенную для хранения текста. Очень много места занимают кавычки, еще больше - смайлики, поэтому даже короткая таблица может превысить допустимый размер.
Если это случилось, пишите мне. Здесь или в приват - все равно. Сами вы вряд ли что-то сможете сделать.
И последнее. Но очень важное Если вы будете нарушать правила, изложенные в этом посте, если по вашей вине систематически будет перекашивать страницы, будет меняться внешний вид страниц, статуса редактора вы можете лишиться.