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

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

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


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


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

Сообщений 21 страница 40 из 238

1

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

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

0

21

Kathrine
Заказы уже более года не делаются - мастера обзавелись детьми - жёнами, но да, практически все актуальные варианты таблиц есть по топикам данной темы( в первопосте ссылки на предыдущие)

0

22

1.

Клик

http://firepic.org/images/2015-08/30/omp7202y123a.jpg

2. http://legend-lf.ru/
3. Доброй ночи. Хотелось бы попросить о помощи. :)
Нужен скрипт, который поможет выстроить таблицу точно также, как на этом холсте, чтобы при наведении на каждую морду всплывало имя и, желательно, кликнув по изображению, можно было перейти в профиль игрока.

0

23

Psheni
Картинка с переходом на профиль

<a href="Ccылка на Профиль"><img src="Ccылка на Картинку"></a>

Табличку со ссылками и картинками можно сгенерить в сообщении и воспользоваться скриптом перевода BB- кодов  в HTML при предпросмотре => Типовые Вопросы п.п.50

0

24

Товарищи.
Заказ таблиц воскрешен. Кому необходима таблица - отписывайтесь.

+1

25

хочется подобное:

тык

http://savepic.net/7330424.png

стоять будет на http://dreamscw.rolevaya.ru/

если можно так вообще, было бы круто, если бы картинки кнопок мелких (у меня это кривые кружочки прост для примера) можно было менять

в целом все остальное есть на картинке
help, please qq

0

26

Лепестянка001

http://s6.uploads.ru/c5L9H.jpg
Кликабельно

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

