Детская пока пуста Детская 0-1 Детская 1-3 Детская 3-7 Детская 7++ Спальня Гостиная Кухня Библиотека
Объявления
Если вы не видите сообщения в темах, попробуйте отключить Adblock
Почта не работает. Если нужно сменить почту, если есть проблемы со входом, пишите администратору Alina

Привет, Гость ( Вход | Регистрация )

Каскадный · [ Стандарт ] · Линейный+

› Таблицы на форуме - 2, как стать редактором, как сделать

Подписка | На e-mail | На печать
Alina
post 19 янв 2010, 15:07
Сообщение №1 (закреплено) (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Таблицы обычно делаются в Ровесниках, на Завалинке, в Планировании и проч.
Таблицы делаются с использованием 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/103270г/50см4000г/53см
Наташа456Наташа05/06/1977СШАПетр01/01/103300г/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. Таблица "не влезла" в ячейку базы данных, предназначенную для хранения текста. Очень много места занимают кавычки, еще больше - смайлики, поэтому даже короткая таблица может превысить допустимый размер.

Если это случилось, пишите мне. Здесь или в приват - все равно. Сами вы вряд ли что-то сможете сделать.

И последнее. Но очень важное
Если вы будете нарушать правила, изложенные в этом посте, если по вашей вине систематически будет перекашивать страницы, будет меняться внешний вид страниц, статуса редактора вы можете лишиться.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Ответить Создать Опрос
Ответов(230 - 239)
Alina
post 24 дек 2012, 15:50
Сообщение №231 (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
ЦИТАТА ( мамуля Катюля @ 24 дек 2012, 16:16 [?] )
Подскажите пожалуйста, как сделать так, чтоб табличка была свернута, т.е. нажимаешь на плюсик и она разворачивается...скрытый текст по-моему называется

Тег Expand.

Наведите, пожалуйста, порядок с тегами, там всю страницу перекосило. Потом расскажу про фон.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
мамуля Катюля
post 24 дек 2012, 22:04
Сообщение №232 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 263
Регистрация: 7.05.06
Москва, Бирюлёво

Машенька, 28.07.2001
Санечка 16.11.2012
Alina, я бы навела порядок, если бы знала как :BzZz:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 24 дек 2012, 22:31
Сообщение №233 (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
мамуля Катюля, у Вас та же проблема - нет закрывающего тега </table> после таблицы.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
мамуля Катюля
post 24 дек 2012, 22:48
Сообщение №234 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 263
Регистрация: 7.05.06
Москва, Бирюлёво

Машенька, 28.07.2001
Санечка 16.11.2012
ЦИТАТА ( Alina @ 24 дек 2012, 23:31 [?] )
</table>
:4u: Перекос исправила, а теперь хочу разобраться с фоном и как сворачивать таблицу. Алина, можно чуть подробнее про то, куда и как вставлять тег Expand. :worthy: Я новичок и только учусь :fool:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 24 дек 2012, 23:17
Сообщение №235 (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
мамуля Катюля, тег expand работает так же, как и любой другой - перед началом текста, который хотите спрятать, вставляете открывающий тег expand, после - закрывающий. Можно поэкспериментировать например, здесь.

Что касается фона. Сначала надо получить ссылку на картинку. Например, http://materinstvo.ru/background.jpg (это пример! там картинки нет!)
Тогда в свойствах таблицы (в css) добавляете background: url('http://materinstvo.ru/background.jpg') repeat;
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
мамуля Катюля
post 26 дек 2012, 11:43
Сообщение №236 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 263
Регистрация: 7.05.06
Москва, Бирюлёво

Машенька, 28.07.2001
Санечка 16.11.2012
Alina,
[+]
проба


Ура, получилось :dance: Спасибо :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
мамуля Катюля
post 5 янв 2013, 00:58
Сообщение №237 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 263
Регистрация: 7.05.06
Москва, Бирюлёво

Машенька, 28.07.2001
Санечка 16.11.2012
ЦИТАТА ( Alina @ 25 дек 2012, 00:17 [?] )
Что касается фона. Сначала надо получить ссылку на картинку. Например, http://materinstvo.ru/background.jpg (это пример! там картинки нет!) Тогда в свойствах таблицы (в css) добавляете background: url('http://materinstvo.ru/background.jpg') repeat;

Алина, начала оформлять табличку, почти всё получилось, но почему-то 1-ая строка в таблице другого цвета...Подскажите, где я накосячила? :blush:
Моя таблица [?]

Теперь я опять что-то перепутала, т.к. теперь вся таблица одного цвета, а я хотела строку, где перечисляются названия столбцов другого цвета...где это правится, если можно, то можете скопировать строку, где нужно вносить изменения, а то я в терминах не очень :BzZz:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 5 янв 2013, 01:28
Сообщение №238 (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
мамуля Катюля, не могу сейчас внимательнее посмотреть. Первое, что бросается в глаза - не нужны пробелы между # и кодом цвета.
КОДЫ
.tablichka2 td { background:#FFCC33 ;}
.tablichka3 td { background:#FFFF99 ;}
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Sib
post 15 янв 2013, 19:43
Сообщение №239 (ссылка)

мне комфортно
кандидат
» обо мне «
дневник
Сообщений: 2
Регистрация: 6.01.13
Иваново

весенняя врединка 2005
летний львенок 2013
вряд ли
Здравствуйте. Прошу статус редактора. И скажите, пожалуйста, кто такой сюзер?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 15 янв 2013, 19:58
Сообщение №240 (ссылка)

техадмин-программер
администратор
» обо мне «
дневник
Сообщений: 15232
Регистрация: 14.04.03
Питер

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Sib, к сожалению, не могу дать Вам статус редактора, т.к. Вы только зарегистрировались. Про сюзеров можно прочитать здесь: Группы пользователей на форуме
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
 

Ответить Опции темы Создать
1 посетителей читают эту тему (1 гостей и 0 скрытых пользователей)
здесь находятся:
 
 
Анонсы статей
Как страховые помогают семьям с тяжелобольными детьми в системе ОМС
Дети, у которых диагностированы ДЦП, онкология или орфанные (редкие сложные) заболевания, могут рассчитывать на поддержку государства в получении бесплатной...
6 пальцев на руке: в чем причина и что делать?
В Тюменской области за 2023 год родилось девять детей с шестью пальцами. В 2022 году таких малышей появилось на свет только шесть. Что это за отклонение...
Мифы о раке груди
Когда речь заходит о материнской груди, женщина как будто отходит на второй план.   Важными становятся интересы младенца: правда ли, что материнское молоко...
Владимир Ивашков, онколог, маммолог
Какую кашу любят россияне
В этом году россияне стали заказывать с доставкой больше каш: так, с начала этого года было куплено почти в 14 раз больше круп...
Реклама
Последние сообщения
[ 300 ] Муж уходит к "девушке из юности" 21:45 от: BelkaMaya
[ 1698 ] Раздолбаи. 8 класс. 20:36 от: secret secrets
[ 6547 ] Будни и праздники многодетной семьи 17:05 от: Мать погодок
[ 85 ] Летние детишки - 2025 г. 12:09 от: Tatsiana
[ 4033 ] От овуляции до задержки 10:56 от: Вредина-конфетина
[ 11 ] Вяжу для мам и малышей 17:21 от: олдина
[ 15 ] После поступления в колледж 20:25 от: Мама Сырника
[ 204 ] Современные стихи 11:45 от: kesh
[ 148 ] Уходят известные люди 13:30 от: Сияна Колеарова
[ 3149 ] Смешные открытки и фотографии 7 12:16 от: Редкая гостья
[ 837 ] Форум после апокалипсиса 07:39 от: secret secrets
[ 21026 ] Королевские дома 28 17:37 от: Сердцевинка
Скин форума: Перейти на версию для мобильных
Сейчас: 22 июл 25, 00:11
Рейтинг@Mail.ru Индекс цитирования
Мнение администрации сайта может не совпадать с точкой зрения авторов статей и других материалов, опубликованных на сайте. Помните, что в вопросах здоровья вас и ваших детей нельзя полагаться на советы, данные заочно по интернету!
Перепечатка и использование материалов сайта и сообщений из конференций РАЗРЕШЕНЫ только в интернете при наличии активной ссылки на MATERINSTVO.RU и с указанием имен авторов!
Использование фотографий ЗАПРЕЩЕНО без письменного разрешения их авторов!
Политика конфиденциальности и обработка персональных данных
Русская версия Invision Power Board © 2025  IPS, Inc.