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

Страница: « 1 2 3 4 5 6 7 … 12 »

Тема закрыта

Сообщений 81 страница 100 из 238

Поделиться1Сб, 7 Фев 2015 15:52:02

Автор: Christian Hale
Стремящийся
Зарегистрирован: Сб, 7 Фев 2015
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Вс, 5 Апр 2015 16:12:27

Продолжение темы Таблицы на заказ (15).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.
И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

Поделиться81Чт, 25 Фев 2016 10:01:18

Автор: Ms. Juliet
Заслуженный
Зарегистрирован: Сб, 20 Фев 2016
Сообщений: 152
Уважение: +9
Позитив: +51
Пол: Женский
Последний визит:
Чт, 31 Дек 2020 14:18:40

Deff
http://fabletown.ru - ну вот как тут к примеру во вкладке АМС, когда наводишь на картинку, то появляется окно.

Поделиться82Чт, 25 Фев 2016 10:12:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11567
Последний визит:
Сегодня 14:58:41

Ms. Juliet написал(а):

http://fabletown.ru - ну вот как тут к примеру во вкладке АМС, когда наводишь на картинку, то появляется окно.

Ясн - С картинкой будет ?

Поделиться83Чт, 25 Фев 2016 21:39:59

Автор: Ms. Juliet
Заслуженный
Зарегистрирован: Сб, 20 Фев 2016
Сообщений: 152
Уважение: +9
Позитив: +51
Пол: Женский
Последний визит:
Чт, 31 Дек 2020 14:18:40

Deff
Ааа поняла. Нет, без картинки в окне. Просто текст будет посередине.

Поделиться84Сб, 27 Фев 2016 13:21:00

Автор: Массаракш
Заслуженный
Зарегистрирован: Ср, 18 Дек 2013
Сообщений: 47
Уважение: +1
Позитив: +5
Последний визит:
Вт, 30 Май 2017 22:41:10

Добра. Хотелось бы попросить о создании таблицы.

Макет

2. http://testomes.hutt.ru/ - тестовик пока, потом будет переноситься на основной форум.
3. Ширина форума - 800px, Можно добавить прокрутку, но только, чтобы ее видно не было, когда прокручивать нечего. И вот исходники, если нужны

Исходники

Кнопка ссылок
Кнопка при нажатии
Тело таблицы

Поделиться85Сб, 27 Фев 2016 18:02:36

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Массаракш

Код:

<style>
#tstTable{
  margin-left:-12px;
  position:relative;
  height:290px;
  width:800px;
}
#tstTable td{border:none 0 transparent!important;}
#tstTable #First + td{
  width:593px;
  height:290px;
  background:url(http://s3.uploads.ru/eCu5t.png);
}
#tstTable #First,#tstTable #First + td{
  padding:0!important;
}
#tstTable table[id]{
  width:100%;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 10px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.1em;
  border:none 0 transparent !important;
} 
.tabindex {
  height: 240px;
  width: 100%;
  position: relative;
}
.tabindex p {
  font-weight: 700;
}
#tstTable #First a {
  display: block;
  width: 206px;
  background: url(http://s7.uploads.ru/5tOku.png);
  color: #fff;
  text-align: center;
  padding: 12px 0;
  font-weight: 700;
  font-size: 14px;
}
#tstTable #First a:hover{
  background:url(http://s7.uploads.ru/u5cqo.png);
}
</style>
 
<table id="tstTable" cellspacing=0 cellpadding=0>
<tr>
<td style="width:206px;" id="First">
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
  <a href="адрес_ссылки">Ссылка</a>
</td>
<td  align=center>
 
<table class="navbuttons"><tr>
  <td id="btn1">Важное</td>
  <td id="btn2">Администрация</td>
  <td id="btn3">Квесты</td>
  <td id="btn4">Объявления</td>
</tr></table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- Важное --><tr>
  <td>
    <center>
    Первая вкладкa, Текст...

    </center>
  </td>
