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

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

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


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


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

Сообщений 421 страница 440 из 1000

1

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

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

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

+3

421

Aдель
Вряд ли будет работать(если только у Вас таблица без переключателей кнопками), посколь на вашем ресурсе нет тех фреймворков по умолчанию, а их доп установка, скорее вызовет конфликт с текущими

Отредактировано Deff (Ср, 26 Июн 2013 23:35:14)

0

422

-снято-

Отредактировано Vienna_AreL (Чт, 27 Июн 2013 20:49:06)

0

423

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

Много кнопок сразу - раздражают. Лучше без кнопок - слайдером,

Не люблю слайдеры, они у меня не всегда и не на всех форумах прокручиваются на планшете и телефоне, и, как следствие, начинают раздражать меня )) А кол-во кнопок при боковом их расположении, конечно же, будет другим, максимум 2-3 с каждой стороны. Мне бы просто сам код подправленный, а добавить или убрать кнопки, так же, как и изменить размеры таблички, я уж сам.. ^^

Отредактировано Mirexis (Пт, 28 Июн 2013 04:25:51)

0

424

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

Aдель
Вряд ли будет работать(если только у Вас таблица без переключателей кнопками), посколь на вашем ресурсе нет тех фреймворков по умолчанию, а их доп установка, скорее вызовет конфликт с текущими

Мне нужна табличка без переключателей кнопками. Мне нужна табличка с картинками, на которые нажимаешь - и там выскакивает спойлер. Неужели такую не выйдет поставить? :(

0

425

Спросить хотел.)
вот есть допустим таблы с вкладками, которые справа или сверху
а возможно сделать так чтоб они по центру были и при нажатии кнопки инфа появляась по бокам?
ну ща корявый набросок покажу
http://s4.uploads.ru/t/AemLu.png

Aдель
вы не это ищите?
http://probniki100500.mybb.ru/

Код:
<DIV><div class=splLink>
<center><img src="http://s0.uploads.ru/ypoAG.png" border="0" /> </b> </center> </div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<img src="http://s0.uploads.ru/NDzl3.gif"></center><br><br><center>
</center>


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

Отредактировано Ta_chan (Пт, 28 Июн 2013 14:37:13)

0

426

Aдель, в общем, такое предложение - попробовать эту таблицу (правда я не знаю, чо там у вас куда ставицо, но вы-то в курсе):

проба
Код:
<style>
/* Стиль выпадающего меню и заголовков второстепенной таблицы */
#menu {
  list-style:none;
  width: 820px;
  margin: 0px 0 10px 12px;
  height: 60px;
  padding: 0px 10px;
  background-color: transparent;
  }

#menu .drop img {
  width: 190px;
  height: 40px;
  outline: 1px solid #000;
  }

#menu li {
  float: left;
  display: block;
  text-align: center;
  position: relative;
  padding: 2px;
  margin-right: 11px;
  margin-top: 8px;
  }

#menu li:hover {
  border: none;
  padding: 0px;
  background-color: transparent;
  }

.dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
  margin: 4px auto;
  float: left;
  position: absolute;
  left: -999em;
  text-align: center;
  padding: 5px;
  border: 1px solid #777;
  border-top: none;
  background: #F4F4F4;

  width: 250px;
  height: auto;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;

  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
  }

#menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns {
  left: -1px;
  top: auto;
  }

#menu h3 {
  font: bold normal 16px arial, sans-serif;
  margin: 2px 0 6px 0;
  border-bottom: 1px solid #666;
  }

#empiaaa h3 {
  font: bold italic 16px 'palatino linotype', serif;
  letter-spacing: 1px;
  margin: 2px 0 6px 0;
  }

.boxeter {
  width: 99%;
  height: 290px;
  overflow-y: auto;
  }
</style>

<!-- Начало выпадающего меню -->
<ul id="menu">
<!-- Первая вкладка -->
  <li><a href="#" class="drop"><img src="ссылка на картинку"/></a>
   <div class="dropdown_2columns">
<!-- Begin -->
    
<h3>Title 1st</h3>

text

<!-- End -->
   </div>
 </li>
<!-- Конец первой вкладки -->
<!-- Вторая вкладка -->
 <li><a href="#" class="drop"><img src="ссылка на картинку"/></a>
   <div class="dropdown_3columns">
