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

Поделиться61Сб, 12 Ноя 2011 22:19:50

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Хулиган на каблуках, что такое "партнеры три ряда" ?

Поделиться62Вс, 13 Ноя 2011 00:23:08

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

эскиз таблицы - http://s017.radikal.ru/i402/1111/65/01daad96a031.png
форум - http://dogsofwar.mybb.ru/
по эскизу - если нажать на картинки справа ("links", "admins" и пр.) - текст этих контейнеров появится в большом блоке ниже.
картинки к ним:
http://s017.radikal.ru/i440/1111/5d/3c5e079d11ac.png - admins.
http://s40.radikal.ru/i089/1111/10/54c7cc667670.png - links.
http://s017.radikal.ru/i404/1111/54/b63f6fc5104e.png - game.
http://s015.radikal.ru/i333/1111/97/5f6f4b2d2358.png - piar.

далее. "Our news" - всего лишь картинка в качестве надписи, не более. Ссылка на картинку - http://s017.radikal.ru/i423/1111/d8/8b4a62bc9ee8.png

в обоих больших блоках, где идёт основной текст, должна быть прокрутка.
углы границ округлённые...

ну, вроде всё ^ ^ ах да, можно таблицу впихнуть по центру форума, чтобы границы не "упирались" в границы "тела" форума? Оо

0

Поделиться63Вс, 13 Ноя 2011 00:58:59

Автор: rybych
Стремящийся
Зарегистрирован: Чт, 10 Ноя 2011
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Вт, 15 Ноя 2011 18:47:37

у меня весьма необычный заказ, нужно шесть простых таблиц 600х500 каждая.

П Е Р В А Я
1) http://s017.radikal.ru/i406/1111/b7/134890d38e1d.png
2) http://tvd.iforum.name/
3) на скрине.

В Т О Р А Я
1) http://s017.radikal.ru/i400/1111/a9/66528cd3764e.png
2) http://tvd.iforum.name/
3) на скрине.

Т Р Е Т Ь Я
1) http://s55.radikal.ru/i147/1111/83/60e1aa005e4a.png
2) http://tvd.iforum.name/
3) на скрине.

Ч Е Т В Е Р Т А Я
1) http://s017.radikal.ru/i405/1111/25/51c7d95e45b0.png
2) http://tvd.iforum.name/
3) на скрине.

П Я Т А Я
1) http://i009.radikal.ru/1111/5a/5b809521053c.png
2) http://tvd.iforum.name/
3) на скрине.

Ш Е С Т А Я
1) http://s017.radikal.ru/i428/1111/97/ec2bb92000f6.png
2) http://tvd.iforum.name/
3) на скрине.

0

Поделиться64Вс, 13 Ноя 2011 03:06:56

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

X-j

В окно ХТМЛ-верх

<style>
#menu {
padding-left: 10px;
height: 57px;
width: 446px;
}

#menu img {
margin: 0px!important;
width: 110px;
float: left;
}

#submenu {
padding: 5px;
height: 300px;
text-align: center;
width: 446px;
}

.submenutext {
display: none;
height: 299px;
overflow: auto;
overflow-x: hidden;
}

#submenu, #menu, .nowosti {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
border: 2px solid #8763D4 !important;
}

