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

Поделиться481Пн, 14 Май 2012 22:16:28

Автор: *Bur Boni*
Заслуженный
Зарегистрирован: Пн, 14 Май 2012
Сообщений: 57
Уважение: 0
Позитив: +4
Пол: Мужской
Последний визит:
Вт, 16 Сен 2014 13:20:29

Зарасти мне очень нужна табличка на мой форум.
Вот эскиз таблицы:

Вот исходники для таблицы

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

А по середине News просто что то можно писать было бы.

Фон пусть будет прозрачным.

0

Поделиться482Вт, 15 Май 2012 11:29:18

Автор: Niogara
Заслуженный
Зарегистрирован: Ср, 4 Янв 2012
Сообщений: 132
Уважение: 0
Позитив: +10
Последний визит:
Чт, 29 Май 2014 20:43:59

Rion Leonheart
И ещё, можно под таблицей прокрутку с баннерами?

0

Поделиться483Вт, 15 Май 2012 16:35:29

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Niogara, в конец объявления:

Код:

<br/>
<center><marquee style="width: 90%; height: 31px;">баннеры баннеры баннеры</marquee></center>

0

Поделиться484Вт, 15 Май 2012 18:16:06

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

*Bur Boni*,

Код:

<style>
.splLink {width: 159px; height: 40px;}
.splCont {height: auto; width: 240px; background: #fff; padding: 5px; z-index: 1000; margin-top: 5px; text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">

<table style="width: 90%; height: 60px;">
<tr>
<td style="width: 30%;" align="center" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/i/c/a/d/cad27.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1

</DIV></DIV></td>
<td style="width: 30%;" align="center" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/i/z/x/w/zxwBq.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2

</DIV></DIV></td>
<td style="width: 30%;" align="center" valign="top"><DIV><div class=splLink><img src="http://uploads.ru/i/0/X/w/0Xwdo.png"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3

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

</td>
</tr>
<tr>
<td align="center">

<table style="width: 700px; height: 340px; background: transparent url(http://uploads.ru/i/K/o/z/Koz1D.png) top center no-repeat;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top">

<div style="width: 300px; height: 330px; margin: 5px 0 0 200px; text-align: center;">

<img src="http://uploads.ru/i/3/N/X/3NXSY.png">

<br/><br/>

text text text text

</div>

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

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

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

Поделиться485Вт, 15 Май 2012 19:36:39

Автор: *Bur Boni*
Заслуженный
Зарегистрирован: Пн, 14 Май 2012
Сообщений: 57
Уважение: 0
Позитив: +4
Пол: Мужской
Последний визит:
Вт, 16 Сен 2014 13:20:29

Спасибо огромное!
В таблице все хорошо только одно не понятко.
Контейнер быстро открывается и закрывается. Даже не успеваешь посмотреть.

Отредактировано *Bur Boni* (Вт, 15 Май 2012 19:39:14)

0

Поделиться486Вт, 15 Май 2012 21:07:14

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

:glasses: Вы ссылку на форум не давали, поэтому стандартный набор.

Выкидывайте этот кусок. Скрипт у вас явно уже стоит где-то, судя по описанию проблемы.

Rion Leonheart написал(а):

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

Отредактировано Rion Leonheart (Вт, 15 Май 2012 21:07:58)

0

Поделиться487Вт, 15 Май 2012 21:45:59

Автор: *Bur Boni*
Заслуженный
Зарегистрирован: Пн, 14 Май 2012
Сообщений: 57
Уважение: 0
Позитив: +4
Пол: Мужской
Последний визит:
Вт, 16 Сен 2014 13:20:29

Спасибо огромное! Теперь все работает!

0

Поделиться488Вт, 15 Май 2012 22:11:01

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
Я, конечно, понимаю, что это совсем наглость, но если вам будет несложно, то не могли бы вы сделать вот для этой таблицы, которую я у вас заказывала:

Код:

<style>	
#pun-announcement .container {height: 380px;}

#menu {padding-top: 21px; padding-left: 25px;}

#menu span {
width: 256px;
height: 24px;
display: block;
margin-bottom: 12px;
color: transparent;}