<!-- Begin -->

<h3>Title 2nd</h3>
     
    text 2

<!-- End -->        
   </div>
 </li>
<!-- Конец второй вкладки -->
<!-- Третья вкладка -->
 <li><a href="#" class="drop"><img src="ссылка на картинку"/></a>
   <div class="dropdown_4columns">
<!-- Begin -->

<h3>Title 3rd</h3>
        
    text 3

<!-- End -->            
   </div>
 </li>
<!-- Конец третьей вкладки -->
<!-- Четвертая вкладка -->
 <li><a href="#" class="drop"><img src="ссылка на картинку"/></a>
   <div class="dropdown_5columns">
<!-- Begin -->

<h3>Title 4th</h3>
        
    text 4

<!-- End -->            
   </div>
 </li>
<!-- Конец четвертой вкладки -->
</ul>
<!-- Конец выпадающего меню -->
<script type="text/javascript" src="http://forumstatic.ru/files/0010/d5/eb/35120.js"></script>

<!-- Второстепенная таблица -->
<table id="empiaaa" style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 30%;" align="center" valign="top">

<h3>Добро пожаловать!</h3>
<div class="boxeter">

text (left)

</div>
</td>
<td style="width: 40%;" align="center" valign="top">

 <script language="JavaScript"><!--
 var h=(Math.random()*11);
 if (h <1) document.writeln(" <img src=http://fantasy-wave.com/shapko/R1.png");
 if (h > 1 && h < 2) document.writeln(" <img src=http://fantasy-wave.com/shapko/R2.png");
 if (h > 2 && h < 3) document.writeln(" <img src=http://fantasy-wave.com/shapko/R3.png");
 if (h > 3 && h < 4) document.writeln(" <img src=http://fantasy-wave.com/shapko/R4.png");
 if (h > 4 && h < 5) document.writeln(" <img src=http://fantasy-wave.com/shapko/R5.png");
 if (h > 5 && h < 6) document.writeln(" <img src=http://fantasy-wave.com/shapko/R6.png");
 if (h > 6 && h < 7) document.writeln(" <img src=http://fantasy-wave.com/shapko/R7.png");
 if (h > 7 && h < 8) document.writeln(" <img src=http://fantasy-wave.com/shapko/R8.png");
 if (h > 8 && h < 9) document.writeln(" <img src=http://fantasy-wave.com/shapko/R9.png");
 if (h > 9 && h < 10) document.writeln(" <img src=http://fantasy-wave.com/shapko/R10.png");
 if (h > 10 && h < 11) document.writeln(" <img src=http://fantasy-wave.com/shapko/R11.png");
 if (h > 11 && h < 12) document.writeln(" <img src=http://fantasy-wave.com/shapko/R12.png");
 if (h > 12 && h < 13) document.writeln(" <img src=http://fantasy-wave.com/shapko/R13.png");
 if (h > 13 && h < 14) document.writeln(" <img src=http://fantasy-wave.com/shapko/R14.png");
 // --></script>

</td>
<td style="width: 30%;" align="center" valign="top">

<h3>События</h3>
<div class="boxeter">

text (right)

</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец второстепенной таблицы -->

P.S.: и да, спойлеры вываливаются не при нажатии, а при наведении. Собственно, разница небольшая...


Ta_chan, у девушки не наш сервис - этот скрипт не работает...

Отредактировано Rion Leonheart (Пт, 28 Июн 2013 15:12:10)

0

427

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

вот есть допустим таблы с вкладками, которые справа или сверху
а возможно сделать так чтоб они по центру были и при нажатии кнопки инфа появляась по бокам?
ну ща корявый набросок покажу

Как-то у меня заказывали таблицу - только блок кнопок был в горизонтали - и блоки с текстом - сверху и снизу менялись. Одновременно в верхнем и нижнем окне.
Так что, думаецо, реально...

0

428

Rion Leonheart
а можно попросить у вас этот скрип/код?
я покопаюсь может смогу сделать то что нужно.)

0

429

Mirexis,

С кнопками слева и справа
Код:
<style>
#pun-announcement .container {outline: 1px solid red;}

#menu-lef, #menu-rig {margin-top: 0px;}

