Помогите с таблицей.

автор Dimo4ka Январь 20th 2011, 11:21

Здраствуйте. Я хочу поставить себе на форум таблицу. Чтобы можно было в ней писать погоду, недавние события и т.д.
Вот скрин таблицы.

Спойлер:

Вот мне нужно преимерно такую же таблицу на вот этот форум.
http://new-life.2x2forum.com/

Очень прошу помочь сделать мне скрипты таблицы. И заранее скажите куда это всё вставлять.
Жду от вас ответа как воробей лета smile

автор **Dana Domirani** Январь 20th 2011, 11:32

На глазок: в таблице на скрине три колонки по одной ячейке.

Дорогие гости!

Картинка

Уважаемые игроки!

Думаю, Вам этого будет маловато.

автор Dimo4ka Январь 20th 2011, 12:02

А можно 6 сделать?

в два ряда.
Вот что бы было. Дорогие Гости, Картинка, Погода. Потом ниже. Объявления, Новости, Недавние события.
эм...вы примерно понимаете? если нет то скажите я постараюсь объяснить по подробней.
Вот в объявлениях, хочу примерно вот так.

Спойлер:

Помогите пожалуйста.

автор **Dana Domirani** Январь 20th 2011, 12:09

Сделаю.

автор Dimo4ka Январь 20th 2011, 21:48

Хорошо, буду ждать.

автор Dimo4ka Январь 23rd 2011, 10:26

Простите, а можно узнать когда будет готово?
Просто мне в ближайшие дни нужно.

автор **Dana Domirani** Январь 23rd 2011, 10:34

1. Сам код таблицы:

Код:: <div id="tbintr"> <table bgcolor="transparent" cellpadding="5" cellspacing="0" width="100%" border="0" align="center" rules="none" class='intr'> <tbody><tr valign="top" align="center"> <td width="20%" HEIGHT="200px"><img src="http://i31.servimg.com/u/f31/14/71/65/95/dfdfg10.png" alt="Дорогие Гости" /> <p>Приветствуем вас на нашем форуме! Далее текст приветствия, краткие пояснения, ссылка на правила и тому подобное... </p> </td> <td rowspan="2" background="http://i31.servimg.com/u/f31/14/71/65/95/sdf210.png"> <img src="http://i31.servimg.com/u/f31/14/71/65/95/dfsdf11.jpg" alt="Наш Мир" /><br /> <img src="http://i31.servimg.com/u/f31/14/71/65/95/dfdfg310.png" alt="Новости" /><br /> <p>Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. Главные новости на сегодняшний день. </p> </td> <td width="20%"><img src="http://i31.servimg.com/u/f31/14/71/65/95/dfdfg710.png" alt="Погода" /> <p>По прогнозам синоптиков, в ночь на полнолуние температура понизится до минус 13 - минус 15 градусов, будет от 11 до 16 градусов мороза, местами воздух остынет до минус 20 градусов, а порывы ветра будут достигать 15 м/с.</p> </td> </tr><tr valign="top" align="center"> <td><img src="http://i31.servimg.com/u/f31/14/71/65/95/dfdfg211.png" alt="Объявления" /> <p>Внимание! Первое объявление в этом году! <br /><a href="/forum">[подробнее]</a></p> <p>Внимание! Второе объявление в этом году! <br /><a href="/forum">[подробнее]</a></p> </td> <td><img src="http://i31.servimg.com/u/f31/14/71/65/95/dfdfg410.png" alt="Недавние события" /> <p><b>01.1.2011</b> - <a href="/forum">С Новым Годом</a><br /> <b>07.1.2011</b> - <a href="/forum">Первое событие</a><br /> <b>16.1.2011</b> - <a href="/forum">Второе событие</a><br /> <b>21.1.2011</b> - <a href="/forum">Третье событие</a><br /></p> </td> </tr></tbody></table> </div>

Установить в приветствие на Главной странице (там Вам будет удобнее редактировать ее) и сохранить.

2. Стили для CSS: установить в Па > Оформление > Цвета > Каскадная таблица стилей CSS

Код:: .intr td { text-align: center; } .intr td p { text-align: justify; font-size: 11px; margin: 3px 10px; padding-bottom: 5px; border-bottom: 1px dashed #86959F; } #tbintr { background-image: url("http://i31.servimg.com/u/f31/14/71/65/95/firesh10.jpg"); border: 2px solid #A9A9A9; } #tbintr a, #tbintr a:link, #tbintr a:visited, #tbintr a:active, #tbintr a:hover { color: #008000 !important; font-weight: bold; text-decoration: none; }

3. Заменить ссылки и текст на требуемые. Все.

автор Dimo4ka Январь 25th 2011, 13:02

Вау!!! Классно)))
Спасибо!
А можно как нибудь сделать чтобы он стиль не растягивал? А то получается что у меня стиль меняеться и вобще плохо получаеться :( Фона не видно и вид меняеться.

автор **Dana Domirani** Январь 25th 2011, 13:10

Про фон - не поняла, извините, вижу Ваш форум нормально.

Чтобы не растягивался форум, поставьте изображение над новостями поменьше (то, с драконом - сугубо для примера). Или перенесите таблицу из объявления непосредственно в шаблон (пример тут)