Код:
</style>
<style type="text/css">
div.block {
  height:200px;
  background:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 12px;
  border-radius:7px;
}
div.Kn {
  height:21px;
  width:21px;
  border:3px solid transparent;
  padding:8px;
  margin:4px -2px;
  background:#fff;
  border-radius:50%;
  box-shadow:inset 0 0 2em rgba(0,0,0,0.5); /* Параметры тени */
}
div.Kn:hover {
  background:rgba(0,0,0,0.1);
  box-shadow:inset 0 0 3em rgba(255,255,255,0.9)!important; /* Параметры тени */
}
div.Kn.active {
  border-color:rgba(255,0,0,0.5);
  box-shadow:inset 0 0 2em rgba(0,0,0,0.6); /* Параметры тени */
}
.Kn-title {
  font: normal normal 400 13px/normal "Times New Roman";
  margin-top:-2px;
  margin-left:-7px;
}
div.tab {
  height:100%;
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
</style>

<table cellspacing="15" style="border-radius:3px;background:#738581;margin-left:-31px;width:790px;table-layout:fixed;">
<tr valign=center align=center>
  <td width="27%">
   <div class="block" style="height:50px">
<!-- Контент левый верхний блок -->
   </div>
   <div class="block"  style="height:132px;margin-top:12px">
<!-- Контент левый нижний блок -->
  </td>
  <td>
   <div class="Kn" title="Кнопка 1"></div>
   <div class="Kn" title="Кнопка 2"></div>
   <div class="Kn" title="Кнопка 3"></div>
   <div class="Kn" title="Кнопка 4"></div>
   <div class="Kn" title="Кнопка 5"></div>
  </td>
  <td width="50%">
   <div class="block">
   <!-- Переключаемые Вкладки -->
     <div class="tab">
<!-- Контент Первой Вкладки-->
1
     </div>
     <div class="tab">
<!-- Контент Второй Вкладки-->
2
     </div>
     <div class="tab">
<!-- Контент Третьей Вкладки-->
3
     </div>
     <div class="tab">
<!-- Контент Четвертой Вкладки-->
4
     </div>
     <div class="tab">
<!-- Контент Пятой Вкладки-->
5
     </div>
   </div>
  </td>
  <td width="18%">
   <div class="block">
<!-- Контент крайне правый блок -->
   </div>
  </td>
</tr>
</table>
<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    

 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
 });
 $('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
 </script>
Лепестянка001 написал(а):

если можно так вообще, было бы круто, если бы картинки кнопок мелких (у меня это кривые кружочки прост для примера) можно было менять

Заполните-Оттестите табличку, выложите картинки нужных кнопок,
Сейчас кнопки без картинок, со всплывающим описанием задаваемым в самой кнопке красным:

<div class="Kn" title="Кнопка 1"></div>

Отредактировано Deff (Пт, 18 Сен 2015 03:50:31)

+1

27

Deff
это. идеально.
просто. идеально
невероятно огромное спасибо!
нечто просто, все как надо, слов нет! *__*
спасибо-спасибо-спасиииибо! <333

0

28

ЗДРАСТИ, помогите доделать таблицу,
она уже есть, но я не могу вторую страницу дозаполнить.

вот это уже стоит в объявление
Код:
<div id="submenu">
<div style="display: block;" id="sm1" class="submenutext">

<h1>ИСТОРИЯ</h1>
<div class=quote-box>
<div style="height: 150px; overflow-y: auto; margin: -18px;">
<div class="post-box">
        <div class="post-content">
        <table style="table-layout:fixed;width:100%"><tbody><tr><td><p><span style="font-family: Century Gothic"><span style="font-size: 15px"><span style="display: block; text-align: center">И была девушка, и звали ее Pandora, и да, была она любопытна. Была она не человеком, а сущностью созидательной, создана из глины и воды. И пострадало из за любопытной натуры её, все человечество, но не в первый раз оно страдает, разом больше разом меньше. А по существу - выпустила Pandora в свет все беды и лишь одну крохотную надежду, но этого вполне хватила такому разумному и приспосабливающемуся существу как человек. Человек не только научился жить среди бед, но и использовать их себе в угоду ...</span></span></span></p></td></tr></tbody></table><p><span style="font-family: Palatino Linotype"><span style="font-size: 14px"><span style="display: block; text-align: center">P.S. так выпускала ли Пандора беды человеческие или они все таки были с создания мира, но хорошо прятались в сущности человеческой?</span></span></span></p>
</div>
</div>
          </div>
</div>
</div>
<div id="sm2" style="display: none;" class="submenutext">
  <h1>Партнеры</h1>
<div style="height: 188px; overflow-y: auto; font-size: 0px;" class="banners">
<a href="http://getto47.rolevaya.net/"><img src="http://forumstatic.ru/files/000f/44/08/51467.jpg" border="0"></a>
<a href="http://sympathyforthedevil.spybb.ru/" target="_blank"><img src="http://imageshack.com/a/img824/756/c1t.gif" title="Final Fantasy: CrossWorlds" border="0" width="88" height="31"></a><a target="blank" href="http://shardsofpower.rolka.su"><img src="http://s1.uploads.ru/tfdxi.gif" alt="Сайрон: Осколки всевластия"></a>
<a href="http://wheeloftime.rolka.su/"><img src="http://s3.uploads.ru/lQYix.png" alt=" Колесо Времени: Пути Узора" border="0" width="88" height="31"></a>
<a href="http://noldolante.f-rpg.ru//"><img src="http://s2.uploads.ru/ya9uA.jpg" alt="Quenta Noldolante" border="0" width="88" height="31"></a>
<a href="http://wolves.roleforum.ru"><img src="http://uploads.ru/i/j/Y/H/jYHwu.gif" title="Последний Рай | Волчьи Истории" target="blank"></a>
<a href="http://tlkthebeginning.ru/" target="blank"><img src="http://forumstatic.ru/files/000a/f9/fe/78764.gif" alt="Король Лев. Начало"></a>
<a href="http://slayers.mybb.ru/" target="_blank"><img src="http://uploads.ru/t/F/t/O/FtOzv.gif" title="Slayers-the Last Artefact" border="0" width="88" height="31"></a>
<a target="_blank" href="http://escondido.rusff.ru" title="Скрытый город"><img src="http://s4.uploads.ru/27srG.gif"></a>
<a href="http://ffworld.rolka.su" title="World of Final Fantasy"><img src="http://s9.uploads.ru/QdU4n.png"></a>
<a target="_blank" href="http://helm.f-rpg.ru/"><img src="http://funkyimg.com/i/K8Fm.gif"></a>
<a href="http://legend-lf.ru/"><img src="http://s6.uploads.ru/cyeao.gif" title="Легенды Светлолесья" border="0" width="88" height="31"></a>
<a href="http://lns.rolbb.ru/" alt="Коты-Воители. Лес Новых Судеб. С вами с 2011 года"><img src="http://s6.uploads.ru/tRDkx.gif"></a>
<a href="http://akumaproject.mybb.ru/" target="_blank"><img src="http://forumstatic.ru/files/0014/8c/ea/52724.gif" title="Готовы к бою?"></a>
<a href="http://equestriafim.forumrpg.ru" target="blank"><img src="http://savepic.su/4809299.gif"></a>
<a href="http://wov.mybb.ru/">
<img alt="RPG Warriors of Vengeance" src="http://i2.imageban.ru/out/2015/02/04/28eaae4d69f56d89915797be57e330e4.gif" border="0&quot;" width="88" height="31"></a>
<a href="http://gramelnn.rusff.ru/" target="_blank"><img src="http://sg.uploads.ru/kNFga.gif" alt="Грамельнн. История семи королевств" border="0"></a>
<a target="_blank" href="http://ensinium.rolka.su/"><img src="http://sh.uploads.ru/cnCVU.gif"></a>
<a href="http://icma.rolbb.ru/" alt="Коты Ирландии. Средние века."><img src="http://sg.uploads.ru/eKtpC.gif"></a>
<a href="http://storybook.forum24.ru/" target="_blank"><img src="http://i1355.photobucket.com/albums/q711/mydearsixsmith/Untitled-3_zpsfphiwern.gif" title="Rewind: пророчество третьей войны" border="0" width="88" height="31"></a>
<a href="http://onepiecetime.f-rpg.ru"><img src="http://savepic.su/5982974.gif" border="0" width="88" height="31" title="One Piece: Adventure Time"></a>
<a href="http://lis.forumrpg.ru/"><img src="http://savepic.su/5922065.gif"/></a>
</div></div>
</div>

<div id="menu">
<a alt="#sm1" class="tabactive">Главное</a>
<a alt="#sm2">Партнеры</a>
</div>

<script type="text/javascript">
$(document).ready(function() {
$("div.submenutext").hide();
$("div.submenutext:first").show();
$("div.#menu a").click(function() {
 if($(this).hasClass("tabactive")) return false;
 $("div.#menu a").removeClass("tabactive");
 $(this).addClass("tabactive");
 $("div.submenutext").fadeOut(1000);
 var activeDiv = $(this).attr("alt");
 $("div."+activeDiv).fadeIn(1000);
 return false; });
});
</script>

это то что сейчас

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

1 http://s6.uploads.ru/t/ezf0N.png
эта первая страница объявления. (Главное)

2http://s2.uploads.ru/t/T7OF5.png
эта вторая страница объявления. (Партнеры)

это то что надо что б было

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

1 страница без изменений.
2http://s2.uploads.ru/t/sM8Tk.jpg
вторая ж страница что б стала такого типа. называться она уже будет (содержание)
и иметь в вверху две кнопки "библиотека" и "кино" кликабельные ,и что бы при нажатие на каждую свое  содержание выскакивало

Отредактировано Adi (Ср, 23 Сен 2015 17:43:44)

0

29

Adi
Попробую сделать(сегодня-завтра)

0

30

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

Adi
Попробую сделать(сегодня-завтра)

Если поможете, любить вас буду вечно))

