Таблицы на заказ (14)

Поделиться241Чт, 12 Апр 2012 22:00:16

Автор: Ринail.ru
Заслуженный
Зарегистрирован: Ср, 22 Фев 2012
Сообщений: 112
Уважение: +1
Позитив: +1
Последний визит:
Вс, 12 Май 2013 23:31:31

Фуф в общем страпаля своими силами)

Отредактировано Ринail.ru (Пт, 13 Апр 2012 18:07:14)

0

Поделиться242Пт, 13 Апр 2012 11:56:09

Автор: Saikiderikku
Заслуженный
Зарегистрирован: Сб, 18 Фев 2012
Сообщений: 29
Уважение: +1
Позитив: +3
Пол: Женский
Последний визит:
Ср, 6 Мар 2013 13:46:18

1)

2) http://welcomecats.mybb.ru/
3) в "важном" прокрутку

Отредактировано Saikiderikku (Пт, 13 Апр 2012 11:56:34)

0

Поделиться243Пт, 13 Апр 2012 18:19:52

Автор: AmmyNammy
Заслуженный
Зарегистрирован: Пн, 6 Фев 2012
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Пт, 17 Авг 2012 09:43:21

1.
2. http://nighshoolmusical.rusff.ru/
3. фон таблицы - прозрачный

Отредактировано AmmyNammy (Пт, 13 Апр 2012 18:22:30)

0

Поделиться244Пт, 13 Апр 2012 19:15:16

Автор: Aiso
Заслуженный
Зарегистрирован: Вс, 17 Июл 2011
Сообщений: 58
Уважение: +1
Позитив: +1
Пол: Женский
Последний визит:
Пн, 6 Янв 2014 04:11:22

Простите за беспокойство, но мне нужна вот такая табличка.
Это макет:

Вот что бы она была под таким фоном.

Что бы были размещены вот такие часики

Код:

<div class="block"><h3 class="widgettitle">Часики Miku-chan*</h3>	<div class="textwidget"><p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="150" height="180" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://miuki.info/clock/mikuflclock.swf" /><param name="wmode" value="#ffffff" /><embed type="application/x-shockwave-flash" width="150" height="180" src="http://miuki.info/clock/mikuflclock.swf" wmode="#ffffff"></embed></object></p>

Ну, и вот такое изображение, на месте "картинка".

0

Поделиться245Сб, 14 Апр 2012 11:11:41

Автор: Макс Андерсон
Заслуженный
Зарегистрирован: Сб, 25 Фев 2012
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Вс, 27 Май 2012 19:24:52

Но таблица требуется не для структуры, а просто в BBcode. Вставлять в текст.
Самый верхний текст под цифрой один требуется сделать, чтобы он писался по середине и выделялся жирным. Текст 2 - Слово "Эволюция" выделить

Код:

[color=blue][/color]

, сделать жирным и по середине. под ним текст 10 шрифтом.
В тексте 3 слово "Место Обитания" сделать по середине, выделить жирным и

Код:

[color=green][/color]

. Под ним текст
Изображение 4 посередине. Размер 250x300 пикселей.
Текст 5. Слово "Атаки" посередине,

Код:

[color=maroon][/color]

, выделено жирным. Под ним текст выравненный по левому краю.
Текст 6. Слово "ТИП" посередине, выделено жирным. Под ним текст по центру.
Текст 7. Слово "РОД" посередине, выделено жирным. Под ним текст по центру.
Текст 8 Фраза "РОСТ(м)/ВЕС(кг)" посередине, выделено жирным. Под ним текст по центру.
Текст 9. Слово "ПОЛ" посередине, выделено жирным. Под ним текст по центру.
Текст 10. Слово "ОПИСАНИЕ" посередине, выделено жирным. Под ним текст.
Пожалуйста, выполните эту работу. Заранее огромное спасибо.
Сайт http://pikanami.anihub.ru/

Отредактировано Макс Андерсон (Сб, 14 Апр 2012 12:15:57)

0

Поделиться246Сб, 14 Апр 2012 11:17:01

Автор: Макс Андерсон
Заслуженный
Зарегистрирован: Сб, 25 Фев 2012
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Вс, 27 Май 2012 19:24:52

Ну, и извиняюсь за наглость, можно таблицу уже в скрипт.
Вот шаблон:
А вот скрипт MAP-карты.
<img src="http://uploads.ru/i/e/W/7/eW7Gc.jpg" width="672" height="370" border="0" usemap="#map" />