#menu span.bttn_1{background: transparent url(http://uploads.ru/i/D/P/a/DPaxw.jpg) center no-repeat;}
#menu span.bttn_2{background: transparent url(http://uploads.ru/i/Q/y/m/Qymwx.jpg) center no-repeat;}
#menu span.bttn_3{background: transparent url(http://uploads.ru/i/O/h/H/OhHGx.jpg) center no-repeat;}
#menu span.bttn_4{background: transparent url(http://uploads.ru/i/2/A/F/2AFkK.jpg) center no-repeat;}
#menu span.bttn_5{background: transparent url(http://uploads.ru/i/N/i/v/NivDw.jpg) center no-repeat;}

#menu span.bttn_1:hover{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2:hover{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3:hover{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4:hover{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5:hover{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}

#menu span.bttn_1.tabactive{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2.tabactive{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3.tabactive{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4.tabactive{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5.tabactive{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}

#submenu {
padding-top: 23px;
padding-left: 22px;
height: 180px;
width: 510px;}

.submenutext {
display: none;
text-align: center;
height: 180px;}
</style>

<table style="width: 860px; height: 218px; position: relative; z-index: 1000; top: 180px; background: transparent url(http://uploads.ru/i/I/Y/9/IY9Xq.jpg) top center no-repeat;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT" align="left" valign="top" style="width: 550px;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

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

Контент второй кнопки

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

Контент третьей кнопки

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

Контент четвертой кнопки

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

Контент пятой кнопки

</div>
</div>
</td>
   <td align="left" valign="top" style="width: 310px;">
    <div id="menu">
<span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span>
<span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span>
<span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span>
<span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span>
<span class="bttn_5" alt="#sm5" style="cursor: pointer;"></span>
    </div>
   </td>
</tr>
</tbody>
</table>

<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

вот такой эффект появления контента: http://gorodgrehov.rolka.su/ или так http://lothland.ru/

0

Поделиться489Вт, 15 Май 2012 22:27:33

Автор: Shiro-san
Заслуженный
Зарегистрирован: Сб, 12 Май 2012
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Пт, 7 Авг 2015 00:02:18

1.
2. http://karasu.mybb.ru/
3. Хотелось бы, чтобы ячейки таблицы имели такое же расположение, как на эскизе и имели картинки следующие картинки:
Новости форума с прокруткой:
http://uploads.ru/i/T/f/e/Tfe7V.png

Администрация с прокруткой:
http://uploads.ru/i/P/K/D/PKDm8.png

Информация о конкурсах с прокруткой:
http://uploads.ru/i/o/x/0/ox0bp.png

Полезные ссылки при нажатие на них, должно появляться облако с ссылками:
http://uploads.ru/i/d/e/V/deVRw.png

События в игре с прокруткой:
http://uploads.ru/i/O/6/W/O6WCx.png

Партнеры с прокруткой:
http://uploads.ru/i/Z/A/e/ZAehq.png

Отредактировано Shiro-san (Вт, 15 Май 2012 22:29:19)

0

Поделиться490Вт, 15 Май 2012 22:27:57

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Астра, чо-то мне дергающийся текст удовольствия не доставляет

Ну попробуйте заменить кусок:

Код:

<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

На такой:

Код:

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

Как на вашей излюбленной Лотляндии не получицо, т.к. фон таблицы статичный и не привязан ни к одному элементу. В случае Летляндии у .submenutext своя независимая картинка.

+1

Поделиться491Вт, 15 Май 2012 22:30:12

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Shiro-san, мне интересно, это уже другой форум, или прошлая таблица не подошла

Отредактировано Rion Leonheart (Вт, 15 Май 2012 22:30:36)

0

Поделиться492Вт, 15 Май 2012 22:37:21

Автор: Shiro-san
Заслуженный
Зарегистрирован: Сб, 12 Май 2012
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Пт, 7 Авг 2015 00:02:18

Rion Leonheart
Другой форум) У меня их просто два)
А так таблица та подошла, все оки) Спасибо вам большое, еще раз)

Отредактировано Shiro-san (Вт, 15 Май 2012 22:37:46)

0

Поделиться493Вт, 15 Май 2012 22:42:38

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Shiro-san написал(а):

События в игре с прокруткой:

А где она на эскизе?

0

Поделиться494Вт, 15 Май 2012 22:45:49

Автор: Shiro-san
Заслуженный
Зарегистрирован: Сб, 12 Май 2012
Сообщений: 27
Уважение: 0
Позитив: 0
Последний визит:
Пт, 7 Авг 2015 00:02:18

Rion Leonheart написал(а):

А где она на эскизе?

Извините, не так написала - это Информация о игре будет на эскизе)

0