</tr></table>
 
<table id="tbl2"><!-- Администрация --><tr>
  <td>
    2-я Вкладка 
  </td>
</tr></table>
 
<table id="tbl3"><!-- Квесты --><tr>
  <td>
    3-я Вкладка
  </td>
</tr></table>
 
<table id="tbl4"><!-- Объявления --><tr>
  <td>
    4-Я вкладка
  </td>
</tr></table>
 
</td></tr>
</table>

 
<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

ВКонтакте alex__63

Поделиться86Вс, 28 Фев 2016 13:20:53

Автор: Ms. Juliet
Заслуженный
Зарегистрирован: Сб, 20 Фев 2016
Сообщений: 152
Уважение: +9
Позитив: +51
Пол: Женский
Последний визит:
Чт, 31 Дек 2020 14:18:40

Deff
Хорошо . Ожидаю.)

Поделиться87Пн, 29 Фев 2016 03:05:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11567
Последний визит:
Сегодня 14:58:41

Ms. Juliet
В Объявление:

Код:

<style type="text/css"> 
#tbl-2 {
  color:#610E0E;
  margin-top:-50px;
  position:relative;
  background: transparent url(http://funkyimg.com/i/28Ak3.png) no-repeat 6px 0;
  width:860px;
  height:402px;
}
#tbl-2 .cnt-a {
  margin:0;
  padding:8px;
  text-align:center;
  position:absolute;
  width:222px;
  overflow-y:auto;
  overflow-x:visible;
}
#Nav.cnt-a {
  z-index:100;
  overflow:visible;
  padding:0;
  height:67px;
  width:195px;
  top:190px;
  left:51px;
}
#Nav li {
  display:inline-block;
  background: transparent url(http://funkyimg.com/i/28A4t.png) no-repeat 1px 0;
  cursor:pointer;
  font: normal normal 400 11px/normal Georgia;
  color:#D6675F;
  text-shadow: 1px 1px 0 rgba(242,137,126,.34); 
  height:15px;
  margin-bottom:1px;
  width:100%;
}
#Nav li:hover,#Nav li.active{ 
  background-position: 2px -15px;
  text-shadow: -1px -1px 0 rgba(255,255,255,.3),0 0 1.4em rgba(250,180,118,1),1px 1px 0 rgba(245,144,93,1);
  color:#E34B43;
}
#Up01 {
  height:96px;
  top: 61px;
  left:30px;
}
#Up02 {
  height:298px;
  top: 61px;
  left:318px;
}
#Up03 {
  height:201px;
  top: 61px;
  left:609px;
}
#Btm01 {
  overflow:visible!important;
  height:67px;
  top: 294px;
  left:30px;
}
#Btm03 {
  overflow:visible!important;
  height:67px;
  top: 294px;
  left:609px;
}
#Up02 .cnt {
  margin:0 auto;padding:0;
  padding-right:3px;
  min-height:99%;
  width:210px;
  text-align:justify;
  opacity:0;
  display:none;
}
#Up02 .cnt.active {
  opacity:1;
  display:block;
}
#Up02 .cnt h5{
  text-align:center;
  padding:2px;
  color:rgba(75,49,49,1);
  text-shadow: 1px 1px 0 rgba(0,0,.4); 
  font: normal normal 400 12px/normal 'Lucida Console';
  box-shadow:inset 0 0 .6em rgba(180,95,23,.7);
  border-radius:12px;
}
#Btm01.cnt-a .image,#Btm03.cnt-a .image{
  cursor:pointer;
  display:inline-block;
  position:relative;
  margin-top:3px;
  margin-left:2px;
  margin-right:0px;
  text-align:center;
}
.image pre {
  background-color: rgba(222,184,144,.8);
  padding:4px;
  width:155px;
  border-radius:7px;
  border:3px solid #BD936A;
  margin-left:-58px;
  position:absolute;
  top:103%;
  box-shadow: 0 0 13px rgba(0,0,0,.3);
  display:none;
}
.image:hover pre {
  position:absolute; z- index:1000;
  display:block;
}
.image>img {
  border-radius:7px;
  border:2px solid #C59E78;
}
</style>	
<div id="tbl-2">
<!-- Навигация -->
  <div class="cnt-a" id="Nav">
     <li class="active">НАВИГАЦИЯ</li>
     <li>ИГРОВЫЕ ДАННЫЕ</li>
     <li>АКТИВНЫЕ ЭПИЗОДЫ</li>
     <li>БАННЕРОБМЕН</li>
  </div>
