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

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

Ответить Создать Опрос

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

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

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

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

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

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

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

Егор 30.10.2006 02:10
Кристина 28.07.2009 22:24
можно код для кнопочки. вот наша табличка Сводные таблицы (#18330086)
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 27 янв 2010, 19:53
Сообщение №3 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
user posted image [?]
КОДЫ

[url=http://forum.materinstvo.ru/index.php?view=findpost&showtopic=10811&p=17877730][IMG]http://forum.materinstvo.ru/style_images/Jul-Aug09_r.gif[/IMG][/url]
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
*Fialka*
post 27 янв 2010, 20:39
Сообщение №4 (ссылка)

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

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

Я не сдурела. Я вообще такая.
редактор
» обо мне «
дневник
Сообщений: 4716
Регистрация: 1.04.07
Заполярный Норильск

Ладушка 19.06.2006
Бориска 02.12.2010
Я за статусом редактора пришла. :4u: Для таблички на завалинке "Ноябрята-Декабрята 2010"
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 22 апр 2010, 10:49
Сообщение №6 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Веснушка, :4u:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Олеся
post 12 мая 2010, 19:12
Сообщение №7 (ссылка)

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

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

помогите нам пожалуйста с табличкой для этой темки.Я сделала таблицу в программe Microsoft Works Words, но не знаю,как ее вставить, пробовала соxранить в другом виде, но тогда картинки исчезают :scratch: Если я сохраню в виде HTML, то она вставится безо всяких кодов или все равно в ручную придется писать, и как потом дополнять/изменять ее тогда?

Отредактировано: Alesiya в 12 мая 2010, 19:15
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 12 мая 2010, 19:32
Сообщение №8 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Alesiya, здравствуйте! боюсь, что табличка из Word не подойдет. Там много лишнего кода и даже средних размеров табличка в пост уже не влезет. Все равно приходится писать вручную. Чтобы сделать табличку, получается, надо хоть немного разбираться в HTML и css.
Картинки же надо сохранять и закачивать отдельно.
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Олеся
post 13 мая 2010, 12:37
Сообщение №9 (ссылка)

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

2002
2008
Alina, спасибо за ответ. Я уже чуток разобралась, помогли девочки с форума, спасибо им огромное! теперь вопрос,как вставить фон-картинку, пожалуйста подскажите если картинка например с интернета, то как ее сделать фоном, какие коды вставлять в програмку ?




И можно сделать меня редактором, я попытаусь сделать таблицу :shuffle:
Юзер вышелВизиткаП/Я
К началу страницы     
+Ответить
Alina
post 13 мая 2010, 13:35
Сообщение №10 (ссылка)

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

Алёна 21.10.2003
Ваня 22.04.2006
alina_sob
Alesiya, если картинка фоновая - можно либо загрузить на Материнство (в дневник, например) и взять ее адрес, либо загрузить на какой-нибудь хостинг картинок, типа Радикала и тоже взять адрес.
В свойствах таблицы, в css прописать

КОДЫ
background: url('адрес_картинки_подставить') no-repeat;


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

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

 
Анонсы статей
Что делать, когда болит спина
Основные факторы развития боли в спине – сидячий образ жизни, тяжелый физический труд, подъем тяжестей. Наши пациенты – в первую очередь офисные работники,...
Как писать сочинение по русскому языку на ЕГЭ-2024
Приступая к работе над сочинением, в первую очередь следует подумать над текстом и найти в нем проблему. Как правило, на основе каждого текста в ЕГЭ по...
Как инвестировать в загородную недвижимость в 2024 году
Если мы говорим про недвижимость в целом, то это традиционный инструмент, и он является одним из самых надежных. На нем можно хорошо заработать при низком...
Молодые родители назвали критерии выбора новой квартиры
Главными критериями выбора квартиры для молодых российских семей являются наличие просторной кухни-гостиной, сквера для прогулок и близость образовательных...
Реклама
Последние сообщения
[ 6 ] Мама, я в Иране 14:27 от: Кисин Хвост
[ 4 ] Прошу молитв о маме 14:27 от: Cypeпка
[ 22 ] China tur 14:23 от: Холми
[ 16324 ] Королевские дома 28 13:23 от: Joki
[ 1132 ] Все о цветах и не только 🌺 13:04 от: secret secrets
[ 0 ] Единая карта петербуржца 12:27 от: Коримбия
[ 3515 ] Весна-лето 2022, часть 2 12:08 от: Нарцисска
Скин форума: Перейти на версию для мобильных
Сейчас: 27 апр 24, 14:30
Рейтинг@Mail.ru Индекс цитирования
Мнение администрации сайта может не совпадать с точкой зрения авторов статей и других материалов, опубликованных на сайте. Помните, что в вопросах здоровья вас и ваших детей нельзя полагаться на советы, данные заочно по интернету!
Перепечатка и использование материалов сайта и сообщений из конференций РАЗРЕШЕНЫ только в интернете при наличии активной ссылки на MATERINSTVO.RU и с указанием имен авторов!
Использование фотографий ЗАПРЕЩЕНО без письменного разрешения их авторов!
Политика конфиденциальности и обработка персональных данных