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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)


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

Сообщений 381 страница 400 из 996

381

http://italy.mybb.ru/
http://savepic.net/708700m.jpg

0

382

Гость_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" - границ не будет.

+1

383

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>

0

384

картинка
все столбцы одинаковой ширины.
сюда - http://designintests.mybb.ru/ (пы.сы. в ячейки по краям я буду ставить кнопки выпадающего меню. ну. это так. на всякий случай.)
границы 2 пикселя. красные.
спасибо!

0

385

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>

+1

386

Кофеман
спасибоо.

0

387

Вот такая еще табличка 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>

http://mybb.ru/f/collection/0208.gif

.submenutext {
text-align: center;
background:#F9F1DD;
/*position:absolute;*/

(Фон в ячейке (красным) задан для наглядности, - можно убрать или поставить свой(в том числе и картинкой)



Фон под надписи кнопок(при активной кнопке) выделен в нижеследующем коде красным

#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

ЗЫ: Поскольку кнопки находятся теперь на внешней табличке - можно располагать их как заблагорассудицо(главное не ошибицо во внешней таблице и оставить центральную ячейку под Экранную таблу контента заданного размера (в данном случае чуть более 720px*260px

Отредактировано Deff (Вт, 22 Мар 2011 15:23:43)

+1

388

Разрешите вот такую таблицу:

http://s004.radikal.ru/i208/1103/d4/e1739c057532.jpg

http://rinadesign2.mybb.ru/

вот на этот пробник:)

0

389

Кофеман
Спасибо! http://mybb.ru/f/collection/0226.gif  http://mybb.ru/f/collection/0211.gif

0

390

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)

+1

391

Кофеман

спасибо огромное:) +

0

392

Можно такую таблицу?
http://s57.radikal.ru/i158/1103/10/3f6b69da989e.jpg
Благодарю.

0

393

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)

0

394

Кофеман
http://probatestforum.mybb.ru/

0

395

Здрасте!^^
Форум:
http://rosariovampir.mybb.ru/
http://s015.radikal.ru/i330/1103/22/ac0271de4405.png http://mybb.ru/f/collection/0208.gif

Отредактировано Martele (Пн, 21 Мар 2011 18:59:23)

0

396

Кофеман
Большое спасибо!

0

397

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)

0

398

Черт) Помогите с таблицей)) Во первых мне нужно чтобы полоски таблицы были видны (ну рамки я имею ввиду. рамка таблицы и ячеек). Потом как бы соблюсти пропорции? И еще не подскажете (да я знаю что можно там и там то посомтреть, но все же если спрошу у вас будет быстрее) теги для:
ссылок
гиперссылок
просто цвет
наклонный шрифт
жирный шрифт
подчеркнутый шрифт
по центру
слева
справа

п.с. черт по моему легче взять и вспомнить хтмл)) ыыыы

ВОТ МОЙ ФОРУМ 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)

0

399

спрашивает чайник =.=""
а куда таблицу вставлять?Оо"
В объявление,кажется...

0

400

Martele, да, копируете код таблицы и вставляете в Объявление.

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)