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

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

Тема закрыта

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

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

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

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

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

Поделиться21Пн, 13 Июл 2015 17:23:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

Поделиться22Пн, 31 Авг 2015 22:01:47

Автор: Psheni
Заслуженный
Зарегистрирован: Сб, 15 Мар 2014
Сообщений: 37
Уважение: +2
Позитив: +1
Последний визит:
Пн, 31 Авг 2015 23:46:00

Клик

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

Поделиться23Пн, 31 Авг 2015 22:09:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

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

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

Поделиться24Вс, 13 Сен 2015 02:22:34

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2568
Уважение: +1753
Позитив: +759
Пол: Женский
Последний визит:
Чт, 18 Апр 2024 11:03:40

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

ВКонтакте forumd

Поделиться25Ср, 16 Сен 2015 10:06:03

Автор: Лепестянка001
Заслуженный
Зарегистрирован: Вт, 4 Ноя 2014
Сообщений: 21
Уважение: 0
Позитив: 0
Последний визит:
Чт, 17 Сен 2015 17:16:29

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

тык

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

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

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

Поделиться26Чт, 17 Сен 2015 13:28:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

Лепестянка001

Кликабельно

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

Код:

</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)

Поделиться27Чт, 17 Сен 2015 14:41:43

Автор: Лепестянка001
Заслуженный
Зарегистрирован: Вт, 4 Ноя 2014
Сообщений: 21
Уважение: 0
Позитив: 0
Последний визит:
Чт, 17 Сен 2015 17:16:29

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

Поделиться28Ср, 23 Сен 2015 16:35:41

Автор: Adi
Заслуженный
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 295
Уважение: +14
Позитив: +92
Пол: Женский
Последний визит:
Пн, 24 Июл 2017 18:37:08

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

вот это уже стоит в объявление

Код:

<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="https://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="https://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="https://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
эта первая страница объявления. (Главное)

2
эта вторая страница объявления. (Партнеры)

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

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

1 страница без изменений.
2
вторая ж страница что б стала такого типа. называться она уже будет (содержание)
и иметь в вверху две кнопки "библиотека" и "кино" кликабельные ,и что бы при нажатие на каждую свое содержание выскакивало

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

Поделиться29Ср, 23 Сен 2015 16:46:29

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться30Ср, 23 Сен 2015 16:48:42

Автор: Adi
Заслуженный
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 295
Уважение: +14
Позитив: +92
Пол: Женский
Последний визит:
Пн, 24 Июл 2017 18:37:08

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

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

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

Поделиться31Ср, 23 Сен 2015 17:26:32

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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://ссылка" /> )

===========

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

ВКонтакте alex__63

Поделиться32Ср, 23 Сен 2015 17:28:15

Автор: Adi
Заслуженный
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 295
Уважение: +14
Позитив: +92
Пол: Женский
Последний визит:
Пн, 24 Июл 2017 18:37:08

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

Adi

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

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

Поделиться33Ср, 23 Сен 2015 17:30:39

Автор: Adi
Заслуженный
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 295
Уважение: +14
Позитив: +92
Пол: Женский
Последний визит:
Пн, 24 Июл 2017 18:37:08

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

Поделиться34Ср, 23 Сен 2015 17:38:24

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться35Ср, 23 Сен 2015 17:41:20

Автор: Adi
Заслуженный
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 295
Уважение: +14
Позитив: +92
Пол: Женский
Последний визит:
Пн, 24 Июл 2017 18:37:08

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

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

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

Поделиться36Чт, 1 Окт 2015 14:48:48

Автор: sss_
Заслуженный
Зарегистрирован: Пт, 2 Окт 2009
Сообщений: 23
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пт, 20 Янв 2017 03:16:02

Добрый день! Буду очень рада, если сможете помочь с таблицей.
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 .
Заранее спасибо за ваш труд.

Поделиться37Пн, 5 Окт 2015 02:17:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

sss_

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

Код:

<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="https://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="https://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=70></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="https://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="https://forumavatars.ru/img/avatars/0000/14/1c/19579-1443700193.png" width=50></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="https://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="https://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="https://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="https://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;

}

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

Поделиться38Пн, 5 Окт 2015 15:22:53

Автор: sss_
Заслуженный
Зарегистрирован: Пт, 2 Окт 2009
Сообщений: 23
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пт, 20 Янв 2017 03:16:02

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

Поделиться39Пн, 5 Окт 2015 15:30:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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;
}

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

Поделиться40Пн, 5 Окт 2015 15:52:51

Автор: sss_
Заслуженный
Зарегистрирован: Пт, 2 Окт 2009
Сообщений: 23
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Пт, 20 Янв 2017 03:16:02

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

Тема закрыта

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

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

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

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

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

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

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

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

Поделиться21Пн, 13 Июл 2015 17:23:01

Поделиться22Пн, 31 Авг 2015 22:01:47

Поделиться23Пн, 31 Авг 2015 22:09:14

Поделиться24Вс, 13 Сен 2015 02:22:34

Поделиться25Ср, 16 Сен 2015 10:06:03

Поделиться26Чт, 17 Сен 2015 13:28:53

Поделиться27Чт, 17 Сен 2015 14:41:43

Поделиться28Ср, 23 Сен 2015 16:35:41

Поделиться29Ср, 23 Сен 2015 16:46:29

Поделиться30Ср, 23 Сен 2015 16:48:42

Поделиться31Ср, 23 Сен 2015 17:26:32

Поделиться32Ср, 23 Сен 2015 17:28:15

Поделиться33Ср, 23 Сен 2015 17:30:39

Поделиться34Ср, 23 Сен 2015 17:38:24

Поделиться35Ср, 23 Сен 2015 17:41:20

Поделиться36Чт, 1 Окт 2015 14:48:48

Поделиться37Пн, 5 Окт 2015 02:17:52

Поделиться38Пн, 5 Окт 2015 15:22:53

Поделиться39Пн, 5 Окт 2015 15:30:32

Поделиться40Пн, 5 Окт 2015 15:52:51