#menu-lef span, #menu-rig span {
  border: 1px solid #8f7468;
  text-align: left;
  display:block;
  margin: 0 0 15px 0;
  padding: 0;
  }

#submenu, #menu-lef span, #menu-rig span {
  -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
     -moz-border-radius: 15px;
       -o-border-radius: 15px;
          border-radius: 15px;
  background: none;
  }

#submenu {
  padding: 0px;
  height: 300px;
  border: 1px solid #8f7468;
  text-align: center;
  font: normal 14px 'Trebuchet Ms', sans-serif;
  width: 640px;
  }

.submenutext {
  display: none; 
  height: auto;
  }
</style>
<table style="width: 640px;">
<tbody>
  <tr>
   <td valign=top>
 <div id="menu-lef">

<span alt="#sm1" style="cursor: pointer;"><img src="http://s2.uploads.ru/t/OhxAj.png" border="0" /></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/dgICp.png" border="0" /></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/kjPlh.png" border="0" /></span>

    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     
<div id="sm1" class="submenutext" 
style="display:block;padding:5px;height:280px;overflow-y: non;">  
<p>
<table>
<tr>
<td rowspan="2"> <img src="http://forumstatic.ru/files/0012/2e/e3/85153.png"></div><div style="text-align: center; width: 410px ; height: 250px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 250px; overflow-y: auto; ">
<b>Важно знать </b>
<br><b>•25.06.13</b> Поздравляем с днем рождения Артемию и Тессу. Хотелось бы пожелать им скорейшего возвращения
<br><b>•24.06.13</b> Поздравляем нашу Митски с днем рождения. Желаем тебе всего няшного и мимимишного
<br><b>•21.06.13</b> - день летнего Солнцестояния. День будет самым длинным, а ночь - самой короткой в этом году!!
<br><b>•20.06.13 </b> Поздравляем наших Ravage и Урагана с днем рождения. Всего вам самого самого!!
<br><b>•17.06.13 </b> Просьба игрокам завершить игровые эпизоды, что бы мы могли перейти к наступлению утра. Если кто-то еще хочет что-то кому-то сказать, это не возбраняется, но кому говорить нечего, отписываемся в произвольном порядке и усыпаем!
<br><b>•17.06.13 </b> <a href="http://savanna-legends.ru/pages/obitateli">Обитатели Африканской Саванны </a> разрешенный к регистрации
<br><b>•14.06.13 </b> Поздравляем с днем рождения нашу гиену Джуд.
<br><b>•11.06.13 </b> Лаконичность и емкость »» <a href="http://savanna-legends.ru/viewtopic.php?id=561#p38081"><b>подробнее</b></a>
<br><b>•09.06.13 </b> Поздравляем всех жителей Саванны с всемирный днем Дружбы!!
<br><b>•02.06.13 </b> Поздравляем нашу ОКами с днем рождения. Всего всего тебе самого хорошего!!
<br><b>•01.06.13 </b> С Наступление Лета, столь желанного и долгожданного!! 
<br><b>•30.05.13 </b> Добавлены дополнительные веселые смайлики для вне игрового разнообразия
<br><b>•22.05.13 </b> Бекеша сегодня празднует свой день рождения, с чем мы её и поздравляем. Надеемся, что она вернется к нам уже совсем скоро
<br><b>•20.05.13 </b> Сегодня мы все вместе празднуем Национальный праздник Республики Камерун!!
<br><b>•13.05.13 </b> Обновлена игровая навигация. Просьба должников не задерживать отыгрышь и следить за игровой очередностью.
<br><b>•07.05.13 </b> Встречаем обновленные и исправленные
<br><a href="http://savanna-legends.ru/pages/spiski"><b>Списки жителей Саванны</b></a>
<br><b>•05.05.13 </b> С днем Пасхи!!



</div></div>
</td>

<td><img src="http://forumstatic.ru/files/0012/2e/e3/80575.png"><div style="text-align: center; width: 185px ; height: 90px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">
<a href="http://forum-top.ru/vote/120" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/tmp/informer_120.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a href="http://top.roleplay.ru/15796" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88"height="31"></a>

