jedik
код таблицы вставляете в HTML-верх
Заказ таблиц №7
Сообщений 571 страница 600 из 999
Поделиться5712011-04-02 20:16:54
Поделиться5722011-04-02 21:01:41
1. Ссылка на форум
http://familystars.mybb.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Таблица без границ. Прокрутка, облако тегов.
4. Форматирование текста
Обычный текст, можно курсив..
5. Картинки для вставки.
Можно как-то самой вставить?)
Поделиться5732011-04-02 21:05:35
Пробовал, в таком случае если убрать шапку остается фон для шапки, который сильно мешает.
Вот форум тестовый форум http://nastroika.rolka.su/
Надо как-то убрать ту пустующую область...
Поделиться5742011-04-02 21:53:54
jedik
находите
/* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { margin: 0; margin-top: 3px; border-style: double; border: none; margin-bottom: 0px; } /* D1.2 */ #pun-title h1 { display : block; height: 270px; margin-bottom: 1px; } /* D1.3 */ #pun-title .container { border-style: none ; padding: 0.2em 1em 0.8em 1em; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title TABLE { border: none; height: 270px; width: 100%; margin-bottom: -20px; margin-top: 0px; } #pun-title TD.title-logo-tdl { border: none; width: 100%; height: 270px; } #pun-title TD.title-logo-tdr { border: none; width: 468px; vertical-align: top; padding-right: 0%; padding-top: 0px; }
находите 270 и меняете на более меньшее к примеру вообще обнуляете.
Поделиться5752011-04-02 22:22:36
Благодарю, и плюсы конечно же поставлю. Теперь осталось лишь подогнать таблицу, но это и сам должен суметь сделать ^__^
Поделиться5762011-04-03 08:10:07
Код:<table width="100%" border="0"> <tr> <td width="69%" rowspan="2"><div align="center"><img src="http://s54.radikal.ru/i143/1103/83/f8bf0df4f1e9.jpg"></div></td> <td width="31%"><div align="center"><b><i>Новости и объявления</i></b></div><br> <div style="overflow:auto; overflow-x:hidden; height:150px;"><p align="center"><i>Текст</i></p></div></td> </tr> <tr> <td><div align="center"><b><i>События в игре</i></b></div><br> <div style="overflow:auto; overflow-x:hidden; height:150px;"><p align="center"><i>Текст</i></p></div></td> </tr> </table> <center><table width="70%" border="0"> <tr> <td width="15%" align="center"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://s007.radikal.ru/i301/1103/08/991a5ce86405.jpg"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="15%" align="center"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://s011.radikal.ru/i316/1103/69/4171e26ad897.jpg"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="15%" align="center"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://i011.radikal.ru/1103/4c/61d4f8b977ca.jpg"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="15%" align="center"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://s45.radikal.ru/i110/1103/55/9a10246a8ed0.jpg"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="15%" align="center"> <div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://s47.radikal.ru/i115/1103/89/ee0302f5c02c.jpg"> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> </table></center>
Toshiro-kun
А можно ли поменять цвет текста в спойлерах (у меня светлый фон и текст светлый и ничего не видно).
Или что бы у спойлеров был такой фон:#FFE4B5
Отредактировано Ulian (2011-04-03 08:17:18)
Поделиться5772011-04-03 12:23:33
Toshiro-kun
Подскажите, как в таблице с выпадающими окнами сделать фон, чтобы они были не прозрачные?
Поделиться5782011-04-03 14:52:46
А можно ли поменять цвет текста в спойлерах (у меня светлый фон и текст светлый и ничего не видно).Или что бы у спойлеров был такой фон:#FFE4B5
<style>
div .splLink {width: 170px; height: 133px; font-weight: bold; background: transparent; }
.spll {width: 90px; height: 130px; }
.spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; background: #FFE4B5; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center; color: #020000}
</style>
заменить HTMLверх
Подскажите, как в таблице с выпадающими окнами сделать фон, чтобы они были не прозрачные?
смотреть выше добавить выделенное
Поделиться5792011-04-03 15:13:02
Vergessene
Объявление
<table width="100%" border="1"> <tr> <td width="22%"><div align="center">Администраторы</div><br> <p align="center"><img src="ссылка на картинку"></p></td> <td width="53%"><div align="center"><img src="ссылка на картинку с названием"></div></td> <td width="25%"> <div align="center">Объявление </div><br> <div style="overflow:auto; overflow-x:hidden; height:150px;"><p align="center"><i>Текст</i></p></div></td> </tr> <tr> <td rowspan="2"><div align="center">Модераторы</div><br> <p align="center"><img src="ссылка на картинку"></p></td> <td align="center"><div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> </noindex></div></td> <td rowspan="2"><div align="center">Действия в игре</div><br> <div style="overflow:auto; overflow-x:hidden; height:150px;"><p align="center"><i>Текст</i></p></div></td> </tr> <tr> <td><div align="center">Баннеры друзей</div><br> <p align="center">. . . </p></td> </tr> </table>
HTMl-низ
<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '9'; flashvars.maxFontSize = '20'; flashvars.tcolor = '0xb22222'; flashvars.tcolor2 = '0xb22222'; flashvars.hicolor = '0x9400d3'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '400', '200', '9.0.0', false, flashvars, params, attributes); </script>
Поделиться5802011-04-03 20:28:53
смотреть выше добавить выделенное
Спасибо)
Поделиться5812011-04-03 20:44:03
1. Ссылка на форум
http://soullove.ru/
2. Скрин таблицы
http://savepic.net/930913.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка в: приветствие, что происходит в игре, информация. Бегущая строка: в партнерах.
4. Форматирование текста
шрифт: общий 10, а заголовки жирным и на 11.
5. Картинки для вставки.
нет
Поделиться5822011-04-04 14:50:50
Toshiro-kun
Спасибо.. А почему у меня таблица растянулась? о.О
http://familystars.mybb.ru/ - посмотрите(((
Поделиться5832011-04-04 15:02:32
Vergessene
картинка большая, место остальному просто не хватает и таблица уходит за рамки
Поделиться5842011-04-04 16:00:38
ДиКей
как будут бегать партнеры сверх вниз или с лева на право? Линии нужны?
Поделиться5852011-04-04 18:06:34
Toshiro-kun
Все картинки убрала, но всё равно таблица "сползла" вниз(((
Поделиться5862011-04-04 20:40:28
лева на право
так
Линии нужны?
нет не нужны, прозрачное все было.
Поделиться5872011-04-05 13:14:12
Вот не знаю куда спросить по поводу таблиц, скажите п.ж где можно узнать как составлять вот такого типа таблицу? Хотя бы инструкцию по ней?
http://blackkings.rolbb.ru/
Буду очень благодарна.
Поделиться5882011-04-05 19:22:17
Все картинки убрала, но всё равно таблица "сползла" вниз(((
само собой что она будет вниз сползать... я думал вы про ширину. Это Нормально. по тексту она расширяется как бы стандартно. И я про основную картинку говорил)
!!!Ms/INrf
ДиКей
<table width="100%" border="0"> <tr> <td width="33%"><div align="center">Дата, время, погода</div><br> <p align="center">текст</p></td> <td width="34%"><div align="center">Игрок недели</div><br> <p align="center">текст</p></td> <td width="33%"> <div align="center">Приветствие </div> <br> <div style="overflow:auto; overflow-x:hidden; height:200px;"><p align="center">Текст</p></div></td> </tr> </table> <table width="100%" border="0"> <tr> <td rowspan="2" width="33%"> <div align="center">Что происходит в игре</div> <br> <div style="overflow:auto; overflow-x:hidden; height:200px;"><p align="center">Текст</p></div></td> <td height="108"><div align="center"><form> <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option value="#">Навигация</option> <option value="адрес">Название</option> <option value="адрес">Название</option> <option value="адрес">Название</option> <option value="адрес">Название</option> </select> </form></div></td> <td rowspan="2" width="34%"> <div align="center">Информация</div> <br> <div style="overflow:auto; overflow-x:hidden; height:200px;"><p align="center">Текст</p></div></td> </tr> <tr> <td width="33%"><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3"> Партнеры </marquee></td> </tr> </table>
Поделиться5892011-04-05 19:53:05
Тык-тык
Спасибо )) а возможен ли вариант такую заказать тоже?
Поделиться5902011-04-05 20:56:07
1. Ссылка на форум
http://creativlife.ru/
2. Скрин таблицы
вниз)
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
нет, примочек не надо, просто хочется чтобы не было границ по краям таблицы, а были именно те линии которые прорисованы на рисунке)
4. Форматирование текста
как на рисунке. Ничего особенного. Эти надписи как заголовки "Новости" "Администрация" "Мини-Галерея" - черным шрифтом стандартным. Текст в новостях помельче без наклона, а в заметках тоже помельче)
5. Картинки для вставки.
не надо=)
Поделиться5912011-04-06 17:39:50
1. Ссылка на форум
http://reverie.0pk.ru/
2. Скрин таблицы
http://s43.radikal.ru/i100/1104/fe/bf5ced68c456.bmp
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
сама поставлю
4. Форматирование текста
заголовки жирным шрифтом и посередине, а текст как обычно.
5. Картинки для вставки.
не надо.
Размер таблицы в длину - 300(350)px.
Таблица симметричная.
Можно сделать так, чтобы границы таблицы были на расстоянии 10px от содержимого? Я просто хочу под каждую ячейку фон поставить.
Отредактировано Sara (2011-04-06 17:41:38)
Поделиться5922011-04-06 22:45:52
1. Ссылка на форум
http://clean.0bb.ru/
2. Скрин таблицы
http://savepic.ru/2452925.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Облако тегов, всплывающие подсказки, выпадающее меню
4. Форматирование текста
На ваше усмотрение
5. Картинки для вставки.
Поставлю сама
Границы в таблице быть видными не должны!
Поделиться5932011-04-07 21:32:30
!!!Ms/INrf
нет такое не делаю.
Sara
bpm картинки - не принимаю.
Infinite_Seduce
про меню не понял - не сделал.
Объявление
<table width="100%" border="0"> <tr> <td width="43%" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> Контейнер 1 </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="57%" rowspan="3" align="center"><div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> </noindex></div></td> </tr> <tr> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"> Контейнер 2</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> <tr> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"> Контейнер 3</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> <tr> <td align="center"><div class="spll"> <DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"> Контейнер 4</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td> </td> </tr> </table>
HTML-верх
<style> div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; } .spll {width: 90px; height: 20px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
HTML-низ
<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '9'; flashvars.maxFontSize = '20'; flashvars.tcolor = '0xb22222'; flashvars.tcolor2 = '0xb22222'; flashvars.hicolor = '0x9400d3'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '400', '200', '9.0.0', false, flashvars, params, attributes); </script> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Поделиться5942011-04-07 23:00:27
1. Ссылка на форум
ссылка
2. Скрин таблицы
http://s1.ipicture.ru/uploads/20110407/1RAR3HoJ.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
1.2.3.4. выпадающее меню. 5. прокрутка.
4. Форматирование текста
шрифт - Century Gothic цвет - ffffff
5. Картинки для вставки.
сам поставлю.
Отредактировано Sawako (2011-04-07 23:01:12)
Поделиться5952011-04-08 00:26:43
про меню не понял - не сделал.
( ничего. меню я сама написала.. спасибо за работу)
Поделиться5962011-04-08 13:40:43
Toshiro-kun
теперь ipg
Поделиться5972011-04-08 18:58:32
Можно сделать так, чтобы границы таблицы были на расстоянии 10px от содержимого? Я просто хочу под каждую ячейку фон поставить.
фон в студию или получится коряво. и границы тут не причем.
Sawako
Объявления
<table width="100%" border="1"> <tr> <td width="25%" align="center" style="font-family: Century Gothic"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <font color="#ffffff">Администрация</font> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="25%" align="center" style="font-family: Century Gothic"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <font color="#ffffff">Навигация</font> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="25%" align="center" style="font-family: Century Gothic"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <font color="#ffffff">Новости</font> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="25%" align="center" style="font-family: Century Gothic"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <font color="#ffffff">Партнеры</font> </div><DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> <tr> <td colspan="2" width="50%" style="font-family: Century Gothic"> <div style="overflow:auto; overflow-x:hidden; height:200px;"><p align="center"><font color="#ffffff">Текст</font></p></div></td> <td colspan="2" width="50%"><div align="center"><img src="ссылка на картинку"></div></td> </tr> </table>
HTML-верх
<style> div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; } .spll {width: 90px; height: 20px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center; color: #FFFFFF} </style>
HTML-низ
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Поделиться5982011-04-08 20:37:56
1. Ссылка на форум
cwd.mybb.ru
2. Скрин таблицы
http://savepic.ru/2472110.htm
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Я всё указал.
4. Форматирование текста
Только, шрифт прошу сделать такой, какой нарисован на скрине))) конечно же жирным шрифтом.Кнопочки, одного размера и шрифта текста.
5. Картинки для вставки.
Нет.
Отредактировано Шиповник (2011-04-08 20:38:38)
Поделиться5992011-04-08 20:48:37
1. Ссылка на форум
http://fjghfjghk4566.0pk.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Часы:
<embed src="http://chasikov.net.ru/flash/glamur/dk6.swf" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed>
Календарь:
<IFRAME name="Calendar" src="http://chasikov.net.ru/calendar/wolf/calendar_w5.html" width=164 height=174 scrolling="no" frameborder="0"></IFRAME>
4. Форматирование текста
Вот так как накартинке.
5. Картинки для вставки.
Отредактировано Rosalie Bass (2011-04-08 21:02:22)
Поделиться6002011-04-09 12:13:50
Toshiro-kun
https://forumupload.ru/uploads/000e/5d/fc/35-1.png
это под маленькие ячейки
https://forumupload.ru/uploads/000e/5d/fc/35-2.png
а это под большие
Похожие темы
Заказ таблиц 4 < | Архив тем | 2010-02-12 |
Заказ таблиц 3 | Архив тем | 2009-09-20 |
Заказ таблиц №6 | Архив тем | 2011-01-09 |
Заказ таблиц №2 | Архив тем | 2009-05-04 |
Заказ таблиц №8 | Архив тем | 2012-02-07 |