0

31

Adi

Код Таблицы(В Объявление)

<style>.submenutext{position:absolute;width:100%;}</style>
<div id="submenu">
  <div style="display: block;" id="sm1" class="submenutext">
    <h1>ИСТОРИЯ</h1>
    <div class="quote-box">
      <div style="height: 150px; overflow-y: auto; margin: -18px;">
        <div class="post-box">
          <div class="post-content">
            <table style="table-layout:fixed;width:100%"><tbody><tr><td><p><span style="font-family: Century Gothic"><span style="font-size: 15px"><span style="display: block; text-align: center">И была девушка, и звали ее Pandora, и да, была она любопытна. Была она не человеком, а сущностью созидательной, создана из глины и воды. И пострадало из за любопытной натуры её, все человечество, но не в первый раз оно страдает, разом больше разом меньше. А по существу - выпустила Pandora в свет все беды и лишь одну крохотную надежду, но этого вполне хватила такому разумному и приспосабливающемуся существу как человек. Человек не только научился жить среди бед, но и использовать их себе в угоду ...</span></span></span></p></td></tr></tbody>
            </table>
            <p><span style="font-family: Palatino Linotype"><span style="font-size: 14px"><span style="display: block; text-align: center">P.S. так выпускала ли Пандора беды человеческие, или они все-таки были с создания мира, но хорошо прятались в сущности человеческой?</span></span></span>
           </p>
         </div>
      </div>
    </div>
  </div>
</div>
<div id="sm2" style="display: none;" class="submenutext">
  <p class="cl-links" style="text-align:center!important;">
    <a class="Clck1 lib" style="padding-left:15px;padding-right:15px;margin-right:10px;">Библиотека</a>
    <a class="Clck1 kino" style="padding-left:15px;padding-right:15px;margin-left:10px;">Кино</a>
  </p>
  <div style="height: 188px; overflow-y: auto;position:absolute;" class="Lib-Td">
    <!-- Тут Контент вкладки "Библиотека" -->
  </div>
  <div style="height: 188px; overflow-y: auto;position:absolute;display:none;" class="Kino-Td">
    <!-- Тут Контент вкладки "Кино" -->
  </div>