<a href='http://wizardtop.ru/in.php?id=1427' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/9.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=15270' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=15270&cid=counter2007_22.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=15270&cid=counter2007_22.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
<br> <img src="http://s2.uploads.ru/CcQGf.png"><font color=#FF33000><b>Кликаем ежедневно</b></font><img src="http://s2.uploads.ru/CcQGf.png">

</div></td>
</tr>

<tr>
<td><img src="http://forumstatic.ru/files/0012/2e/e3/56164.png"><div style="text-align: center; width: 185px ; height: 110px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 110px; overflow-y: auto; ">

В саванне ночь, гроза. Не забываем искать своим персонажам укрытие и укладывать их спать. Если ваших собеседников долго нет - можете их бросить. Все, кто останутся ночью без укрытия - пострадают ^^ 

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

</div>
     

<div id="sm2" class="submenutext"> <center>
<table>
<tr>
<td>
<center><img src="http://forumstatic.ru/files/0012/2e/e3/88937.png"></center>
<div style="text-align: center; width: 365px ; height: 250px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"> <div style="width: 100%; height: 250px; overflow-y: auto;">

<b>Оставили игровой пост</b> » отпишитесь в <a href="http://savanna-legends.ru/viewtopic.php?id=342&p=4">Этой</a>  ветке
<br>
<br><b>Тошио•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Асаби•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Юстина•</b>  в <a href="http://savanna-legends.ru/viewtopic.php?id=30&p=3">Пещере </a>» Прайд Кисасиана
<br><b>Джефф•</b>  под <a href="http://savanna-legends.ru/viewtopic.php?id=34">Большим Деревом </a>» Прайд Кисасиана
<br><b>Авина•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=377&p=3#p36956">Поляне</a>» Прайд Кинаи
<br><b>Зарен•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=72&p=4">Скале Славы</a> » Брошенный Прайд
<br><b>Ситха•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=47&p=2">Кладбище</a> » Окраины Саванны
<br><b>Хондо•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=541">Логове шиены</a> » Окраины Саванны
<br><b>Минта•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=74&p=2#p27183">Выжженной Саванне</a> » Брошенный Прайд
<br><b>Toma•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=49">Пещере</a> » Окраины Саванны
<br><b>Бинко•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=81&p=2">Джунглях</a>» Прайд Кинаи
<br><b>Янте•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=62">Поваленом дереве</a>» Прайд Кинаи
<br><b>Хайвера•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=46&p=2#p26142">Границах</a> » с Прайдом Кинаи
<br><b>Наутайл•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=44&p=2">Границах</a> » с Прайдом Кисасиана
<br><b>Заид•</b> на <a href=http://savanna-legends.ru/viewtopic.php?id=134&p=2">Озере Виктория </a>» Свободная Саванна
<br><b>Аура•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=38&p=3">Равнине </a>» Свободная Саванна
<br><b>Мануш•</b> на <a href="http://savanna-legends.ru/viewtopic.php?id=66#p11642">Озере Ньяса </a>» Свободная Саванна
<br><b>Танаби•</b> в <a href="http://savanna-legends.ru/viewtopic.php?id=64">Пещере </a>» Свободная Саванна


</div></div>
</td>
<td>
<center><img src="http://forumstatic.ru/files/0012/2e/e3/46594.png"></center>
<div style="text-align: center; width: 215px ; height: 230px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=336">Львиное Безумие</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=308">Считалка</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=275#p10051">Игра на Сообразительность</a><b>•</b>

<br><br><img src="http://forumstatic.ru/files/0012/2e/e3/44112.png">
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=535"><b>«Крик души»</b></a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=536"><b>«Вопли радости»</b></a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=472">Десятка сокровенностей</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=483#p29515"> Кисасиан. Какой он? </a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=335">Предложения по конкурсам</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=400#p21506">Дизайн под настроение</a><b>•</b>
<br><b>•</b><a href="http://savanna-legends.ru/viewtopic.php?id=334">Чего не хватает Форуму?</a><b>•</b>

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

</center></div>

<div id="sm3" class="submenutext"><center>
<center><img src="http://forumstatic.ru/files/0012/2e/e3/64126.png"></center>
<table>
<tr>
<td>

<div style="text-align: center; width: 300px ; height: 200px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;"><div style="width: 100%; height: 200px; overflow-y: auto;">

