Детская пока пуста Детская 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. Таблица "не влезла" в ячейку базы данных, предназначенную для хранения текста. Очень много места занимают кавычки, еще больше - смайлики, поэтому даже короткая таблица может превысить допустимый размер.

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

И последнее. Но очень важное
Если вы будете нарушать правила, изложенные в этом посте, если по вашей вине систематически будет перекашивать страницы, будет меняться внешний вид страниц, статуса редактора вы можете лишиться.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Ответить Создать Опрос
Ответов(40 - 49)
*Fialka*
post 13 сен 2010, 08:24
Сообщение №41 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 16351
Регистрация: 1.09.05
Москва

Егор 30.10.2006 02:10
Кристина 28.07.2009 22:24
Alina, Сводные таблицы ПДР (#2601004) [?]
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 13 сен 2010, 08:33
Сообщение №42 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
*Fialka*, я тогда Вам лучше обратно статус дам. Никто же этой табличкой не занимается, правильно?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
*Fialka*
post 13 сен 2010, 12:26
Сообщение №43 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 16351
Регистрация: 1.09.05
Москва

Егор 30.10.2006 02:10
Кристина 28.07.2009 22:24
Alina, да,этой никто не занимается. Спасибо :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 14 сен 2010, 12:47
Сообщение №44 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Первая строка закрасилась не до конца, потому что colspan у Вас на 8 столбцов только. А столбцов 12. Значит, и colspan должен быть 12.

Таблица цветов html

В первой строке - это не адрес картинки, это адрес записи, в которой размещена картинка. Адрес самой картинки - это тот, что заканчивается на .jpg И после описания стиля надо его применить к какой-то ячейке.

Ширину и высоту ячейки обязательно надо убрать в стили, чтобы не повторять каждый раз. А то, когда табличка станет побольше, места не хватит.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Баффи
post 14 сен 2010, 13:25
Сообщение №45 (ссылка)

Любительница попутешествовать
редактор
» обо мне «
дневник
Сообщений: 1992
Регистрация: 6.01.05
Казань

Карина 31.08.05
Даниэль 26.04.11
Alina, огромное спасибо! буду исправлять ;)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Баффи
post 14 сен 2010, 13:41
Сообщение №46 (ссылка)

Любительница попутешествовать
редактор
» обо мне «
дневник
Сообщений: 1992
Регистрация: 6.01.05
Казань

Карина 31.08.05
Даниэль 26.04.11
То, до чего смогла доехать своими силами, исправила, а остальное не поняла. Ткните носом, пож-та :blush:
Вставила джепег, но картинка не появилась. Видимо, я не указала нужную ячейку. А как это сделать :???:

