Таблицы на заказ (11)
Сообщений 381 страница 400 из 996
Поделиться382Пт, 18 Мар 2011 22:47:07
Гость_2001_, Ваша таблица уже с мап-картой, согласно эскиза.
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td rowspan="2" style="padding: 5px;" width="19%">администрация</td>
<td width="443">
<!-- Бегущая строка -->
<div align="center" style="width: 443px; height: 40px; padding: 5px 0px 0px 0px;">
<marquee behavior="scroll" align="baseline" direction="left" width="98%" height="30" loop="0" scrollamount="7" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()">
Партнеры форума бегущей строкой
</marquee>
</div>
</td>
<td rowspan="2" style="padding: 5px;" width="19%"><div style="height: 181px; overflow: auto; overflow-x: hidden;">
Добро пожаловать и понеслось
новости новости новости нововсти
новости новости новости нововсти
новости новости новости нововсти
</div></td>
</tr>
<tr>
<td rowspan="2" width="443">
<!-- тут map-карта -->
<img src="http://savepic.org/1531403.jpg" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="205,16,378,65" href="http://catswariorrs.mybb.ru/viewtopic.php?id=3#p3" alt="Анкета">
<area shape="rect" coords="47,95,158,157" href="http://catswariorrs.mybb.ru/login.php" alt="Войти">
<area shape="rect" coords="237,163,439,210" href="http://catswariorrs.mybb.ru/register.php" alt="Регистрация">
<area shape="rect" coords="229,253,433,303" href="http://catswariorrs.mybb.ru/viewforum.php?id=7" alt="Техничка">
<area shape="rect" coords="3,280,152,329" href="http://catswariorrs.mybb.ru/viewtopic.php?id=2" alt="Правила">
</map>
</td>
</tr>
<tr>
<td style="padding: 5px;">модерация</td>
<td style="padding: 5px;" width="19%">
<div style="height: 181px; overflow: auto; overflow-x: hidden;">
информация
</div></td>
</tr>
</table>
Число выделенное красным - толщина границ таблицы. Поставьте "0" - границ не будет.
Поделиться383Пт, 18 Мар 2011 23:14:48
kinder
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td width="33%" style="padding: 5px 0px 5px 0px;">
<div align="center">
Администраторы
</div><div style="height: 220px; width: 98%; padding: 5px; overflow: auto; overflow-x: hidden;">
Новости
---///
</div>
</td>
<td valign="top" style="padding: 5px 0px 5px 0px;">
<div align="center">
Лучший игрок
</div><br><br><div align="center"><form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<!--Выпадающее меню Навигация == Начало Заполнения пункта -->
<option>---> Навигация</option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<!--ХХ Конец Заполнения пункта -->
</select>
</form>
<br><br>
<form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<!--Выпадающее меню Акции == Начало Заполнения пункта -->
<option>---> Акции</option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<option value="Адрес ссылки"><small>Описание ссылки</small></option>
<!--ХХ Конец Заполнения пункта -->
</select>
</form></div>
</td>
<td width="33%" style="padding: 5px 0px 5px 0px;">
<div align="center">
Модераторы
</div><div style="height: 220px; width: 98%; padding: 5px; overflow: auto; overflow-x: hidden;">
Действия в игре
---- /////
</div></td></tr></table>
Поделиться384Сб, 19 Мар 2011 00:45:53
картинка
все столбцы одинаковой ширины.
сюда - http://designintests.mybb.ru/ (пы.сы. в ячейки по краям я буду ставить кнопки выпадающего меню. ну. это так. на всякий случай.)
границы 2 пикселя. красные.
спасибо!
Поделиться385Сб, 19 Мар 2011 01:20:09
as.sakura.
<style> .table { border : 1px solid Red; } .td { border : 1px solid Red; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table"> <tr> <td width="33%" class="td">левый верх</td> <td rowspan="3" class="td">средняя</td> <td width="33%" class="td">правый верх</td> </tr> <tr> <td width="33%" class="td">левый средний</td> <td width="33%" class="td">правый средний</td> </tr> <tr> <td width="33%" class="td">левый низ</td> <td width="33%" class="td">правый низ</td> </tr> </table>
Поделиться386Сб, 19 Мар 2011 01:27:26
Кофеман
спасибоо.
Поделиться387Сб, 19 Мар 2011 10:04:10
Вот такая еще табличка http://hostjs-mybb2011.narod.ru/table_float.htm
<style> #menu span { padding: 7px 15px 7px; margin-right: 5px; margin: 10px 0; width: 100px; text-decoration: none; } #menu .tabactive { color: #2662DF; background:#F9F1DD; } #submenu { padding: 5px; height: 200px; text-align: left; font-size: 12px; width: 720px; } .submenutext { text-align: center; background:#F9F1DD; /*position:absolute;*/ width:auto; margin:0 2px; max-width: 100%; display: none; height: 260px!important; } span.menuButton { cursor:pointer; cursor:hand; } </style> <center><table style="width: 615px;"> <tbody> <tr> <td align="center"> <div id="menu"> <b> <span alt=#sm1 class="menuButton">Кнопка 1</span> <span alt=#sm2 class="menuButton">Кнопка 2</span> <span alt=#sm3 class="menuButton">Кнопка 3</span> <span alt=#sm4 class="menuButton">Кнопка 4</span> <span alt=#sm5 class="menuButton">Кнопка 5</span> </b> </div> </td> </tr> <tr align="left"> <td id="MenuTxT" valign="top" style="height: 260px;"> <div id="submenu" width="100%"> <table width=100%><tr> <td id="sm1" class="submenutext"> <div>Контент 1-й кнопки</div> </td> <td id="sm2" class="submenutext"> <div>Контент 2-й кнопки</div> </td> <td id="sm3" class="submenutext"> <div>Контент 3-й кнопки</div> </td> <td id="sm4" class="submenutext"> <div>Контент 4-й кнопки</div> </div> <td id="sm5" class="submenutext"> <div>Контент 5-й кнопки</div> </td> </tr></table> </div> </td> </tr> </tbody> </table></center> <script type="text/javascript"> $(document).ready(function() { $("td.submenutext").hide(); $("td.submenutext:first").show(); $(".menuButton").click(function() { $(".menuButton").removeClass("tabactive"); $(this).addClass("tabactive"); var activeDiv = $(this).attr("alt"); $("td.submenutext *").hide(1600) $("td.submenutext").hide(2200) $("td."+activeDiv).show(2200) $("td."+activeDiv+" *").show(600) return false; }); }); </script>
.submenutext {
text-align: center;
background:#F9F1DD;
/*position:absolute;*/
(Фон в ячейке (красным) задан для наглядности, - можно убрать или поставить свой(в том числе и картинкой)
Фон под надписи кнопок(при активной кнопке) выделен в нижеследующем коде красным
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}
ЗЫ: Поскольку кнопки находятся теперь на внешней табличке - можно располагать их как заблагорассудицо(главное не ошибицо во внешней таблице и оставить центральную ячейку под Экранную таблу контента заданного размера (в данном случае чуть более 720px*260px
Отредактировано Deff (Вт, 22 Мар 2011 15:23:43)
Поделиться388Сб, 19 Мар 2011 16:10:15
Разрешите вот такую таблицу:
http://s004.radikal.ru/i208/1103/d4/e1739c057532.jpg
вот на этот пробник:)
Поделиться389Сб, 19 Мар 2011 17:58:26
Кофеман
Спасибо!
Поделиться390Сб, 19 Мар 2011 18:21:54
Mitsuri
Таблица с облаком тегов:
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="40%" style="padding: 5px;"> <!--Облако Тегов Начало заполнения--> <div id="yoblako" align="center"><noindex> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> </noindex></div> <!--ХХ Конец Заполнения пункта --> </td> <td width="30%" style="padding: 5px;">Администрация</td> <td width="30%" style="padding: 5px;">Информация</td> </tr> <tr> <td colspan="3" style="padding: 5px;">Баннеры</td> </tr> </table> Сам скрипт облака тегов у Вас уже стоит в HTML-низ
Отредактировано Кофеман (Сб, 19 Мар 2011 18:24:50)
Поделиться391Сб, 19 Мар 2011 23:55:53
Кофеман
спасибо огромное:) +
Поделиться392Вс, 20 Мар 2011 12:19:13
Можно такую таблицу?
http://s57.radikal.ru/i158/1103/10/3f6b69da989e.jpg
Благодарю.
Поделиться393Вс, 20 Мар 2011 22:36:01
Anteya, адрес форума?
Добавлено: Ваша таблица:
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td width="30%" style="padding: 3px;">Администрация</td>
<td rowspan="2">
<!--Облако Тегов Начало заполнения-->
<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="Адрес ссылки" rel="nofollow" class="eTag eTagGr8">Описание</a>
</noindex></div>
<!--ХХ Конец Заполнения пункта -->
</td>
<td width="30%" style="padding: 3px;">Погодя и время</td>
</tr>
<tr>
<td width="30%" style="padding: 3px;">Реклама</td>
<td width="30%">
<div style="width: 98%; height: 140px; padding: 5px; overflow: auto; overflow-x: hidden;">
Объявление
---- /////
</div>
</td>
</tr>
</table>
Красным выделена высота блока "Объявления" с прокруткой. Прокрутка автоматическая - появится, когда содержимое будет превышать заданную высоту блока.
И в HTML-низ ставите скрипт облака тегов:
<script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '10'; flashvars.maxFontSize = '16'; flashvars.tcolor = '0xBF00D6'; flashvars.tcolor2 = '0x15F2ED'; flashvars.hicolor = '0x15F2ED'; flashvars.distr = 'true'; flashvars.tspeed = '120'; 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', '320', '180', '9.0.0', false, flashvars, params, attributes); </script>
Отредактировано Кофеман (Вс, 20 Мар 2011 23:58:16)
Поделиться395Пн, 21 Мар 2011 18:57:51
Здрасте!
Форум:
http://rosariovampir.mybb.ru/
Отредактировано Martele (Пн, 21 Мар 2011 18:59:23)
Поделиться396Пн, 21 Мар 2011 20:10:43
Кофеман
Большое спасибо!
Поделиться397Пн, 21 Мар 2011 20:22:32
Martele
<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tr><td rowspan="2" width="65%" align="center">
<!-- тут картинка -->
<img src="Адрес картинки" border="0">
</td><td>
Новости ролки
</td></tr><tr><td>
Администрация
</td></tr><tr><td colspan="2" style="padding: 1px 4px 1px 4px;"> <div align="center" style="display: block; float: left; width:48.2%; padding: 5px;">
Сюжет
</div><div align="center" style="display: block; float: right; width: 48.2%; padding: 5px;">
Объявления
</div></td></tr></table>
Anteya, а не проще еще раз перезаказать таблицу, чем самостоятельно пытаться изменить таблицу, не понимая, что, собственно, Вы делаете? )
Ну дело ваше.)
Отредактировано Кофеман (Пн, 21 Мар 2011 20:27:08)
Поделиться398Пн, 21 Мар 2011 21:52:51
Черт) Помогите с таблицей)) Во первых мне нужно чтобы полоски таблицы были видны (ну рамки я имею ввиду. рамка таблицы и ячеек). Потом как бы соблюсти пропорции? И еще не подскажете (да я знаю что можно там и там то посомтреть, но все же если спрошу у вас будет быстрее) теги для:
ссылок
гиперссылок
просто цвет
наклонный шрифт
жирный шрифт
подчеркнутый шрифт
по центру
слева
справа
п.с. черт по моему легче взять и вспомнить хтмл)) ыыыы
ВОТ МОЙ ФОРУМ http://freestylerapworld.mybb.ru/
ВОТ САМ КОД:
<center><table cellspacing="1" cellpadding="1" border="0" width="98%"><tr><td rowspan="2" width="75%"> Новости???? <br> Ну какие у нас могут быть новости? Вот я пытаюсь сделать эту долбанную таблицу в объявлении)))) Никак норамально не получается соблюсти пропорции =) Придется вспоминать html и тому подобное)) В общем вот так вот все пацаны! =) </td><td> Рэп радио!!!<br> </SCRIPT><br><select onchange=sel(this.value); name=href> <option value="" selected>-=Выключить радио=- <option value=http://nullwave.ru:8000/russian_rap> Нуллвэйв Русский рэп <option value=http://nullwave.ru:8000/rap>Нулвэйв Рэп <option value=http://cluster.quantumart.ru/broadcast/default.aspx?media=station04>Ди фм Урбан Москва <option value=http://www.sky.fm/wma/urbanjamz.asx>Скай Фм Урбан Джеймс <option value=http://booyaa.ru/radio.php?listen=rus_rap&kbps=128&who=radio-rating.ru>Booyaa Русский рэп <option value=http://www.defjay.de/listen.asx>Деф Джей радио <option value=http://shoutcast.aplus.by:9000/aplus_hiphop_128.m3u>Аплюс Хип-хоп <option value=http://booyaa.ru/radio.php?listen=world_rap&kbps=128&who=radio-rating.ru>Booyaa Мировой рэп <option value=http://www.dr.dk/netradio/metafiler/asx/DR_coco_128.asx>Др Коко </option></select> <DIV id=mus> </DIV> <script type="text/javascript"> function sel(href){ if(href=='') mus.innerHTML=""; else mus.innerHTML="<embed type=application/x-mplayer2 src="+href+" width=160 height=45>"; } sel(''); </script></td> <script type="text/javascript"> function poppict() { var msg = new String("") msg = "" popup = window.open("http://www.icq.com/people/webmsg.php?to=351514002","popDialog","height=550,width=500") popup.document.write(msg) popup.document.close() return false } </script> </tr> </table> </td></tr><tr><td rowspan="2"> </td></tr><tr><td> Проголосуй за наш форум!!<br> <br> <a href="http://www.raptop.ru/cgi-bin/in.cgi?id=6833" target="_new"> <img src="http://www.raptop.ru/images/img6.gif" border="0" width="88" height="40" alt="Рэп музыка"></a> <a href="http://rapmob.ru/in.cgi?id=249"><img src="http://rapmob.ru/img/banner/rapmob-125x120.gif" alt="Рейтинг рэп сайтов" width="88" height="40" border="0"></a> <a href="http://top.unter-rap.ru/"><img src="http://top.unter-rap.ru/button.php?u=Mc_Shake" alt="Рэйтинг рэп-сайтов <<Под Рэп>>" border="0" /></a> <a href="http://top.raplace.ru/"> <img src="http://top.raplace.ru/button.php?u=Mc_Shake" alt="TOP100 RAPLACE" border="0" /> </a> <a href="http://x-cheats.ru/top/index.php"><img src="http://x-cheats.ru/top/button.php?u=Mc_Shake" alt="TOP Сайтов от X-Cheats.Ru" border="0" /></a> </td></tr></table></center>
Отредактировано Mc_Shake1 (Пн, 21 Мар 2011 22:11:29)
Поделиться399Вт, 22 Мар 2011 12:59:29
спрашивает чайник =.=""
а куда таблицу вставлять?Оо"
В объявление,кажется...
Поделиться400Вт, 22 Мар 2011 13:03:51
Martele, да, копируете код таблицы и вставляете в Объявление.