<a href="http://savanna-legends.ru/viewtopic.php?id=2"><b>•</b><b>Правила нашего Форума</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=6"><b>•</b>Выбираем имена для персонажей<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=24#p45"><b>•</b><b>Образец Заполнения Анкет</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=155"><b>•</b>Раздаем готовых персонажей<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=7"><b>•</b><b>Оформляем Профиль и Подпись</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=342#p17018"><b>•</b>Игровая навигация<b>•</b></a>
<br><a href="http://savanna-legends.ru/pages/spiski"><b>•</b><b>Списки жителей Саванны</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=451#p26926"><b>•</b>Метаморфозы<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=13&p=6"><b>•</b><b>Награды и Медальки</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=26"><b>•</b>Правила Ведения Дневников<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=418#p24491"><b>•</b><b>Фрикадельки</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=443#p26492"><b>•</b>Наши дни рождения<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=17#p35"><b>•</b><b>Преступления и наказания</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=234&p=2"><b>•</b>Статистический отдел Ролевой<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=568"><b>•</b><b>Мы в Каталогах</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=412"><b>•</b>Администрация форума<b>•</b></a>

</div></div>
</td>

<td>
<div style="text-align: center; width: 300px ; height: 200px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<a href="http://forumstatic.ru/files/0010/5f/2b/23470.doc"><b>•</b>Chronicles of the Pride Lands.doc<b>•</b></a>
<br><br><b>С основными событиями Вы можете ознакомиться </b> <a href="http://korollion12.rusff.ru/viewtopic.php?id=153"><b>Здесь</b></a>
<br>
<br><a href="http://savanna-legends.ru/pages/obitateli">Обитатели Африканской Саванны </a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=3"><b>•</b><b>Свод Законов Прайда Кисасиана</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=27#p102"><b>•</b>Внутренняя жизнь Прайда Кисасиана<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=67"><b>•</b><b>Свод Законов Прайда Кинаи</b><b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=157"><b>•</b>Внутренняя жизнь Прайда Кинаи<b>•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=39#p64"><b>•</b><b>Важное для одиночек</b><b>•</b></a>

</div>
</td>
</tr>
</table>
<img src="http://img.by/i/pawswalk.gif">
</center></div>

<div id="sm4" class="submenutext"><center>
<table>
<tr>
<td>
<center><img src="http://forumstatic.ru/files/0012/2e/e3/51839.png"></center>
<div style="text-align: center; width: 590px ; height: 110px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

Реклама осуществляется со специального аккаунта.<br/>
Ник-<b>PR </b>Пароль<b>-1111</b> 
<br><a href="http://savanna-legends.ru/viewtopic.php?id=364"><b>•Правила Размещения Рекламы•</b></a> || <a href="http://savanna-legends.ru/viewtopic.php?id=35"><b>•Заявки на Партнерство•</b></a>
<br><a href="http://savanna-legends.ru/viewtopic.php?id=364#p37267"><b>•Наша реклама•</b></a> 
<br><a href="http://savanna-legends.ru/viewtopic.php?id=265"><b>•Банерообмен•</b></a> || <a href="http://savanna-legends.ru/pages/banneri"><b>•Ваши Баннеры•</b></a>


</div>
</td>

<tr>
<td colspan="2">
<div style="text-align: center; width: 590px ; height: 100px; border: 1px solid #8f7468; border-radius: 10px; padding: 5px;">

<center><div style="text-align:center;font-size: 14px;"><b>•Форумы поддержки и помощи•</b></div></center>

<br>
<center>
<a href="http://lylife.ru/" title="Ты еще не с нами?" target=_blank> <img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a>
<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a>
<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://s0.uploads.ru/fnV4R.gif" border="0"></a>
<a target="_blank" href="http://forumdts.org/"><img src="http://s1.uploads.ru/i/sGx3B.gif" title="ForumDesign TS - Дизайн для форумов и техническая поддержка"></a>
<a href="http://designforwolves.rolka.su/" target="_blank"><img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!"></a>
<a href="http://roleclub.rusff.ru/" target="_blank" ><img src="http://forumupload.ru/uploads/000f/f7/3a/4005-1.png" title="Role Club - форум, посвящённый ролевым играм." /></a>