.uno {border-right: 2px solid #8763D4 !important;}
</style>

В Объявление

Код:

<center><table align="center" width="730" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="240" align="center" style="height: 64px;">
<div align="center" class="nowosti" style="height: 53px; width: 167px; padding-top: 4px!important;">
<img src="http://s017.radikal.ru/i423/1111/d8/8b4a62bc9ee8.png" alt="" width="167" height="57" border="0">
</div>
</td>
<td rowspan="2" width="30" align="center">&nbsp;</td>
<td width="460" align="center" style="height: 64px;">
<!--- кнопки меню --->
<div id="menu">
<img src="http://savepic.su/720607.png" alt=#sm1 style="cursor: pointer;" width="110" height="57" border="0" class="uno">
<img src="http://savepic.su/705247.png" alt=#sm2 style="cursor: pointer;" width="110" height="57" border="0" class="uno">
<img src="http://savepic.su/711391.png" alt=#sm3 style="cursor: pointer;" width="110" height="57" border="0" class="uno">
<img src="http://savepic.su/709343.png" alt=#sm4 style="cursor: pointer;" width="110" height="57" border="0">
</div>
<!--- конец кнопок меню --->
</td>
</tr>
<tr>
<td width="240" align="center" style="height: 320px;">
<!--- Новости с прокруткой --->
<div align="center" class="nowosti" style="height:300px; width: 230px; padding: 5px;">
<div align="center" style="overflow: auto; overflow-x: hidden; width:99%; height: 100%;">
теекст с прокруткой новости
</div>
</div>
</td>
<td width="440" align="center" style="height: 320px;" id="MenuTxT">
<!--- содержимое меню --->
<div id="submenu" align="center"> 
<div id="sm1" class="submenutext" style="display:block;">

Контент Admins

</div>
<div id="sm2" class="submenutext">

Контент Links

</div>
<div id="sm3" class="submenutext">

Контент Game

</div>
<div id="sm4" class="submenutext">

Контент PR

</div>

</div>
<!--- конец содержимого меню --->
</td>
</tr></tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs img:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu img").click(function() {
    $("div.#menu img").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Картинки Admins и т.д. мне пришлось переделать, потому что ширина 167 в сумме с колонкой новостей давали более 900px в ширину, а чтоб таблица не упиралась в края, нужно макс. 828 пикселей.

+1

Поделиться65Вс, 13 Ноя 2011 04:27:35

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Хулиган на каблуках, Ваша таблица

Код:

<center><table align="center" width="770" cellspacing="0" cellpadding="0" border="1">
<tbody><tr>
<td width="32%" align="center" height="160">
АМС
</td>
<td rowspan="3" width="36%" align="center" height="380">
Лучшие<br>
картинки + текст
</td>
<td rowspan="2" width="32%" align="center" height="250">
<div align="center" style="height: 246px; width: 99%; overflow:scroll; overflow-x:hidden;">
события в игре спрокруткой
</div>
</td>
</tr>
<tr>
<td rowspan="3" width="32%" align="center">
<div align="center" style="height: 325px; width: 99%; overflow:scroll; overflow-x:hidden; margin-top: 5px;">
новости ролевой с прокруткой
</div>
</td>
</tr>
<tr>
<td rowspan="2" width="32%" align="center" height="260">
<div align="center" style="height: 256px; width: 99%; overflow:scroll; overflow-x:hidden;">
должники по постам
</div>
</td>
</tr>
<tr>
<td width="36%" align="center">кнопка навигации</td>
</tr>
<tr>
<td colspan="3" align="center">партнеры три ряда</td>
</tr></tbody>
</table></center>

0

Поделиться66Вс, 13 Ноя 2011 09:50:55

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

Кофеман
спасибо огромное ^ ^

0

Поделиться67Вс, 13 Ноя 2011 14:07:48

Автор: Mystical
Заслуженный
Зарегистрирован: Чт, 20 Янв 2011
Сообщений: 25
Уважение: 0
Позитив: +2
Последний визит:
Ср, 16 Ноя 2011 16:35:47

Кофеман
Всё верно?

Заготовка под Бегущую строку: http://s61.radikal.ru/i172/1111/70/a7df79d97611.png
Заготовка под рамку для слова "Новости": http://s017.radikal.ru/i441/1111/8e/ef9c0e81765b.png
Заготовка под окошко прокрутки новостей: http://s017.radikal.ru/i404/1111/07/072d51e867df.png

0

Поделиться68Вс, 13 Ноя 2011 14:31:31

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Mystical, замените таблицу полностью

<table cellspacing="0" cellpadding="0" align="center" frame="box" style="background: url(http://s017.radikal.ru/i412/1111/e9/0d7c1834e5d6.jpg) no-repeat top; width: 800px; height: 210px; border-bottom: 1px solid Black; border-left: 1px solid Black; border-right: 1px solid Black; border-top: 1px solid Black;">
<tbody><tr>
<td colspan="3" align="center" height="56">
<marquee behavior="scroll" direction="left" width="764px" height="34" loop="0" scrollamount="2" scrolldelay="2" style="background: transparent url(http://s61.radikal.ru/i172/1111/70/a7df79d97611.png) repeat; border: 1px solid Black; font-size: 24px; padding-top: 6px;" onMouseOver="this.stop()" onMouseOut="this.start()">
*БЕГУЩАЯ СТРОКА*
</marquee>
</td>
</tr>
<tr>
<td align="center" height="154">
<a href="адрес ссылки"><img src="адрес картинки" alt="картинка" width="260" height="144" border="0"></a>
</td>
<td align="center" height="154" width="260">

<table width="248" height="144" border="0" cellspacing="0" cellpadding="0" align="center" rules="rows" style="border: 1px solid Black;">
<tr>
<td align="center" height="22" style="background: transparent url(http://s017.radikal.ru/i441/1111/8e/ef9c0e81765b.png) repeat;">
<strong>НОВОСТИ</strong>
</td>
</tr>
<tr>
<td align="center" height="122">
<div align="center" style="background: transparent url(http://s017.radikal.ru/i404/1111/07/072d51e867df.png) repeat; height: 99%; width: 99%; padding: 1px; overflow: auto; overflow-x: hidden;">
текст новостей с прокруткой
прокрутка автоматическая
</div>
</td>
</tr>
</table>

</td>
<td align="center" height="154" width="250">

<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%" height="152">
<tr>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 1" width="110" height="40" border="0"></a></td>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 2" width="110" height="40" border="0"></a></td>
</tr>
<tr>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 3" width="110" height="40" border="0"></a></td>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 4" width="110" height="40" border="0"></a></td>
</tr>
<tr>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 5" width="110" height="40" border="0"></a></td>
<td width="50%" align="center"><a href="адрес ссылки"><img src="адрес картинки" alt="кнопка картинка 6" width="110" height="40" border="0"></a></td>
</tr>
</table>

</td>
</tr></tbody>
</table>

0

Поделиться69Вс, 13 Ноя 2011 15:19:05

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

rybych

Первая

Код:

<table align="center" width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" height="250" style="border-bottom: 2px solid #000 !important; ">
<div align="center" style="width: 99%; height: 246px; overflow: auto; overflow-x: hidden; padding: 1px;">
прокрутка
</div>
</td>
</tr>
<tr>
<td width="50%" align="center" height="250" style="border-right: 2px solid #000 !important;">
картинка
</td>
<td width="50%" align="center">
ссылки
</td>
</tr>
</table>

Вторая

Код:

<table width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height="110" style="border-bottom: 2px solid #000 !important;">
тут будет картинка 600х100
</td>
</tr>
<tr>
<td align="center" height="390">
<!--- это картинки контейнеры --->
<table width="100%" cellspacing="0" cellpadding="0" border="0" height="388">
<tr>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 1" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 2" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 3" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 4" width="100" height="100" border="0"></td>
</tr>
<tr>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 5" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 6" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 7" width="100" height="100" border="0"></td>
<td width="25%" align="center"><img src="адрес картинки" alt="картинка 8" width="100" height="100" border="0"></td>
</tr>
</table>
<!--- конец картинок контейнеров --->
</td>
</tr>
</table>

Третья

Код:

<table align="center" width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height="300" style="border-bottom: 2px solid #000 !important; border-right: 2px solid #000 !important; width: 50%;">
<div align="center" style="width: 99%; height: 292px; overflow: auto; overflow-x: hidden; padding: 1px;">
погода с прокруткой
</div>
</td>
<td align="center" height="300" style="border-bottom: 2px solid #000 !important; width: 50%;">
квесты
</td>
</tr>
<tr>
<td width="50%" align="center" height="200" style="border-right: 2px solid #000 !important;">
время в игре
</td>
<td width="50%" align="center">
<div align="center" style="width: 99%; height: 192px; overflow: auto; overflow-x: hidden; padding: 1px;">
кратко о сюжете
</div>
</td>
</tr>
</table>

Четвертая

Код:

<table align="center" width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" height="250" style="border-bottom: 2px solid #000 !important;">

нужные персонажи

</td>
</tr>
<tr>
<td width="50%" align="center" height="250" style="border-right: 2px solid #000 !important;">

освободившиеся роли

</td>
<td width="50%" align="center">

акции

</td>
</tr>
</table>

Пятая

Код:

<table align="center" width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" height="300" style="border-bottom: 2px solid #000 !important;">

конкурсы

</td>
</tr>
<tr>
<td width="50%" align="center" height="200" style="border-right: 2px solid #000 !important;">

опросы

</td>
<td width="50%" align="center">

история конкурсов

</td>
</tr>
</table>

Шестая

Код:

<table align="center" width="600" height="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td colspan="2" align="center" height="150" style="border-bottom: 2px solid #000 !important;">

рекламщикам

</td>
</tr>
<tr>
<td width="50%" align="center" height="350" style="border-right: 2px solid #000 !important;">
<div align="center" style="width: 99%; height: 342px; overflow: auto; overflow-x: hidden; padding: 1px;">
партнеры с прокруткой
</div>
</td>
<td width="50%" align="center">

ссылки для рекламы

</td>
</tr>
</table>

0

Поделиться70Пн, 14 Ноя 2011 21:08:47

Автор: tin-tin
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 44
Уважение: 0
Позитив: +4
Последний визит:
Пн, 2 Янв 2012 09:36:01

1. http://savepic.net/2154030.png
2. http://sloooooooow.rusff.ru/
3. собственно, хочу, чтобы границы таблицы были прозрачные. и вместо названия ячейки -картинка (те, которые сейчас на форуме в таблице стоят)

заранее благодарю

0

Поделиться71Пн, 14 Ноя 2011 22:55:53

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

tin-tin
В окно ХТМЛ верх

Код:

<style>
#menu {margin-left: 10px;}	
#menu span {
padding-left: 3px;
width: 170px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 285px;
text-align: center;
font-size: 12px;
width: 718px;
}

