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

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

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

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

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

Страница:   1 … 23 24 25 26 27 … 50  

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

481

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

Зарасти мне очень нужна табличка на мой форум.
Вот эскиз таблицы:http://uploads.ru/t/4/w/c/4wcKs.png

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

http://uploads.ru/t/0/X/w/0Xwdo.png
http://uploads.ru/t/z/x/w/zxwBq.png
http://uploads.ru/t/K/o/z/Koz1D.png
http://uploads.ru/t/3/N/X/3NXSY.png
http://uploads.ru/t/c/a/d/cad27.png

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

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

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

0

482

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

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

0

483

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

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

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

0

484

  • Автор: Leonheart
  • Заслуженный
  • 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

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

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

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

0

486

  • Автор: Leonheart
  • Заслуженный
  • 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

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

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

0

488

  • Автор: Астра
  • Заслуженный
  • Астра
  • Зарегистрирован: Сб, 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

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

1. http://uploads.ru/t/P/f/C/PfCqh.png
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

  • Автор: Leonheart
  • Заслуженный
  • 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

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

Shiro-san, мне интересно, это уже другой форум, или прошлая таблица не подошла  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

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

0

492

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

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

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

0

493

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

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

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

0

494

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

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

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

0

495

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

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

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

0

496

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51682
  • Уважение: +15528
  • Позитив: +12304
  • Последний визит:
    Сегодня 17:22:53

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

Код:
<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

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

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

0

498

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

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

1.http://uploads.ru/t/Z/8/5/Z85XL.jpg
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

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51682
  • Уважение: +15528
  • Позитив: +12304
  • Последний визит:
    Сегодня 17:22:53

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

0

500

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51682
  • Уважение: +15528
  • Позитив: +12304
  • Последний визит:
    Сегодня 17:22:53
Астра написал(а):

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

Страница:   1 … 23 24 25 26 27 … 50  

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