</div>
</div>
<div id="menu">
  <a alt="#sm1" class="tabactive">Главное</a>
  <a alt="#sm2">Содержание</a>
</div>
<script type="text/javascript">
$(document).ready(function() {
  $('.Clck1:first').addClass('active');
  $("div.submenutext").hide();
  $("div.submenutext:first").show();
  $("div.#menu a").click(function() {
    if($(this).hasClass("tabactive")) return false;
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("div.submenutext").fadeOut(1000);
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn(1000);
    return false;
  });
  $("a.lib").click(function() {
    $('.Clck1').removeClass('active');
    $(this).addClass('active');
    $(".Kino-Td").fadeOut(600);
    $(".Lib-Td").fadeIn(600);
    return false;
  });
  $("a.kino").click(function() {
    $('.Clck1').removeClass('active');
    $(this).addClass('active');
    $(".Lib-Td").fadeOut(600);
    $(".Kino-Td").fadeIn(600);
    return false;
  });
});
</script>

Зеленым - контент вкладок, красным - названия вкладок(если надо сделать название вкладки картинкой, меняем красное на <img src="http://ссылка" /> )

===========

(* Поправил
(* Поправил Еще раз

+1

32

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

Adi

Зеленым - контент вкладок, красным - названия вкладок(если надо сделать название вкладки картинкой, меняем красное на <img src="http://ссылка" /> )

Спасибо, сейчас попробую)

0

33

Alex_63
поставила но не работает, нажимаю на содержание и не чего не происходит

0

34

Adi
Поправил в том же посте, пробуйте

0

35

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

Adi
Поправил в том же посте, пробуйте

работает, спасибо))

+1

36

Добрый день! Буду очень рада, если сможете помочь с таблицей.
1) Схематическая импровизация:
http://ipic.su/img/img7/fs/1.1443699520.jpg
http://ipic.su/img/img7/fs/NGENG.1443699550.jpg
http://ipic.su/img/img7/fs/224pavpv.1443699567.jpg
http://ipic.su/img/img7/fs/rploprl.1443699580.jpg
2) http://testzone.anihub.ru/ . Ширина вроде бы около 950px.
3) Левая часть таблицы статична, справа меняется слайдер. Кнопки слайдера по центру. Полосы прокрутки указаны на эскизе. Размеры кнопок где-то 200*57. И буду благодарна, если укажете место, где в случае чего можно поменять их размер немного. Хотелось бы еще, чтобы кнопки менялись при наведении и клике на них. Не уверена, что знаю, как это реализовать. Например, с http://ipic.su/img/img7/fs/but1.1443699880.jpg на http://ipic.su/img/img7/fs/but2.1443699955.jpg .
Заранее спасибо за ваш труд.

0

37

sss_
http://s2.uploads.ru/1V3Rq.jpg

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

