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://upforme.ru/uploads/000e/5d/fc/35-1.png
это под маленькие ячейки
https://upforme.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 |