.submenutext {
display: none; 
height: 285px;
}
</style>

В Объявление

Код:

<center><table style="width: 100%; height: 360px;">
 <tbody>
  <tr>
   <td style="height: 58px;">
    <div id="menu">
<!--- Кнопки меню --->
<span alt=#sm1 style="cursor: pointer;"><img src="http://savepic.net/2115116m.png" alt="кнопка 1" width="170" height="52" border="0"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://savepic.net/2118188m.png" alt="кнопка 2" width="170" height="52" border="0"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://savepic.net/2107948m.png" alt="кнопка 3" width="170" height="52" border="0"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://savepic.net/2108972m.png" alt="кнопка 4" width="170" height="52" border="0"></span>
<!--- Конец кнопок --->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top" style="height: 300px;">
    <div id="submenu" align="center">
<!--- Содержимое 1й кнопки ---> 
<div id="sm1" class="submenutext" style="display:block;">

Контент Новости

</div>
<!--- Содержимое 2й кнопки --->
<div id="sm2" class="submenutext">

Контент ссылки

</div>
<!--- Содержимое 3й кнопки --->
<div id="sm3" class="submenutext">

Контент игра

</div>
<!--- Содержимое 4й кнопки --->
<div id="sm4" class="submenutext">

Контент админы

</div>
     