<map name="map">
<area shape="rect" coords="0,0,280,30" href="http://pikanami.anihub.ru/viewtopic.php?id=2" />
<area shape="rect" coords="0,30,280,60" href="http://pikanami.anihub.ru/viewtopic.php?id=15" />
<area shape="rect" coords="0,60,280,90" href="http://pikanami.anihub.ru/viewtopic.php?id=9" />
<area shape="rect" coords="0,90,280,120" href="http://pikanami.anihub.ru/viewtopic.php?id=3" />
<area shape="rect" coords="0,120,280,150" href="http://pikanami.anihub.ru/viewforum.php?id=3" />
<area shape="rect" coords="0,150,280,180" href="http://pikanami.anihub.ru/viewtopic.php?id=20#p66" />
</map>
Сайт http://pikanami.anihub.ru/

Отредактировано Макс Андерсон (Сб, 14 Апр 2012 12:16:04)

0

Поделиться247Сб, 14 Апр 2012 15:15:12

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Можно мне вот такую таблицу http://uploads.ru/i/x/K/2/xK2y0.png
ссылка на форум http://nessy.mybb.ru/

0

Поделиться248Сб, 14 Апр 2012 15:39:27

Автор: Трамп
Заслуженный
Зарегистрирован: Пт, 30 Дек 2011
Сообщений: 65
Уважение: +1
Позитив: +10
Пол: Женский
Последний визит:
Сегодня 16:42:22

Если не сложно, можно ли такую таблицу?

Ссылка на форум: http://bredbredbred.3bb.ru/
Забыла добавить. Если не сложно, то в пункте новости в игре, тоже сделайте пожалуйста прокрутку.
Огромное спасибо!

Отредактировано Трамп (Сб, 14 Апр 2012 16:01:53)

0

Поделиться249Сб, 14 Апр 2012 16:36:21

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Saikiderikku
Вот:

<style>#pun-announcement table { width: 90%; height: 300px; }
#pun-announcement td div { border: 1px solid black; text-align: center; margin: 5px; }
#pun-announcement h3 { font-weight: bold; margin-bottom: 5px; } </style>

<center><table border="0" align="center"><colgroup><col width="30%"><col width="40%"><col width="30%"></colgroup>
<tr><td>
<div style="height: 50%"><h3>Погода</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
<div style="height: 50%"><h3>Об игре</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
</td><td>
<div style="height: 30%"><h3>Приветствие</h3>
Контент<br>Контент</div>
<div style="height: 40%"><img src="Ссылка на изображение" /></div>
<div style="height: 30%; overflow-y: auto;"><h3>Важно</h3>
Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент</div>
</td><td>
<div style="height: 50%"><h3>Новости</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
<div style="height: 50%"><h3>Время в игре</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
</td></tr></table></center>

Красное - Высота таблицы, высота "ячеек" будет подстраиваться под неё.
Синее - Путь к изображению по центру таблицы
Зелёное - Стиль заголовков "ячеек"

Отредактировано kozhilya (Сб, 14 Апр 2012 16:43:10)

+1

Поделиться250Сб, 14 Апр 2012 16:55:45

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

AmmyNammy

<style>#pun-announcement table { width: 680px; height: 300px; }
#pun-announcement td { border: 1px solid black; text-align: center; vertical-align: top; overflow-y: auto; } </style>

<center>
<table border="0" align="center">
<colgroup><col width="33%"><col width="33%"><col width="33%"></colgroup>
<tbody><tr>
<td> html-поле для контента </td>
<td> html-поле для контента </td>
<td> html-поле для контента </td>
</tr></tbody></table></center>

Скроллинг будет появляться только если потребуется.

0

Поделиться251Сб, 14 Апр 2012 17:00:26

Автор: AmmyNammy
Заслуженный
Зарегистрирован: Пн, 6 Фев 2012
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Пт, 17 Авг 2012 09:43:21

kozhilya
cпасибо большое)

0

Поделиться252Сб, 14 Апр 2012 17:23:19

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Aiso

<style>#pun-announcement table { height: 220px; width: 800px; background: url(http://uploads.ru/i/w/n/z/wnzdy.png); }
#pun-announcement table td { text-align: center; }
#pun-announcement .annContent { margin: 7px 3px 10px; height: 180px; overflow-y: auto; }
</style>
<center><table><colgroup><col width="185"><col width="auto"><col width="180"></colgroup>
<tr><td><img src="http://uploads.ru/i/V/D/c/VDc57.png" /></td><td>
<div class="annContent"> Содержимое </div>
</td><td><div class="block"><div class="textwidget"><p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="150" height="180" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://miuki.info/clock/mikuflclock.swf" /><param name="wmode" value="#ffffff" /><embed type="application/x-shockwave-flash" width="150" height="180" src="http://miuki.info/clock/mikuflclock.swf" wmode="#ffffff"></embed></object></p></td></tr></table></center>