<!-- Верхние секции -->
  <div class="cnt-a" id="Up01">
11.о2. Закончился пересмотр рангов.
 Были просмотрены все темы,
 которые обновлялись в течении последних двух месяцев.
 Те, кто повысился в ранге: поздравляю!)
 Те, кто понизился - ребята, не расстраиваемся,
 ранг - это всего-лишь цифра в профиле
  </div>

<div class="cnt-a" id="Up02">
    <div class="cnt active">
<h5>1-я Вкладка</h5>
11.о2. Закончился пересмотр рангов.
 Были просмотрены все темы,
 которые обновлялись в течении последних двух месяцев.
 Те, кто повысился в ранге: поздравляю!)
 Те, кто понизился - ребята, не расстраиваемся,
 ранг - это всего-лишь цифра в профиле,
 главное получать удовольствие от того, что вы делаете.
    </div>
    <div class="cnt">
<h5>2-я Вкладка</h5>
11.о2. Закончился пересмотр рангов.
 Были просмотрены все темы,
 которые обновлялись в течении последних двух месяцев.
 Те, кто повысился в ранге: поздравляю!)
 Те, кто понизился - ребята, не расстраиваемся,
 ранг - это всего-лишь цифра в профиле,
 главное получать удовольствие от того, что вы делаете.
    </div>
    <div class="cnt">
<h5>3-я Вкладка</h5>
ereeeeeeeeeeeeeeee
errrrrrrrrrrrrrrrr
errrrrrrrrrrrrrrrrrr

    </div>
    <div class="cnt">
<h5>4-я Вкладка</h5>
    </div>
</div>

  <div class="cnt-a" id="Up03">
11.о2. Закончился пересмотр рангов.
 Были просмотрены все темы,
 которые обновлялись в течении последних двух месяцев.
 Те, кто повысился в ранге: поздравляю!)
 Те, кто понизился - ребята, не расстраиваемся,
 ранг - это всего-лишь цифра в профиле,
 главное получать удовольствие от того, что вы делаете.
  </div>
<!-- Нижние секции -->
  <div class="cnt-a" id="Btm01">
<!-- АДМИНЫ -->
     <div class=image>
<img src=http://funkyimg.com/i/28ntP.gif>
<pre>
АДМИН Вася
Бла-Бла-Бла
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/28ntP.gif>
<pre>
АДМИН Вася
Бла-Бла-Бла
</pre>
     </div>
<!--//Конец АДМИНЫ//-->
  </div>
  <div class="cnt-a" id="Btm03">
<!-- РОЗЫСК -->
     <div class=image>
<img src=http://funkyimg.com/i/28ntP.gif>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/28ntP.gif>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
     </div>
     <div class=image>
<img src=http://funkyimg.com/i/28ntP.gif>
<pre>
РОЗЫСК Вася
Бла-Бла-Бла
</pre>
     </div>
<!--//Конец РОЗЫСК//-->
  </div>

</div>

<script type="text/javascript">
(function(){
  var switches = $('#Nav>li');
  var cnt      = $('#Up02>.cnt');

  switches.click(function(){
    var num = switches.index(this);
    cnt.removeClass('active');
    switches.removeClass('active');

    switches.eq(num).addClass('active');
    cnt.eq(num).hide().addClass('active').fadeIn(600);
  });
})();
</script>

