Детская пока пуста Детская 0-1 Детская 1-3 Детская 3-7 Детская 7++ Спальня Гостиная Кухня Библиотека
Объявления
ВНЕ ПОЛИТИКИ. Любые политические провокации, демонстрации и намеки запрещены
Уважаемые новые пользователи!
Для активации профиля пишите администраторам или в доступный вам форум. Активация через почту временно приостановлена

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

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

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

Alina
post 19 янв 2010, 15:07
Сообщение №1 (закреплено) (ссылка)

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

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

И последнее. Но очень важное
Если вы будете нарушать правила, изложенные в этом посте, если по вашей вине систематически будет перекашивать страницы, будет меняться внешний вид страниц, статуса редактора вы можете лишиться.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Ответить Создать Опрос
Ответов(10 - 19)
Олеся
post 30 мая 2010, 00:07
Сообщение №11 (ссылка)

*
Sюзер
» обо мне «
дневник
Сообщений: 1847
Регистрация: 2.05.09
Glasgow

2002
2008
Январята-февралята 2011!

Здраствуйте, пожалуйста сделайте нам кнопочку для этой темки :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 30 мая 2010, 00:38
Сообщение №12 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Мне кажется, не было такой кнопки сделано. :(
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Олеся
post 30 мая 2010, 11:00
Сообщение №13 (ссылка)

*
Sюзер
» обо мне «
дневник
Сообщений: 1847
Регистрация: 2.05.09
Glasgow

2002
2008
Alina, наверное ждут когда февралята появятся? будем ждать :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 30 мая 2010, 14:03
Сообщение №14 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Mrs.Pink, так надо найти кого-нибудь, кто эту кнопку сделает :)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Олеся
post 30 мая 2010, 14:37
Сообщение №15 (ссылка)

*
Sюзер
» обо мне «
дневник
Сообщений: 1847
Регистрация: 2.05.09
Glasgow

2002
2008
Alina, обьясните, как? я видела вас попросили на первой странице и вы дали им ссылку. Или самой надо делать?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 30 мая 2010, 16:16
Сообщение №16 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Кнопки делает тот, кто умеет работать с анимированным gif. Сейчас есть кнопки до ноября-декабря 2010 года включительно. На 2011 надо делать. Я попрошу девушек с форума Фотошоп.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Олеся
post 30 мая 2010, 20:00
Сообщение №17 (ссылка)

*
Sюзер
» обо мне «
дневник
Сообщений: 1847
Регистрация: 2.05.09
Glasgow

2002
2008
Alina, спасибо :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
saulya
post 12 июн 2010, 18:32
Сообщение №18 (ссылка)

Тянись к звездам, чтобы твои дети достали до них
редактор
» обо мне «
дневник
Сообщений: 2436
Регистрация: 2.12.06
Москва, Ясенево

любимый муж :)
Артемий 28.04.2007
Мария 23.03.2010
Григорий 27.02.2012
Alina, помогите пожалуйста. Как сделать в табличке перенос строк? В моей темке большинство участников видят "рост/вес в 1/2/3 месяца" не на каждой строчке по месяцу, а сплошным текстом. Как можно это исправить? :help:
2010.03-04. Мартята-Апрелята 2010 (#22281090) [?]
Юзер в онлайне!ВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 12 июн 2010, 19:30
Сообщение №19 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
saulya, вставить <br> там, где нужно перейти на след.строчку.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 12 июн 2010, 19:44
Сообщение №20 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Новая порция кнопок, спасибо Молнии!

user posted image
КОДЫ
[img]http://forum.materinstvo.ru/style_images/Jan-Feb11_pr.gif[/img]


user posted image
КОДЫ
[img]http://forum.materinstvo.ru/style_images/Jan-Feb11_r.gif[/img]


Сделаны все кнопки до конца 2012 года! Чтобы не занимать место и не тратить время на перечисление, код кнопок почти везде одинаковый.
Для беременных:
КОДЫ
[img]http://forum.materinstvo.ru/style_images/месяцы11_pr.gif[/img]


Для родивших
КОДЫ
[img]http://forum.materinstvo.ru/style_images/месяцы11_r.gif[/img]


Вместо слова "месяцы" вставляем:

Jan-Feb - январь-февраль
Mar-Apr - март-апрель
May-Jun - май-июнь
Jul-Aug - июль-август
Sep-Oct - сентябрь-октябрь
Nov-Dec - ноябрь-декабрь
-------------------------------------
Сказали "спасибо": 1 раз(а)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить

Ответить Опции темы Создать
1 посетителей читают эту тему (1 гостей и 0 скрытых пользователей)
здесь находятся:
 

 
Анонсы статей
Как писать сочинение по русскому языку на ЕГЭ-2024
Приступая к работе над сочинением, в первую очередь следует подумать над текстом и найти в нем проблему. Как правило, на основе каждого текста в ЕГЭ по...
Хандра в конце зимы: как пережить?
Хандра или депрессивное настроение в конце зимы, также известное как зимняя депрессия или сезонное аффективное расстройство (SAD), может быть вызвано...
Пять полезных овощных супов
Овощные супы не только являются невероятно вкусным блюдом, но и богаты витаминами, минералами и питательными веществами, необходимыми для поддержания...
Поведение онлайн и офлайн: две реальности или одна?
В современном мире Интернет настолько встраивается в повседневную жизнь человека, трансформируя его картину мира, что у индивида возникает ощущение, будто...
Инна Борисовна Бовина, Николай Викторович Дворянчиков
Реклама
Последние сообщения
Скин форума: Перейти на версию для мобильных
Сейчас: 29 мар 24, 11:37
Рейтинг@Mail.ru Индекс цитирования
Мнение администрации сайта может не совпадать с точкой зрения авторов статей и других материалов, опубликованных на сайте. Помните, что в вопросах здоровья вас и ваших детей нельзя полагаться на советы, данные заочно по интернету!
Перепечатка и использование материалов сайта и сообщений из конференций РАЗРЕШЕНЫ только в интернете при наличии активной ссылки на MATERINSTVO.RU и с указанием имен авторов!
Использование фотографий ЗАПРЕЩЕНО без письменного разрешения их авторов!
Политика конфиденциальности и обработка персональных данных