<br>
<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a>
<a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a>
<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="http://forumstatic.ru/files/0012/66/88/90608.png" border="0" ></a>
<a href="http://dragonsden.mybb.ru/"><img src="http://s2.uploads.ru/3sd2y.gif"></a>
<a href="http://podderggka.mybb.ru"><img border="0"  src="http://s1.uploads.ru/i/Pp9KQ.gif" border="0"alt="Поддержка форумов про животных."></a>
<a href="http://reviews.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/T/O/C/TOCa7.gif" title=""Пёс" помощь форумам, обзоры, критика" width="88" height="31"></a>
</center>


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

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

<table>
<tr>
<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">

<center><img src="http://forumstatic.ru/files/0012/2e/e3/29134.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="http://forumstatic.ru/files/0012/2e/e3/73215.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="http://forumstatic.ru/files/0012/2e/e3/76481.png"></center>

</div>
</td>

<td><div style="text-align: center; width: 140px ; height: 40px; border-radius: 10px; padding: 5px;">
<center><img src="http://forumstatic.ru/files/0012/2e/e3/66240.png"></center>

</div>
</td>
</tr>

<tr>
<td>
<hr><center>Создатель форума. К нему Вы можете обратиться по любому поводу, и с любыми возникающими вопросами.</center>
</td>
<td>
<hr><center>Следит за организационно игровым разделом, а так же за соблюдением порядка и правил на нашем форуме.</center>
</td>
<td>
<hr><center>Всегда поможет с игровым поиском и подборкой партнеров для игры. Не знаете, с чего начать? Гарм Вам подскажет.</center>
</td>
<td>
<hr><center>Дизайнер, находчивый и талантливый. Им были разработаны дизайны <b>"Halloween"</b>  и <b>"Zebra"</b>. Открыт для свежих идей.</center>
</td>
</tr>
</table>
<br><a href="http://savanna-legends.ru/pages/admini"><b>•</b><b>Связь с администрацией форума</b><b>•</b></a>
</div>
 <div id="sm6" class="submenutext"><center>

контент шестой кнопки

 </div>


</div> </td>
   <td valign=top>
 <div id="menu-rig">

<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/KrPlM.png" border="0" /></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/EdTKR.png" border="0" /></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://s3.uploads.ru/t/EdTKR.png" border="0" /></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-lef span, div.#menu-rig span").click(function() {
    $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

430

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

а можно попросить у вас этот скрип/код?
я покопаюсь может смогу сделать то что нужно.)

Давайте я на выходных сам покопаюсь, а вам потом покажу, что получилось  http://mybb.ru/f/collection/0229.gif

0

431

Rion Leonheart
буду признателен.)

0

432

Фолтор,

Показать код

В html-верх:

Код:
<style>
/* Настройки таблиц в объявлении */
#menu {margin: 0;}

#menu span {
  display: block;
  padding: 0px 2px 9px 2px;
  margin: 0;
  width: 170px;
  height: 30px;
  color: #000;
  background: #AEAE82;
  font: normal 28px 'Century Gothic', sans-serif;
  border: 1px solid #26261D;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }

#menu span:hover, #menu .tabactive {background-color: #999973;}

#submenu {
  padding: 0px;
  width: 760px;
  }

.submenutext {
  display: none;
  text-align: center;
  font: normal 14px 'Century Gothic', sans-serif;
  height: 340px;
  }

#my_spas td {
  vertical-align: top;
  }

#my_spas h3 {
  font: bold normal 18px 'Century Gothic', sans-serif;
  margin: 2px 0 5px 0;
  }