Поделиться88Пн, 29 Фев 2016 03:09:21

Автор: Ms. Juliet
Заслуженный
Зарегистрирован: Сб, 20 Фев 2016
Сообщений: 152
Уважение: +9
Позитив: +51
Пол: Женский
Последний визит:
Чт, 31 Дек 2020 14:18:40

Deff
*___* Спасибо огромнейшее.))) Прямо не на радуюсь .

Поделиться89Сб, 5 Мар 2016 16:08:27

Автор: Тира
Заслуженный
Зарегистрирован: Пт, 4 Мар 2016
Сообщений: 53
Уважение: +1
Позитив: 0
Последний визит:
Вс, 9 Июл 2017 13:48:52

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

Тык

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://cats00warrions.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
~~Возможно~~ будет прокрутка в окне "новости"

Поделиться90Сб, 5 Мар 2016 18:23:35

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

Доброго времени!

1. Форум - http://forumprobastila.rusff.ru/, далее сюда - http://tales-tabora.ru/

Эскизы

Пример на шапке

1 раздел "Главная"

2 раздел "Навигация" - разделить на три равных столбика;
3 раздел "Погода" - разделить на два равных столбика, один из них с прокруткой;
4 раздел "Доска почета"

5 раздел "Партнеры" - обычный раздел, но было бы неплохо сдвигать баннеры без помощи br, а с помощью кода. Возможно ли?

Пояснения: табличка с прозрачными полями, на рисунке, понятное дело, они обозначены для наглядности. С заполнением проблем не возникнет. А вот с построением возникли, совсем позабыла как это все делается. По возможности, можно растянуть "меню" таблицы по её верхнему краю?

Заранее благодарю трудящихся товарищей! :з

Поделиться91Вс, 6 Мар 2016 13:37:20

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Captain Morgan
В HTML верх

Код:

<!-- Таблица -->
<style>
#tstTable { 
  margin-left: 450px;
  margin-top: 40px;
  position: absolute;
  width: 430px;
}
#tstTable table[id]{
  height: 290px;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 4px 2px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.2em;
  font-family:Times new roman;
} 
.navbuttons .active { 
  color: #204468;
}
.tabindex {
  height: 300px;
  width: 100%;
  position: relative;
}
.tabindex p {
  font-weight: 700;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:430px;
  font-size:1.2em!important;
}
</style>

<div id="tstTable">

<table class="navbuttons"><tr>
  <td id="btn1">Главная</td>
  <td id="btn2">Навигация</td>
  <td id="btn3">Погода</td>
  <td id="btn4">Доска почета</td>
  <td id="btn5">Партнеры</td>
</tr></table>

<div class="tabindex">

<table id="tbl1"><!-- Главная -->
  <tr>
    <td style="width:60%;height:130px;">
      Текст...1строка
    </td>
    <td style="width:40%;height:130px;">
      Текст...
    </td>
  </tr> 
  <tr>
    <td colspan="2" style="height:160px;width:430px">
      Текст...2строка
    </td>
  </tr>
</table>

<table id="tbl2"><!-- Навигация -->
  <tr>
    <td>
        Текст первой ячейки
    </td>
    <td>
        Текст Второй ячейки
    </td>
    <td>
        Текст третьей ячейки
    </td>
  </tr>
</table>

<table id="tbl3"><!-- Погода -->
  <tr>
    <td>
      Первый Столбик
    </td>
    <td style="overflow-y:scroll">
       Столбец с Прокруткой
    </td>
  </tr>
</table>

<table id="tbl4"><!-- Доска почета -->
  <tr>
    <td style="height:120px;" colspan="2">
       Первая строка
    </td>
  </tr>
  <tr>
    <td style="width:230px">
      Вторая строка, первая ячейка
    </td>
    <td style="width:200px">
      Вторая строка, Вторая ячейка
    </td>
  </tr>
</table>