не могу изменить цвет второй строки :fingal: (may2 td { background: #33CCFF; } вот тут меняла номер цвета, но ничего не произошло, видимо не то что-то делаю опять)

<style type="text/css">
td.first{ background: url(http://forum.materinstvo.ru/uploads/journals/1284365228/j8935_1284447626.jpg)no-repeat;}
</style>
<style type="text/css">
.may { background: #e0ce02;; border: 1px solid silver; background: white }
.may td { font-family: Tahoma, Helvetica, sans-serif; color: #807501; font-weight: bold; font-size: 13px; text-align: center; padding: 5px }
.may1 td { background: #FFFF33; color: #FF66FF; font-size: 28px; line-height: 135%; }
.may2 td { background: #33CCFF; }
.may3 td { background: #FFFF99; }
</style>
<table class="may">
<tr class="may1">
<td colspan="12" height="30">Малышата Май-Июнь 2011</td>
<tr class="may3">
<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">Первые шевеления </td>
<td width="100">Прибавка в весе к 20/30 неделям</td>
<td width="100">Вес по УЗИ </td>
<td width="100">Дата родов </td>
<td width="100">Имя, вес, рост при рождении</td>
</tr>
<tr>
<td height="30">Solo mia/ Виктория</td> <td>12.04.1986</td> <td>Москва</td> <td>Первый</td> <td>05.05.2011</td>
</tr>
<tr>
<tr>
</table>
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 14 сен 2010, 13:48
Сообщение №47 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Смотрите, вот этим:

КОДЫ
<style type="text/css">
td.first{ background: url(http://forum.materinstvo.ru/uploads/journals/1284365228/j8935_1284447626.jpg)no-repeat;}
</style>

Вы описываете стиль. То есть как бы сообщаете программе, что когда ей встретится ячейка класса first, то у этой ячейки должен быть фон из указанной картинки.
А дальше надо в нужной ячейке задать атрибут class=first, т.е. код, открывающий ячейку, будет выглядеть так:
КОДЫ
<td class=first тут_другие_атрибуты>


То же самое и с цветом - Вы просто этот класс ничему не присвоили, в отличие от классов may1 и may3, которые присвоены первой и второй строкам таблицы соответственно.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Баффи
post 7 фев 2011, 17:08
Сообщение №48 (ссылка)

Любительница попутешествовать
редактор
» обо мне «
дневник
Сообщений: 1992
Регистрация: 6.01.05
Казань

Карина 31.08.05
Даниэль 26.04.11
Как сложно все оказалось с этими стилями.
Помогите, пож-ста, никак не могу сообразить. Чтобы каждый раз не повторять цвет столбца и другие параметры, вот эти:

<tr align="center" valign="middle"><td height="20" width="110"><font color="#ff9900"><b>Bet/<br>Елизавета</b> </font></td>
<td width="60"><font color="#00008B"><b>05.12.1977</b></font></td>
<td width="100"><font color="#00008B"><b>Израиль - Ариэль</b> </font></td>
<td width="55"><font color="#00008B"><b>второй</b></font></td>
<td width="100"><font color="#00008B"><b>27.04.2011</b></font></td>
<td width="45"><font color="#00008B"><b>?</b></font></td>
<td width="95"><font color="#00008B"><b>Девочка</b></font></td>
<td width="95"><font color="#00008B"><b>?</b></font></td>
<td width="50"><font color="#00008B"><b>+6 кг</b></font></td>
<td width="115"><font color="#00008B"><b>?</b></font></td>
<td width="115"><font color="#00008B"><b>?</b></font></td>
<td width="115"><font color="#00008B"><b>?<br></b></font></td>
</tr>

как нужно оформить стиль в начале таблицы и что с ним делать дальше?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 7 фев 2011, 17:55
Сообщение №49 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Баффи, font и b убираем совсем.

Цветов у нас два. Значит, объявляем в начале два класса.

td.mj11_1{
color: #ff9900;
font-weight: bold;
}

td.mj11_2{
color: #00008B;
font-weight: bold;
}

Названия классов такие жуткие - от балды :) May-June-11, по первым буквам. Можно дать любые другие, главное, чтобы они были уникальные. Например, baffy_1 и baffy_2 (или buffy?)

Ширину столбцов достаточно задать один раз, в самом верхнем ряду.

Применять так

КОДЫ
<tr><td width=110 class=mj11_1>Bet<br>Елизавета</td>
<td width=60 class=mj11_2>05.12.1977</td>
...
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Баффи
post 7 фев 2011, 18:22
Сообщение №50 (ссылка)

Любительница попутешествовать
редактор
» обо мне «
дневник
Сообщений: 1992
Регистрация: 6.01.05
Казань

Карина 31.08.05
Даниэль 26.04.11
А у меня цвет почему-то не отображается так:

Скопировала для пробы то, что вы написали и вставила вот в таком виде в середину таблицы, уже после тех строк, где описывается шапка таблицы

<td.mj11_1{color: #ff9900;font-weight: bold;}>

<td.mj11_2{color: #00008B;font-weight: bold;}>

<tr><td width=110 class=mj11_1>Bet<br>Елизавета</td>
<td width=60 class=mj11_2>05.12.1977</td>
<td width=100 class=mj11_2>Израиль - Ариэль</td>
<td width=55 class=mj11_2>второй</td><td width="100"><font color="#00008B"><b>27.04.2011</b></font></td>
<td width="45"><font color="#00008B"><b>?</b></font></td>
<td width="95"><font color="#00008B"><b>Девочка</b></font></td>
<td width="95"><font color="#00008B"><b>?</b></font></td>
<td width="50"><font color="#00008B"><b>+6 кг</b></font></td>
<td width="115"><font color="#00008B"><b>?</b></font></td>
<td width="115"><font color="#00008B"><b>?</b></font></td>
<td width="115"><font color="#00008B"><b>?<br></b></font></td>
</tr>

Что-то не так сделала, да?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
 

Ответить Опции темы Создать
1 посетителей читают эту тему (1 гостей и 0 скрытых пользователей)
здесь находятся:
 
 
Анонсы статей
Как спят маленькие дети. Объясняет врач
Вопрос сна — наверное, один из наиболее пугающих для родителей. А спят дети совершенно иначе, нежели спят взрослые люди. Это особенности так называемой...
Сможет ли робот выносить ребенка?
Илон Маск работает над созданием робота, который сможет зачать и выносить ребёнка. Возможна ли такая технология? Комментирует генетик Пироговского Университета...
Советские новогодние открытки 1950-1960-х годов
В СССР было принято писать друг другу поздравительные открытки к праздникам. Каждый год издавались партии новых новогодних открыток, пользовавшиеся большим...
Действительно ли сейчас дети выше, чем были в прошлом веке?
Современные дети имеют увеличенные размеры в процессе роста и развития. Также отмечается ускорение биологического созревания...
Ольга Юрьевна Милушкина, проректор по учебной работе Пироговского Университета, главный внештатный специалист по гигиене детей и подростков Минздрава России д.м.н., профессор, член-корреспондент РАН.
Реклама
Последние сообщения
[ 250 ] Муж уходит к "девушке из юности" 15:36 от: JuliaBB
[ 204 ] Современные стихи 11:45 от: kesh
[ 4031 ] От овуляции до задержки 10:54 от: АлЯ_ФисташКо
[ 81 ] Летние детишки - 2025 г. 20:36 от: АлЯ_ФисташКо
[ 148 ] Уходят известные люди 13:30 от: Сияна Колеарова
[ 3149 ] Смешные открытки и фотографии 7 12:16 от: Редкая гостья
[ 837 ] Форум после апокалипсиса 07:39 от: secret secrets
[ 21026 ] Королевские дома 28 17:37 от: Сердцевинка
[ 573 ] Работы по просьбам: помогаем друг другу 00:58 от: Инно4ка
[ 1784 ] Что мы читаем. 15:23 от: Редкая гостья
Скин форума: Перейти на версию для мобильных
Сейчас: 18 июл 25, 15:44
Рейтинг@Mail.ru Индекс цитирования
Мнение администрации сайта может не совпадать с точкой зрения авторов статей и других материалов, опубликованных на сайте. Помните, что в вопросах здоровья вас и ваших детей нельзя полагаться на советы, данные заочно по интернету!
Перепечатка и использование материалов сайта и сообщений из конференций РАЗРЕШЕНЫ только в интернете при наличии активной ссылки на MATERINSTVO.RU и с указанием имен авторов!
Использование фотографий ЗАПРЕЩЕНО без письменного разрешения их авторов!
Политика конфиденциальности и обработка персональных данных
Русская версия Invision Power Board © 2025  IPS, Inc.