</div>
   </td>
</tr>
 </tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

Поделиться72Пн, 14 Ноя 2011 23:29:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51119
Уважение: +15200
Позитив: +11599
Последний визит:
Сегодня 20:38:43

0

Поделиться73Вт, 15 Ноя 2011 03:48:04

Автор: tin-tin
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 44
Уважение: 0
Позитив: +4
Последний визит:
Пн, 2 Янв 2012 09:36:01

Кофеман
спасибо большое
а можно немного поближе сделать таблицу к "новые сообщения", "активные темы", чтобы такого зазора не было?
http://sloooooooow.rusff.ru/

0

Поделиться74Вт, 15 Ноя 2011 11:00:30

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

tin-tin
Это не в таблице дело, а в Вашем стиле оформления.
Добавьте в ХТМЛ верх

<style>
#pun-announcement .container {
padding: 0.5em 1em 1em 1em !important;
}
</style>

+1

Поделиться75Ср, 16 Ноя 2011 16:35:39

Автор: Mystical
Заслуженный
Зарегистрирован: Чт, 20 Янв 2011
Сообщений: 25
Уважение: 0
Позитив: +2
Последний визит:
Ср, 16 Ноя 2011 16:35:47

Кофеман
Спасибо!

0

Поделиться76Чт, 17 Ноя 2011 01:45:01

Автор: Enma
Заслуженный
Зарегистрирован: Сб, 30 Июл 2011
Сообщений: 30
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 4 Мар 2012 02:45:24

1.
2. http://darckmoon.mybb.ru/
3. На фон таблице, такую картинку -
Где администрация, новости и форума и прочее, такие картинки -
Где сбоку Администрации, снизу Новосте, справо от В Игре, сделать такие же границы, как и на эскизе таблицы. А где Ссылки и Баннеры, между ними границу делать не надо.
Где картинка, такая картинка -

Отредактировано Enma (Чт, 17 Ноя 2011 01:45:59)

0

Поделиться77Чт, 17 Ноя 2011 11:14:38

Автор: Анника
Заслуженный
Зарегистрирован: Чт, 17 Ноя 2011
Сообщений: 8
Уважение: 0
Позитив: 0
Последний визит:
Чт, 29 Мар 2012 10:15:34

Чаёк после школы

Фон таблицы -
Картинка -

0

Поделиться78Чт, 17 Ноя 2011 11:43:24

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Анника
По ссылке - пишет, что форум не найден.

0

Поделиться79Чт, 17 Ноя 2011 14:16:20

Автор: Lu-Elle
Заслуженный
Зарегистрирован: Пн, 13 Дек 2010
Сообщений: 40
Уважение: +1
Позитив: +3
Пол: Женский
Последний визит:
Вс, 15 Фев 2015 15:11:05

Доброго времени.)

1. -- первая кнопка, новости и акции с прокруткой. и графу с топами наверно то-же с прокруткой сделать.
Cсылки- три обычных, вертикальных, столбца, без прокрутки.
администрация, два горизонтальных столбца без прокрутки.
В остальных ничего добавлять не нужно.)
Фон тела таблицы-
2. http://styletry.mybb.ru/