Фуф в общем страпаля своими силами)
Отредактировано Ринail.ru (Пт, 13 Апр 2012 18:07:14)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)
Фуф в общем страпаля своими силами)
Отредактировано Ринail.ru (Пт, 13 Апр 2012 18:07:14)
2) http://welcomecats.mybb.ru/
3) в "важном" прокрутку
Отредактировано Saikiderikku (Пт, 13 Апр 2012 11:56:34)
1.
2. http://nighshoolmusical.rusff.ru/
3. фон таблицы - прозрачный
Отредактировано AmmyNammy (Пт, 13 Апр 2012 18:22:30)
Простите за беспокойство, но мне нужна вот такая табличка.
Это макет:
Вот что бы она была под таким фоном.
Что бы были размещены вот такие часики
<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>
Ну, и вот такое изображение, на месте "картинка".
Но таблица требуется не для структуры, а просто в 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)
Ну, и извиняюсь за наглость, можно таблицу уже в скрипт.
Вот шаблон:
А вот скрипт 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)
Можно мне вот такую таблицу http://uploads.ru/i/x/K/2/xK2y0.png
ссылка на форум http://nessy.mybb.ru/
Если не сложно, можно ли такую таблицу?
Ссылка на форум: http://bredbredbred.3bb.ru/
Забыла добавить. Если не сложно, то в пункте новости в игре, тоже сделайте пожалуйста прокрутку.
Огромное спасибо!
Отредактировано Трамп (Сб, 14 Апр 2012 16:01:53)
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)
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>
Скроллинг будет появляться только если потребуется.
kozhilya
cпасибо большое)
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)
Макс Андерсон
Зря вы такую картинку в центр ставите... Но дело ваше, вот код:
<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)
Астра
<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>
Красный - размеры таблицы
Синий - границы: у тебя их нет, но я бы поставил. Если не нужны - удаляй это.
Зелёный - стиль заголовка "ячеек".
kozhilya, большое спасибо ))
Трамп
<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>
Красный - высота таблицы
Зелёный - стиль заголовков
Если нужна другая ширина, то скажи мне: иначе сломается бегущая строка (не с начала будет идти)...
kozhilya
А первую сделаете?
Спасибо за таблицу. Но как бы она скосилась... инфа для гостей не по середине, а слева скошена...
И, я извиняюсь за борзоту, но можно таблицу в границы оформить? Заранее огромнейшее спасибо.
kozhilya
Огромное спасибо! :3 поставила бы плюс, да постов не хватает
А первую сделаете?
Если честно, то я не уверен, что это возможно. Это трудно сделать на html, а про стандартные bb-таблицы я вообще молчу...
Но я попробую.
Макс Андерсон
Ну, как-то так...
Текст 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)
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)