Красное - Содержимое среднего бокса.

Отредактировано kozhilya (Сб, 14 Апр 2012 17:33:31)

+1

Поделиться253Сб, 14 Апр 2012 18:04:12

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Макс Андерсон
Зря вы такую картинку в центр ставите... Но дело ваше, вот код:

<style>#pun-announcement table { height: auto; width: 900px; }
#pun-announcement table td { text-align: center; border: 1px solid black; overflow-y: auto; }
#pun-announcement table h3 { font-weight: bold; margin-bottom: 5px; }
#pun-announcement marquee { height: 35px; width: 900px; }
</style>
<center><table>
<tr height="125">
<td><h3>Админы</h3>
Контент</td>
<td><h3>Инфа для гостей</h3>
Контент</td>
<td><h3>Модераторы</h3>
Контент</td>
</tr>
<tr height="375"><td width="100">
<h3>Погода</h3>
Контент
</td><td width="675">
<img src="http://uploads.ru/i/e/W/7/eW7Gc.jpg" width="672" height="370" border="0" usemap="#map" />
<map name="map">
<area shape="rect" coords="0,0,280,30" href="http://pikanami.anihub.ru/viewtopic.php?id=2" />
<area shape="rect" coords="0,30,280,60" href="http://pikanami.anihub.ru/viewtopic.php?id=15" />
<area shape="rect" coords="0,60,280,90" href="http://pikanami.anihub.ru/viewtopic.php?id=9" />
<area shape="rect" coords="0,90,280,120" href="http://pikanami.anihub.ru/viewtopic.php?id=3" />
<area shape="rect" coords="0,120,280,150" href="http://pikanami.anihub.ru/viewforum.php?id=3" />
<area shape="rect" coords="0,150,280,180" href="http://pikanami.anihub.ru/viewtopic.php?id=20#p66" />
</map>
</td><td width="100">
<h3>Лучший игрок</h3>
Контент
</td></tr>
</table>
<marquee behavior="scroll" direction="left">Бегущая строка</marquee></center>

Синее - Стиль заголовков ячеек.

Отредактировано kozhilya (Сб, 14 Апр 2012 18:18:11)

0

Поделиться254Сб, 14 Апр 2012 18:24:47

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Астра

<style>#pun-announcement table { height: 300px; width: 800px; }
#pun-announcement table td { text-align: center; }
#pun-announcement table div { border: 1px solid black; overflow-y: auto; margin-bottom:3px; }
#pun-announcement table h3 { font-weight: bold; margin-bottom: 5px; }
</style>
<center><table>
<colgroup><col width="33%"><col width="33%"><col width="33%"></colgroup>
<tr><td>
<div style="height:30%"><h3>Админы</h3>
Контент</div>
<div style="height:40%"><h3>Добро пожаловать!</h3>
Контент</div>
<div style="height:30%"><h3>Игроки недели</h3>
Контент</div>
</td><td>
<div style="height:25%"><h3>Самый активный</h3>
Контент</div>
<div style="height:25%"><h3>Дата и время</h3>
Контент</div>
<div style="height:25%"><h3>Погода</h3>
Контент</div>
<div style="height:25%"><h3>Партнёры</h3>
Контент</div>
</td><td>
<div style="height:30%"><h3>Модераторы</h3>
Контент</div>
<div style="height:40%"><h3>События</h3>
Контент</div>
<div style="height:30%"><h3>Игроки месяца</h3>
Контент</div>
</td></tr></table></center>

Красный - размеры таблицы
Синий - границы: у тебя их нет, но я бы поставил. Если не нужны - удаляй это.
Зелёный - стиль заголовка "ячеек".

+2

Поделиться255Сб, 14 Апр 2012 19:11:31

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

kozhilya, большое спасибо ))

0

Поделиться256Сб, 14 Апр 2012 19:12:40

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Трамп

<style>#pun-announcement table { width: 90%; height: 300px; }
#pun-announcement td div { border: 1px solid black; text-align: center; margin: 5px; }
#pun-announcement h3 { font-weight: bold; margin-bottom: 5px; } </style>