<table id="tbl5"><!-- Партнеры -->
  <tr>
    <td>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
    </td>
  </tr>
</table>

</div>

</div>

<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

ВКонтакте alex__63

Поделиться92Вс, 6 Мар 2016 15:46:12

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

Alex_63
Большое Вам спасибо!
И просто вопрос от меня, а нет способа таблицу разместить не в HTML верх, а "объявлении" при том, что бы она таки нормально сдвигалась к шапке, а не растягивала форум? Боюсь, что заполненный длинный код (+ наверняка куча других) в одном поле напугает амс форума по второй ссылке... х)

Поделиться93Вс, 6 Мар 2016 17:12:39

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Captain Morgan
Можно сделать иначе:
В Объявление

Код:

<!-- Таблица -->
<style>
#tstTable { 
  margin-left: 450px;
  margin-top: 40px;
  position: absolute;
  width: 430px;
}
#tstTable table[id]{
  height: 290px;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 4px 2px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.2em;
  font-family:Times new roman;
} 
.navbuttons .active { 
  color: #204468;
}
.tabindex {
  height: 300px;
  width: 100%;
  position: relative;
}
.tabindex p {
  font-weight: 700;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:430px;
  font-size:1.2em!important;
}
</style>
 
<script type="text/javascript"><!-- Вставка контента-->
function addTableToHeader (){/*==123==;

<div id="tstTable">
 
<table class="navbuttons"><tr>
  <td id="btn1">Главная</td>
  <td id="btn2">Навигация</td>
  <td id="btn3">Погода</td>
  <td id="btn4">Доска почета</td>
  <td id="btn5">Партнеры</td>
</tr></table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- Главная -->
  <tr>
    <td style="width:60%;height:130px;">
      Текст...1строка
    </td>
    <td style="width:40%;height:130px;">
      Текст...
    </td>
  </tr> 
  <tr>
    <td colspan="2" style="height:160px;width:430px">
      Текст...2строка
    </td>
  </tr>
</table>
 
<table id="tbl2"><!-- Навигация -->
  <tr>
    <td>
        Текст первой ячейки
    </td>
    <td>
        Текст Второй ячейки
    </td>
    <td>
        Текст третьей ячейки
    </td>
  </tr>
</table>
 
<table id="tbl3"><!-- Погода -->
  <tr>
    <td>
      Первый Столбик
    </td>
    <td style="overflow-y:scroll">
       Столбец с Прокруткой
    </td>
  </tr>
</table>
 
<table id="tbl4"><!-- Доска почета -->
  <tr>
    <td style="height:120px;" colspan="2">
       Первая строка
    </td>
  </tr>
  <tr>
    <td style="width:230px">
      Вторая строка, первая ячейка
    </td>
    <td style="width:200px">
      Вторая строка, Вторая ячейка
    </td>
  </tr>
</table>
 
<table id="tbl5"><!-- Партнеры -->
  <tr>
    <td>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
    </td>
  </tr>
</table>
 
</div>
 </div>

==123==;*/
} addTableToHeader = addTableToHeader.toString().split('==123==;')[1];
$(addTableToHeader).appendTo('#html-header');
</script>
 
<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

ВКонтакте alex__63

Поделиться94Вс, 6 Мар 2016 17:42:41

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

Alex_63
Благодарю!
И еще вопрос насчет прокрутки: постаралась сама установить (т.к забыла заранее об этом написать, но подумала что сама справлюсь. Видимо не судьба хд) в нижнюю ячейку на первой вкладке, но почему то весь текст растягивается, а прокрутка не работает. Пыталась делать через установку стиля c <div> и просто дублировала установки с вашего же кода td style.

Можете объяснить в чем причина этого? И простите, что не написала об этом ранее, тем самым заставляя вас возиться с одним кодом

Раньше особо таких проблем не возникало. Спасибо!..

Поделиться95Вс, 6 Мар 2016 17:45:32

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Captain Morgan