Код:
<style type="text/css">
div.block {
  height:200px;
  background:#F0F0F0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 12px;
  border-radius:7px;
  border:1px solid #000;
  margin-top:6px;

}
div.Kn {
  cursor:pointer;
  padding-top:14px;
  height:43px;
  width:200px;
  border:3px solid #000;
  border-radius:6px;
  background:url(http://ipic.su/img/img7/fs/but1.1443699880.jpg) center no-repeat;
  box-shadow:0 0 4px rgba(17,8,3,1); /* Параметры тени */
  color:#fff;
  font: normal normal 400 25px/normal 'Times New Roman';
  margin:1px;
}
div.Kn:hover{
  background-image:url(http://ipic.su/img/img7/fs/but2.1443699955.jpg);
  box-shadow:0 0 4px rgba(255,255,255,.5); /* Параметры тени */
}
div.Kn.active {
  border:3px solid #746F6F;
  background-image:url(http://ipic.su/img/img7/fs/but2.1443699955.jpg);
  box-shadow:0 0 4px rgba(255,255,255,.5); /* Параметры тени */
}
div.tab {
  height:300px;
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
h1.My {
  font: normal normal 700 17px/normal 'Times New Roman';
  margin-bottom:.6em;
}
.nav {
  margin: 50px 20px 0 -8px;
  float:left;
}
.punbb .nav a{
  display: block;
  color:#000000;
  background-color: #c6ad7b;
  text-align: center;
  width:170px;
  padding: 2px;
  margin: 1px;
  text-decoration: none;
}
.punbb .nav a:hover{
  background-color: #291e09; color:#ffffff;
}
.block.banners a{
  display:inline-block;
  margin:4px 0;
}
</style>

<table cellspacing="15" style="border-radius:3px; margin:-24px 0 -23px -64px;width:1049px;table-layout:fixed;">
<tr align=center valign=top>
  <td width="50%">
   <h1 class="My">ДОБРО ПОЖАЛОВАТЬ!</h1>
   <div class="block" style="height:170px">
<!-- Контент левый блок -->
...
   </div>
   <br>
   <br>
<!-- Баннеры левый блок -->
   <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>

  </td>
  <td width=220>
   <div class="Kn">НОВОСТИ</div>
   <div class="Kn">НАВИГАЦИЯ</div>
   <div class="Kn">АДМИНИСТР.</div>
   <div class="Kn">ПАРТНЁРЫ</div>
  </td>
  <td width="50%">
   <!-- Переключаемые Вкладки -->
     <div class="tab">
<!-- Контент Первой Вкладки-->
<h1 class="My">НОВОСТИ:</h1>
   <div class="block" style="height:156px;">
...
   </div>
<br>Немного текста и ссылка
     </div>
     <div class="tab">
<!-- Контент Второй Вкладки-->
            <div class="nav">
            <h1 class="My">ГОСТЯМ:</h1>
<a href="ссыль">action о.о we need u</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=6">action о.1 FoQ canon</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=9">action о.2 merry company</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=11">action о.4</a>
            </div>
            <div class="nav">
            <h1 class="My">ИГРОКАМ:</h1>
<a href="ссыль">action о.о we need u</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=6">action о.1 FoQ canon</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=9">action о.2 merry company</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=11">action о.4</a>
            </div>
     </div>
     <div class="tab">
<!-- Контент Третьей Вкладки-->
   <div class="block N3" style="height:240px;">
<style>
.block.N3 p{display:inline-block;}
.block.N3 p>a{
  display:block;
  margin:-2px 6px 4px 5px;
}
</style>
   <h1 class="My">АДМИНИСТРАТОРЫ:</h1>
   <p>
   <a href="/profile.php?id=2"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=70></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=70></a>
   Пара строк
   </p>
   <br>
   <br>
   <h1 class="My">МОДЕРАТОРЫ:</h1>
   <p>
   <a href="/profile.php?id=2"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=50></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="http://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=50></a>
   Пара строк
   </p>
   </div>
     </div>
     <div class="tab">
<!-- Контент Четвертой Вкладки-->
<h1 class="My">ПАРТНЁРЫ:</h1>
   <div class="block banners" style="height:180px;">
<!-- Баннеры правый блок -->
   
   <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
   <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
   <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>

   </div>
     </div>
  </td>
</tr>
</table>
<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    

 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
 });
 //$('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
 </script>

Оформление стиля прокрутки (для div.block) здесь поищите Полезные плюшки для вашего форума.
(У меня в браузере она только стандартного вида)
=====================
Если бордер у блоков не нужен, убираем в коде строку красным:

<style type="text/css">
div.block {
  height:200px;
  background:#F0F0F0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 12px;
  border-radius:7px;
  border:1px solid #000;
  margin-top:6px;

}

Синим - выбор нужного фонового цвета

0

38

Deff
Спасибо большое, таблица шикарна! :)
Единственный момент, который хотелось бы уточнить для себя прежде, чем начать причесывать табличку. Попробую это расписать.
Можно ли кнопки вкладок заменить на изображения, на которых уже присутствует текст? Сейчас, насколько вижу, там Times New Roman 25px. А хотелось бы заюзать свой шрифт посредством фотошопа. Реально ли это в принципе? Куда влеплять среди кода ссылки на изображения?
И еще раз хотелось бы поблагодарить за проделанный вами труд, очень помогли!)

0

39

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

А хотелось бы заюзать свой шрифт посредством фотошопа. Реально ли это в принципе?

Вставьте, вместо текстов кнопок, картинку прозрачки с текстом, чтобы не раписывать стиль для каждой кнопки при наведении и при отсутствии оного
<img src="Картинка с нужным текстом">
Размеры всех картинок 200Х57
Очевидно чуть измениться стиль кнопки

div.Kn {
  cursor:pointer;
  padding-top:14px;
  height:57px;
  width:200px;
  border:3px solid #000;
  border-radius:6px;
  background:url(http://ipic.su/img/img7/fs/but1.1443699880.jpg) center no-repeat;
  box-shadow:0 0 4px rgba(17,8,3,1); /* Параметры тени */
  color:#fff;
  font: normal normal 400 25px/normal 'Times New Roman';
  margin:1px;
}

Зачеркнутое удалить

0

40

Deff
Спаси-и-и-и-ибо большое, буду пробовать)

0


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