<center><table border="0" align="center"><colgroup><col width="30%"><col width="40%"><col width="30%"></colgroup>
<tr><td>
<div style="height: 50%; overflow-y: auto;"><h3>Новости в игре</h3>
Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент</div>
<div style="height: 50%"><h3>Погода</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
</td><td>
<div style="height: 30%"><h3>Приветствие</h3>
Контент<br>Контент</div>
<div style="height: 50%"><img src="Ссылка на изображение" /></div>
<div style="height: 50px"><div style="display:table-cell;vertical-align:middle;border:none;height:inherit;margin:0px;">
<marquee behavior="scroll" direction="left" style="width: 270px;">
Бегущая строка
</marquee></div></div>
</td><td>
<div style="height: 50%; overflow-y: auto;"><h3>Новости сайта</h3>
Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент<br>Контент</div>
<div style="height: 50%"><h3>Время в игре</h3>
Контент<br>Контент<br>Контент<br>Контент</div>
</td></tr></table></center>

Красный - высота таблицы
Зелёный - стиль заголовков
Если нужна другая ширина, то скажи мне: иначе сломается бегущая строка (не с начала будет идти)...

0

Поделиться257Сб, 14 Апр 2012 19:15:50

Автор: Макс Андерсон
Заслуженный
Зарегистрирован: Сб, 25 Фев 2012
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Вс, 27 Май 2012 19:24:52

kozhilya
А первую сделаете?
Спасибо за таблицу. Но как бы она скосилась... инфа для гостей не по середине, а слева скошена...
И, я извиняюсь за борзоту, но можно таблицу в границы оформить? Заранее огромнейшее спасибо.

0

Поделиться258Сб, 14 Апр 2012 19:17:25

Автор: Трамп
Заслуженный
Зарегистрирован: Пт, 30 Дек 2011
Сообщений: 65
Уважение: +1
Позитив: +10
Пол: Женский
Последний визит:
Сегодня 16:42:22

kozhilya
Огромное спасибо! :3 поставила бы плюс, да постов не хватает

0

Поделиться259Сб, 14 Апр 2012 19:47:02

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Макс Андерсон написал(а):

А первую сделаете?

Если честно, то я не уверен, что это возможно. Это трудно сделать на html, а про стандартные bb-таблицы я вообще молчу...
Но я попробую.

0

Поделиться260Сб, 14 Апр 2012 20:02:18

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +204
Пол: Мужской
Последний визит:
Вт, 30 Апр 2024 15:54:54

Макс Андерсон
Ну, как-то так...

Пример работы

Текст 1
Эволюция

Текст 2

Место обитания

Текст 3
Атаки

Текст 5
Тип
Текст 6
Род
Текст 7
Рост/Вес
Текст 8
Пол
Текст 9
Описание

Текст 10

Код:

[align=center][b]Текст 1[/b][/align]
[table][tr][td][color=blue][align=center][b]Эволюция[/b][/align][/color]
Текст 2

[color=green][align=center][b]Место обитания[/b][/align][/color]
Текст 3[/td]
[td][align=center][img]http://www.ru/a.png[/img][/align][/td]
[td][align=center][color=maroon][b]Атаки[/b][/align][/color]
Текст 5[/td][/tr][/table]
[table][tr]
[td][align=center][b]Тип[/b]
Текст 6[/align][/td]
[td][align=center][b]Род[/b]
Текст 7[/align][/td]
[td][align=center][b]Рост/Вес[/b]
Текст 8[/align][/td]
[td][align=center][b]Пол[/b]
Текст 9[/align][/td][/tr][/table]
[align=center][b]Описание[/b][/align]
Текст 10

Отредактировано kozhilya (Сб, 14 Апр 2012 20:07:32)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Таблицы на заказ (14)

Сообщений 241 страница 260 из 1000

Поделиться241Чт, 12 Апр 2012 22:00:16

Поделиться242Пт, 13 Апр 2012 11:56:09

Поделиться243Пт, 13 Апр 2012 18:19:52

Поделиться244Пт, 13 Апр 2012 19:15:16

Поделиться245Сб, 14 Апр 2012 11:11:41

Поделиться246Сб, 14 Апр 2012 11:17:01

Поделиться247Сб, 14 Апр 2012 15:15:12

Поделиться248Сб, 14 Апр 2012 15:39:27

Поделиться249Сб, 14 Апр 2012 16:36:21

Поделиться250Сб, 14 Апр 2012 16:55:45

Поделиться251Сб, 14 Апр 2012 17:00:26

Поделиться252Сб, 14 Апр 2012 17:23:19

Поделиться253Сб, 14 Апр 2012 18:04:12

Поделиться254Сб, 14 Апр 2012 18:24:47

Поделиться255Сб, 14 Апр 2012 19:11:31

Поделиться256Сб, 14 Апр 2012 19:12:40

Поделиться257Сб, 14 Апр 2012 19:15:50

Поделиться258Сб, 14 Апр 2012 19:17:25

Поделиться259Сб, 14 Апр 2012 19:47:02

Поделиться260Сб, 14 Апр 2012 20:02:18