Поделиться495Ср, 16 Май 2012 16:35:03

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Rion Leonheart
когда нажимаешь на кнопки сверху вниз (то есть сначала кнопку 1, потом кнопку 2 и т.д.), то все отлично, а когда наоборот, снизу вверх, то с текстом происходит сто-то непонятное... Вот смотрите: Ссылка

Отредактировано Астра (Ср, 16 Май 2012 16:38:32)

0

Поделиться496Ср, 16 Май 2012 16:42:48

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Астра
Замените Скрипт:

Код:

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide(1000);
<!--$(".tabs span:first").addClass("active").show(600); -->
$("td.#MenuTxT div.submenutext:first").show(600);
$("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>

+1

Поделиться497Ср, 16 Май 2012 17:38:33

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Deff, но теперь пропал тот эффект появления контента, который был...

0

Поделиться498Ср, 16 Май 2012 18:27:08

Автор: CheshirskayaUsa
Заслуженный
Зарегистрирован: Ср, 16 Май 2012
Сообщений: 12
Уважение: 0
Позитив: 0
Последний визит:
Пт, 17 Авг 2012 12:43:18

Доброго времени суток,админы!Мне нужно вот такая вот таблица(а точнее менюшка).Первый раз заказываю,так что немного непонятно объясняю что именно нужно(т.т):

1.
2. Форум (http://sailormoontraitor.mybb.ru/)

3.На рисунки представлены мои наброски,сам форум.
1.Верхние меню изменять не надо.(т.е. "ДОБРО ПОЖАЛОВАТЬ!" админы,модераторы [в общем,на форуме увидите]).
2.Сверху верхнего меню нужно вставить баннер.(http://i.imm.io/puCu.png)
3.Нижние меню:
1.Я хочу что-бы при нажатие к примеру, "новости" выплывало окно. С картинкой и текстом в рамочке.В соответстие,если я нажимаю на "партнёры" высвечивается другой окно(меняется,важно,что бы окна не "наезжали" друг на друга". Ах да, и ещё,когда нажимаешь на "навигация",нужно что-бы вместо обычного текста,были ссылки. Ну,т.е. к примеру... Офф..В общем,пример на этом сайте: http://garrypotter2012.mybb.ru/ (Объяснить нормально не могу :'( )
4.ПРОСЬБА:
И ещё,вход для пиарщиков. Никак не могу сделать! Искала код,установила. Главное,что высвечивается(PR),а когда нажимаешь на кнопку,выплывает окно неправильный логин-пароль.Помогите!

Ну вот и всё...Надеюсь,вы сможете разобраться со всем этим письмом т.т

Отредактировано CheshirskayaUsa (Ср, 16 Май 2012 18:28:10)

0

Поделиться499Ср, 16 Май 2012 18:38:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Астра
Дело в том - что когда вы тыкаете сверху вниз - сворачиваецо верхний контент = а когда снизу вверх - нижний - поэтому оно поднимацо не может

0

Поделиться500Ср, 16 Май 2012 18:54:26

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Астра написал(а):

Deff, но теперь пропал тот эффект появления контента, который был...

Пробуйте Такой:

Код:

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

+2

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

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

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

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

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

Сообщений 481 страница 500 из 1000

Поделиться481Пн, 14 Май 2012 22:16:28

Поделиться482Вт, 15 Май 2012 11:29:18

Поделиться483Вт, 15 Май 2012 16:35:29

Поделиться484Вт, 15 Май 2012 18:16:06

Поделиться485Вт, 15 Май 2012 19:36:39

Поделиться486Вт, 15 Май 2012 21:07:14

Поделиться487Вт, 15 Май 2012 21:45:59

Поделиться488Вт, 15 Май 2012 22:11:01

Поделиться489Вт, 15 Май 2012 22:27:33

Поделиться490Вт, 15 Май 2012 22:27:57

Поделиться491Вт, 15 Май 2012 22:30:12

Поделиться492Вт, 15 Май 2012 22:37:21

Поделиться493Вт, 15 Май 2012 22:42:38

Поделиться494Вт, 15 Май 2012 22:45:49

Поделиться495Ср, 16 Май 2012 16:35:03

Поделиться496Ср, 16 Май 2012 16:42:48

Поделиться497Ср, 16 Май 2012 17:38:33

Поделиться498Ср, 16 Май 2012 18:27:08

Поделиться499Ср, 16 Май 2012 18:38:53

Поделиться500Ср, 16 Май 2012 18:54:26