.line-ro {
  width: 96%;
  background-color: #A6A67C;
  border: 1px solid #27271D;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }

.scr-brr {
  margin: 5px;
  height: 305px;
  overflow-y: auto;
 }
</style>

В объявление:

Код:
<!-- Основная Таблица -->
<center><table id="my_spas" style="width: 780px; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Кнопки -->
<table style="border: none;" cellpadding="4" cellspacing="2">
<tr>
<td style="width: 25%;"><span alt="#sm1" style="cursor: pointer;">Основное</span></td>
<td style="width: 25%;"><span alt="#sm2" style="cursor: pointer;">Навигация</span></td>
<td style="width: 25%;"><span alt="#sm3" style="cursor: pointer;">Игра</span></td>
<td style="width: 25%;"><span alt="#sm4" style="cursor: pointer;">Разное</span></td>
</tr>
</table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table style="width: 100%; height: 340px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Администрация</h3>
<div class="scr-brr" style="width: 97%;">

text

</div>
</td>
<td style="width: 50%;">

<h3>Новости</h3>
<center><div class="line-ro">
<div style="width: 94%; margin: 10px; height: 285px; overflow-y: auto;">

text

</div>
</div></center>
</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 100%; height: 340px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>Гостям</h3>
<div class="scr-brr" style="width: 95%;">

text

</div>
</td>
<td style="width: 33%;">

<h3>До принятия</h3>
<div class="scr-brr" style="width: 95%;">

text

</div>
</td>
<td style="width: 33%;">

<h3>После принятия</h3>
<div class="scr-brr" style="width: 95%;">

text

</div>
</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 100%; height: 340px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Погода и время в игре</h3>
<center><div class="line-ro">
<div style="width: 94%; margin: 10px; height: 285px; overflow-y: auto;">

text

</div>
</div></center>
</td>
<td style="width: 50%;">

<h3>Квесты</h3>
<center><div class="line-ro">
<div style="width: 94%; margin: 10px; height: 285px; overflow-y: auto;">

text

</div>
</div></center>
</td>
</tr>
</table>
<!-- Конец -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table style="width: 100%; height: 340px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Заголовок 1</h3>
<div class="scr-brr" style="width: 97%;">

text

</div>
</td>
<td style="width: 50%;">

<h3>Заголовок 2</h3>
<div class="scr-brr" style="width: 97%;">

text

</div>
</td>
</tr>
</table>
<!-- Конец -->
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец основной таблицы -->

В html-низ:

Код:
<!-- Спойлер-контейнер -->
<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>

+1

433

1)http://s5.uploads.ru/t/Gropd.jpg
2) http://wolvespurblood.mybb.ru/
3) После клика на каждую кнопку появляется другой контент. Углы острые.

0

434

Rion Leonheart, благодарствую

0

435

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

МухХа,

P.S.:
- предварительно Удалить код стиля старой таблицы (html-верх), спойлер-контейнер (html-низ) и ее саму (объявление);
- что и куда вписывать/вставлять - подписано;
- я конечно извиняюсь за проявленную инициативу и замену ваших стрелачек на свои, но предоставленные вами портили всю картину  ;
- ну и когда поставите, увидите, что границы несколько иначе получились, чем на эскизе, ибо заголовки обводить нет смысла - это же не кнопки, и даже не ссылки  .

Отредактировано Rion Leonheart (Вт, 25 Июн 2013 18:05:30)

Спасибо огромное, всё подошло! Ставлю плюсик

0

436

1.

Свернутый текст

http://s5.uploads.ru/t/jpzwB.png

Показ "слайдов" как тут http://warriorscats.1bb.ru/ ( т е при нажатии на кнопку)
2. http://cwtt.5bb.ru/ (это форум моей сестры, она попросила сделать заказ)
3. Думаю, что на картинке всё понятно, стрелки не требуются, прокрутки указаны, границы - обязательно, фон - прозрачный
По подробнее эскиз можно увидеть здесь (по ближе)

0

437

Rion Leonheart
Спасибо большое :) Код рабочий, пару тегов переделать и она встанет.
Ловите плюсик ^___^ У вас лучший сервис. Долгое время наш форум один
жил на этом сервисе, но почему-то их потом утянуло всех в булку, где сервис
никакущий вообще...

0

438

Ребят, зашиваюсь на работе. Придецо подождать...

+1

439

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

HelloKitti,

P.S.:
Вопрос: установила, все работает, но в третьей вкладке в четырех ячейках обычный текст стал жирным и крупным - больше самих заголовков? Это можно исправить?
Ответ: Без понятия. На тестовике было все нормально - с размерами и жирностью текста...   С час пытался найти причину. Не нашел. Аномалии.

Может HelloKitti, когда хотел/а выделить  текст, написал/а не <b></b>, а <b><b/>, у меня как-то также было, долго понять не могла, в чём проблема, а потом поняла

0

440

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

Ребят, зашиваюсь на работе. Придецо подождать...

Ничего)))) http://mybb.ru/f/collection/0211.gif

0


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