Код:

<!-- Таблица -->
<style>
#tstTable { 
  margin-left: 450px;
  margin-top: 40px;
  position: absolute;
  width: 430px;
}
#tstTable table[id]{
  height: 290px;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 4px 2px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.2em;
  font-family:Times new roman;
} 
.navbuttons .active { 
  color: #204468;
}
.tabindex {
  height: 300px;
  width: 100%;
  position: relative;
}
.tabindex p {
  font-weight: 700;
}
#tstTable td{border:none 0 transparent !important}
.navbuttons{
  width:430px;
  font-size:1.2em!important;
}
</style>
 
<script type="text/javascript"><!-- Вставка контента-->
function addTableToHeader (){/*==123==;
 
<div id="tstTable">
 
<table class="navbuttons"><tr>
  <td id="btn1">Главная</td>
  <td id="btn2">Навигация</td>
  <td id="btn3">Погода</td>
  <td id="btn4">Доска почета</td>
  <td id="btn5">Партнеры</td>
</tr></table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- Главная -->
  <tr>
    <td style="width:60%;height:130px;">
      Текст...1строка
    </td>
    <td style="width:40%;height:130px;">
      Текст...
    </td>
  </tr> 
  <tr>
    <td colspan="2" style="height:160px;width:430px;overflow-y:scroll;">
      Текст...2строка
    </td>
  </tr>
</table>
 
<table id="tbl2"><!-- Навигация -->
  <tr>
    <td>
        Текст первой ячейки
    </td>
    <td>
        Текст Второй ячейки
    </td>
    <td>
        Текст третьей ячейки
    </td>
  </tr>
</table>
 
<table id="tbl3"><!-- Погода -->
  <tr>
    <td>
      Первый Столбик
    </td>
    <td style="overflow-y:scroll">
       Столбец с Прокруткой
    </td>
  </tr>
</table>
 
<table id="tbl4"><!-- Доска почета -->
  <tr>
    <td style="height:120px;" colspan="2">
       Первая строка
    </td>
  </tr>
  <tr>
    <td style="width:230px">
      Вторая строка, первая ячейка
    </td>
    <td style="width:200px">
      Вторая строка, Вторая ячейка
    </td>
  </tr>
</table>
 
<table id="tbl5"><!-- Партнеры -->
  <tr>
    <td>
        <div style="text-align:center">
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
          <a href="ссылка на баннер"><img src="картинка"/></a>
        </div>
    </td>
  </tr>
</table>
 
</div>
 </div>
 
==123==;*/
} addTableToHeader = addTableToHeader.toString().split('==123==;')[1];
$(addTableToHeader).appendTo('#html-header');
</script>
 
<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>

ВКонтакте alex__63

Поделиться96Вс, 6 Мар 2016 21:36:06

Автор: Captain Morgan
Заслуженный
Зарегистрирован: Вт, 25 Окт 2011
Сообщений: 43
Уважение: 0
Позитив: +3
Последний визит:
Чт, 10 Мар 2016 17:51:45

По какой то причине прокрутка не работает. Причем ни первая ни вторая. Первую заменила на немного другой вариант, но все же

...

Поделиться97Пн, 7 Мар 2016 12:23:11

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Captain Morgan
Потому что не заменили код на правленный из Поста #95

ВКонтакте alex__63

Поделиться98Вт, 8 Мар 2016 12:56:16

Автор: Тира
Заслуженный
Зарегистрирован: Пт, 4 Мар 2016
Сообщений: 53
Уважение: +1
Позитив: 0
Последний визит:
Вс, 9 Июл 2017 13:48:52

~~это сново я, назойливая Тира.~~
Вы не забыли обо мне? :

Тира написал(а):

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!

2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://cats00warrions.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Возможно будет прокрутка в окне "новости"

Поделиться99Вт, 8 Мар 2016 18:30:33

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10692
Уважение: +7182
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 15:35:09

