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

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

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

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

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

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

И последнее. Но очень важное
Если вы будете нарушать правила, изложенные в этом посте, если по вашей вине систематически будет перекашивать страницы, будет меняться внешний вид страниц, статуса редактора вы можете лишиться.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Ответить Создать Опрос
Ответов(270 - 279)
Anomalia
post 6 июн 2013, 17:50
Сообщение №271 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 27987
Регистрация: 20.07.11
Барнаул

Софья
Рустам
Васёна
Алиночка, мы тебя любим
Ренат
Марат
Anomalia, ставить перенос строки <br />

спасибо :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Anomalia
post 17 июл 2013, 15:37
Сообщение №272 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 27987
Регистрация: 20.07.11
Барнаул

Софья
Рустам
Васёна
Алиночка, мы тебя любим
Ренат
Марат
Скажите пожалуйста, если моя тема закрыта, а мне нужно код таблицы скопировать, что делать?
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 17 июл 2013, 16:15
Сообщение №273 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Anomalia, дайте ссылку на тему (и на пост, если он не первый) - я пришлю вам код.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Anomalia
post 17 июл 2013, 17:05
Сообщение №274 (ссылка)

*
редактор
» обо мне «
дневник
Сообщений: 27987
Регистрация: 20.07.11
Барнаул

Софья
Рустам
Васёна
Алиночка, мы тебя любим
Ренат
Марат
Anomalia, дайте ссылку на тему (и на пост, если он не первый) - я пришлю вам код.
спасибо
Июльчата-Августята 2013. Часть 29
там таблица и недельки :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Amerikanka
post 15 авг 2013, 15:05
Сообщение №275 (ссылка)

Forever in my heart...
редактор
» обо мне «
дневник
Сообщений: 3479
Регистрация: 27.08.10

Alina, помогите мне еще раз пожалуйста :4u:
Я делаю табличку на завалинке и у меня не получается ее закрыть ( в смысле у меня нет одной стенки), я не могу понять почему :cry:

Я дам ссылку на первое сообщение в теме с табличкой, поправьте мне пожалуйста и скажите что я делала не правельно :fingal: :4u:

Мартята - Апрелята 2014, 03 - 04. 2014 (#38809043) [?]
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 15 авг 2013, 15:38
Сообщение №276 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Amerikanka, справа не отображается граница таблицы, потому что в стиле .barhat td задано: BORDER-right: 0px solid - вот она и не показывается.
-------------------------------------
Сказали "спасибо": 1 раз(а)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Amerikanka
post 15 авг 2013, 16:15
Сообщение №277 (ссылка)

Forever in my heart...
редактор
» обо мне «
дневник
Сообщений: 3479
Регистрация: 27.08.10

Alina, а поправьте пожалуйста, что то я не могу понять куда засунуть это :shuffle:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 15 авг 2013, 17:01
Сообщение №278 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Amerikanka, извините, сейчас свободного времени совсем нет.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Легенда
post 15 авг 2013, 22:35
Сообщение №279 (ссылка)

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

Кира 15.01.2010
Amerikanka, попробуйте заменить в коде, что Алина процитировала, 0px на 1px
-------------------------------------
Сказали "спасибо": 1 раз(а)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Amerikanka
post 28 авг 2013, 17:09
Сообщение №280 (ссылка)

Forever in my heart...
редактор
» обо мне «
дневник
Сообщений: 3479
Регистрация: 27.08.10

Легенда, огромное спасибо !!!! Все получилось!
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить

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

 
Анонсы статей
Действительно ли сейчас дети выше, чем были в прошлом веке?
Современные дети имеют увеличенные размеры в процессе роста и развития. Также отмечается ускорение биологического созревания...
Ольга Юрьевна Милушкина, проректор по учебной работе Пироговского Университета, главный внештатный специалист по гигиене детей и подростков Минздрава России д.м.н., профессор, член-корреспондент РАН.
Три системы, с которых начинается процесс старения
Старение происходит с разной скоростью: у одних людей оно может быть физиологическим, у других — замедленным, у третьих — ускоренным...
Бабушкины страшилки: в какие советские мифы про здоровье уже давно нельзя верить
Надень шапку, а то застудишь голову и дурачком станешь! Не сиди на холодном! Только не намочи манту! — с опаской предупреждали мамы и бабушки детей...
Судмедэксперт прокомментировал отравление семьи дихлофосом
Тяжелое отравление фосфорорганическими веществами бытового назначения может привести к смерти довольно быстро, очень характерны спазм дыхательной мускулатуры,...
Реклама
Последние сообщения
[ 301 ] Муж уходит к "девушке из юности" 00:24 от: Мама Сырника
[ 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, 02:59
Рейтинг@Mail.ru Индекс цитирования
Мнение администрации сайта может не совпадать с точкой зрения авторов статей и других материалов, опубликованных на сайте. Помните, что в вопросах здоровья вас и ваших детей нельзя полагаться на советы, данные заочно по интернету!
Перепечатка и использование материалов сайта и сообщений из конференций РАЗРЕШЕНЫ только в интернете при наличии активной ссылки на MATERINSTVO.RU и с указанием имен авторов!
Использование фотографий ЗАПРЕЩЕНО без письменного разрешения их авторов!
Политика конфиденциальности и обработка персональных данных