Тира
В Объявление

Код:

<style type="text/css">
#Mybb_tablE{
  width:100%;
  border:0;
  position:relative;
}
#Mybb_tablE th{
  border-style:solid solid none solid;
  border-width:2px 2px 0 2px;
  border-color:#96CDA2;
  background: #ade0b8;
  border-radius:6px 6px 0 0;
}
#Mybb_tablE td{
  border-style:none solid solid solid;
  border-width:0 2px 2px 2px;
  border-color:#96CDA2;
  border-radius:0 0 6px 6px;
}
td#tdA_2 {
  overflow-y: scroll !important;
  height: 220px;
}
#tdA_1, #tdA_3 {
  width: 200px;
}
#tdA_3 .view_d{
  min-height:40px;
}
</style>
<table id="Mybb_tablE" cellspacing="0">

   <thead>
     <tr>
       <th id="tdA_1">Навигация</th>
       <th id="tdA_2">Новости</th>
       <th id="tdA_3">Доска почета</th>
     </tr>
   </thead>

   <tbody>
     <tr>     
       <td id="tdA_1"><!-- Навигация -->
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
           <p><a href="ссылка">название ссылки</a></p>
       </td>     
       <td id="tdA_2"><!-- Новости -->
         <div style="position:relative;overflow-y:auto;height:220px;">
            Тут Текст с Прокруткой!
         </div> 
       </td>  
       <td id="tdA_3"><!-- Доска почета -->
          <p class="view_d">
            <img style="float:left" src="картинка"/>Текст
          </p>
          <p class="view_d">
            <img style="float:left" src="картинка"/>Текст
          </p>
          <p class="view_d">
            <img style="float:left" src="картинка"/>Текст
          </p>
          <p class="view_d">
            <img style="float:left" src="картинка"/>Текст
          </p>
          <p class="view_d">
            <img style="float:left" src="картинка"/>Текст
          </p>
       </td>  
     </tr>
   </tbody>

</table>

Скрин готовой таблички

ВКонтакте alex__63

Поделиться100Вт, 8 Мар 2016 21:24:54

Автор: Тира
Заслуженный
Зарегистрирован: Пт, 4 Мар 2016
Сообщений: 53
Уважение: +1
Позитив: 0
Последний визит:
Вс, 9 Июл 2017 13:48:52

Alex_63 написал(а):

Тира
В Объявление

Можно чтобы ББ-коды работали?

Тема закрыта

Страница: « 1 2 3 4 5 6 7 … 12 »

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 81 страница 100 из 238

Поделиться1Сб, 7 Фев 2015 15:52:02

Поделиться81Чт, 25 Фев 2016 10:01:18

Поделиться82Чт, 25 Фев 2016 10:12:39

Поделиться83Чт, 25 Фев 2016 21:39:59

Поделиться84Сб, 27 Фев 2016 13:21:00

Поделиться85Сб, 27 Фев 2016 18:02:36

Поделиться86Вс, 28 Фев 2016 13:20:53

Поделиться87Пн, 29 Фев 2016 03:05:33

Поделиться88Пн, 29 Фев 2016 03:09:21

Поделиться89Сб, 5 Мар 2016 16:08:27

Поделиться90Сб, 5 Мар 2016 18:23:35

Поделиться91Вс, 6 Мар 2016 13:37:20

Поделиться92Вс, 6 Мар 2016 15:46:12

Поделиться93Вс, 6 Мар 2016 17:12:39

Поделиться94Вс, 6 Мар 2016 17:42:41

Поделиться95Вс, 6 Мар 2016 17:45:32

Поделиться96Вс, 6 Мар 2016 21:36:06

Поделиться97Пн, 7 Мар 2016 12:23:11

Поделиться98Вт, 8 Мар 2016 12:56:16

Поделиться99Вт, 8 Мар 2016 18:30:33

Поделиться100Вт, 8 Мар 2016 21:24:54