Таблицы

Поделиться12012-12-07 10:12:15

Автор: Молния
Гуляш
Откуда: Кабинет ученого-нанобиолога
Зарегистрирован: 2012-09-03
Приглашений: 0
Сообщений: 111
Уважение: +2
Позитив: +0
Провел на форуме:
1 день 5 часов
Последний визит:
2012-12-14 19:17:33

Тут можно заказать себе таблицы. Пока я буду делать Ваши заказы, потом кто другой, если мне повезет. Но имейте ввиду, что у меня не так много опыта, но я умею:

*Спойлеры
*Контейнеры
*Прокрутки
*Бегущие строки
*Ну и еще некоторая магия^^

С просьбой обработать картинку обращайтесь отдельно и не ко мне, т.к. в ФШ я практически полный ноль. Если нужно, то я и заполнить её могу.
Код заказа (заказы не по шаблону удаляю):

Код:

[b]Ссылка на форум:[/b]

[b]Эскиз таблицы в Paint:[/b]

[b]Ваши пожелания:[/b]

[b]Сколько плюсиков дадите исполнителю:[/b]

0

Поделиться22012-12-07 17:03:41

Автор: Lexi
Участник
Зарегистрирован: 2012-09-05
Приглашений: 0
Сообщений: 80
Уважение: +2
Позитив: +13
Провел на форуме:
2 дня 10 часов
Последний визит:
2013-01-18 15:45:16

Ссылка на форум:
http://korollev4newlive.spybb.ru/
Эскиз таблицы в Paint:
я вообще в таблицах не разбираюсь, но хочу такую таблицу, как на этом форуме http://tlkagain.rusff.ru/
Ваши пожелания:
текст красивым шрифтом, остальное на ваш выбор
Сколько плюсиков дадите исполнителю:
10

0

Поделиться32012-12-07 19:06:52

Автор: кондраша
.одуван
Зарегистрирован: 2011-11-09
Приглашений: 0
Сообщений: 643
Уважение: +31
Позитив: +3
Провел на форуме:
6 дней 1 час
Последний визит:
2013-07-06 20:09:32

Lexi
принимаю)

+1

Поделиться42012-12-07 19:19:11

Автор: кондраша
.одуван
Зарегистрирован: 2011-11-09
Приглашений: 0
Сообщений: 643
Уважение: +31
Позитив: +3
Провел на форуме:
6 дней 1 час
Последний визит:
2013-07-06 20:09:32

Lexi, но кнопки на верху
htlm вверх

Код:

<style>
.container1 {width: 850px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 10px;
    padding: 0px;
    float: left;
    list-style: none;
    height: 40px;
    width: 850px;
   
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #160f0a;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    margin-bottom: -2px;
     overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       border: 1px solid #160f0a;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}    

html ul.tabs li.active  {
    border: 1px solid #160f0a;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;   
}  

html ul.tabs li.active a:hover  {
        
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 850px;
    height: 210px;
    
   border: 1px solid #160f0a;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

htlm низ

Код:

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

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

объявление

Код:

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
<li><a href="#tab4">Вкладка 4</a></li>
    <li><a href="#tab5">Вкладка 5</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table width="100%" >
<tr>
<td width="70%" ><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  1
</div></td> 
<td><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  2
</div></td>
</tr>
</table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table width="100%" >
<tr>
<td width="70%" ><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  1
</div></td> 
<td><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  2
</div></td>
</tr>
</table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table width="100%" >
<tr>
<td width="50%" ><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  1
</div></td> 
<td><div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  2
</div></td>
</tr>
</table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  
</div>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<div style="text-align: center; width: 100%; height: 200px; overflow-y: scroll;">текст  
</div>
</div>

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

+1

Поделиться52012-12-07 20:56:23

Автор: Lexi
Участник
Зарегистрирован: 2012-09-05
Приглашений: 0
Сообщений: 80
Уважение: +2
Позитив: +13
Провел на форуме:
2 дня 10 часов
Последний визит:
2013-01-18 15:45:16

кондраша
спасибо, моя милая море, ты просто супер. Тебе 10 +

0

Поделиться62012-12-08 17:32:58

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Ссылка на форум:
http://cwwp.rusff.ru/
В разработке.
Эскиз таблицы в Paint:
Эскиза нет, но хочется таблицу как на этом форуме:
http://cwwp.rusff.ru/
Ваши пожелания:
Ширина 780, высота 340.
Сколько плюсиков дадите исполнителю:
10-20, зависимо от времени исполнения.

0

Поделиться72012-12-08 20:22:40

Автор: кондраша
.одуван
Зарегистрирован: 2011-11-09
Приглашений: 0
Сообщений: 643
Уважение: +31
Позитив: +3
Провел на форуме:
6 дней 1 час
Последний визит:
2013-07-06 20:09:32

Утреница
как на каком?

0

Поделиться82012-12-08 20:48:21

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Блин, я лол.
На этом:
http://catsclan.mybb.ru/

Можно только первую вкладку и третью.

0

Поделиться92012-12-08 21:11:29

Автор: кондраша
.одуван
Зарегистрирован: 2011-11-09
Приглашений: 0
Сообщений: 643
Уважение: +31
Позитив: +3
Провел на форуме:
6 дней 1 час
Последний визит:
2013-07-06 20:09:32

Утреница
а нужны отеделения? можете расписать что будет в первой, второй и т.д?

0

Поделиться102012-12-09 13:14:55

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

кондраша
нужны

0

Поделиться112012-12-13 13:51:49

Автор: Молния
Гуляш
Откуда: Кабинет ученого-нанобиолога
Зарегистрирован: 2012-09-03
Приглашений: 0
Сообщений: 111
Уважение: +2
Позитив: +0
Провел на форуме:
1 день 5 часов
Последний визит:
2012-12-14 19:17:33

Утреница
нужны слайдики и прокрутки, да?
Тогда нарисуй это схематично в пэйнт, и мы постараемся сделать все как можно точнее

0

Поделиться122012-12-13 13:55:38

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Молния
Да. Сейчас нарисую. Только таблицу изменю немного.

0

Поделиться132012-12-13 14:08:08

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Слайд 1:
http://s3.uploads.ru/9An3q.png
Слайд 2:
http://s3.uploads.ru/QPI2Z.png
(к слайду 2, для навигации):
http://s2.uploads.ru/Qp6em.png
Под этой кнопочкой должны быть кнопочки:
1. Акции
2. Наша реклама
3. Ваша реклама
4. Анкеты
5. Набор в администрацию

Надеюсь, сделала понятно Х)

0

Поделиться142012-12-13 15:13:00

Автор: Молния
Гуляш
Откуда: Кабинет ученого-нанобиолога
Зарегистрирован: 2012-09-03
Приглашений: 0
Сообщений: 111
Уважение: +2
Позитив: +0
Провел на форуме:
1 день 5 часов
Последний визит:
2012-12-14 19:17:33

Утреница
Тебе не кажется, что к первому слайду нужно что-то добавить? например приветствие, или информацию о племенах?

0

Поделиться152012-12-13 15:15:47

Автор: Молния
Гуляш
Откуда: Кабинет ученого-нанобиолога
Зарегистрирован: 2012-09-03
Приглашений: 0
Сообщений: 111
Уважение: +2
Позитив: +0
Провел на форуме:
1 день 5 часов
Последний визит:
2012-12-14 19:17:33

Утреница
Или я могу сама разместить бегущую строку с баннерами партнеров и навигацию... Примерно так:
Один большой квадрат - один слайд

0

Поделиться162012-12-13 17:23:00

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Молния
давай так, только без нижней бегущей строки.

0

Поделиться172012-12-13 17:39:53

Автор: Молния
Гуляш
Откуда: Кабинет ученого-нанобиолога
Зарегистрирован: 2012-09-03
Приглашений: 0
Сообщений: 111
Уважение: +2
Позитив: +0
Провел на форуме:
1 день 5 часов
Последний визит:
2012-12-14 19:17:33

Утреница
тогда можно сделать бегущую строку в ячейке "баннеры ТОПов" сверху вниз, останавливается при наведении

0

Поделиться182012-12-13 18:01:11

Автор: Утреница
Участник
Зарегистрирован: 2012-12-04
Приглашений: 0
Сообщений: 24
Уважение: +0
Позитив: +9
Провел на форуме:
11 часов 18 минут
Последний визит:
2012-12-20 18:55:51

Давай)

0

Поделиться192012-12-19 13:55:07

Автор: Kaspian
Участник
Зарегистрирован: 2012-12-19
Приглашений: 0
Сообщений: 2
Уважение: +0
Позитив: +0
Провел на форуме:
1 час 24 минуты
Последний визит:
2013-03-18 01:41:22

Молния
Можно заказать такую же таблицу, как ту что вы предоставили Утренице??

0

Поделиться202012-12-25 18:22:37

Автор: Лунная
Участник
Зарегистрирован: 2012-09-04
Приглашений: 0
Сообщений: 22
Уважение: +1
Позитив: +14
Провел на форуме:
20 часов 12 минут
Последний визит:
2013-07-27 17:15:32

Ссылка на форум:
Форум пока на профилактике, но скоро откроется. К новому году, приблизительно. http://warriorsnovievremena.mybb.ru/
Эскиз таблицы в Paint:
Я не фотошопер, не смогла нарисовать, уж простите. Но таблица должна быть примерно такой: http://vughj.mybb.ru/ Она сейчас стоит на моем форуме, а это тестовик.
Ваши пожелания:
Ну, чтобы так же открывалась, но была с границами (округлыми) и, если можно, какой - нибудь праздничный шрифт. А еще можно, чтобы эти боковые штучки находились вверху (мдя, даже стыдно. Не разбираюсь я в таблицах этих)
Сколько плюсиков дадите исполнителю:
7.

0

Поделиться212012-12-25 19:11:24

Автор: Мертвый енот
Участник
Зарегистрирован: 2012-08-30
Приглашений: 0
Сообщений: 92
Уважение: +8
Позитив: +13
Провел на форуме:
1 день 19 часов
Последний визит:
2013-01-11 11:08:19

Лунная
Окошки(эти боковые штучки в том же количестве оставлять?).
И еще напишите как окошки будут называться. А так возьму.

+1

Поделиться222012-12-25 19:31:34

Автор: Лунная
Участник
Зарегистрирован: 2012-09-04
Приглашений: 0
Сообщений: 22
Уважение: +1
Позитив: +14
Провел на форуме:
20 часов 12 минут
Последний визит:
2013-07-27 17:15:32

Мертвый енот написал(а):

эти боковые штучки в том же количестве оставлять?)

Да, да.

Мертвый енот написал(а):

И еще напишите как окошки будут называться. А так возьму.

В принципе так же, как и на той таблице:
Новости;
Администрация;
Новости леса;
Полезные ссылки;
Баннеры.

0

Поделиться232012-12-25 19:33:34

Автор: Мертвый енот
Участник
Зарегистрирован: 2012-08-30
Приглашений: 0
Сообщений: 92
Уважение: +8
Позитив: +13
Провел на форуме:
1 день 19 часов
Последний визит:
2013-01-11 11:08:19

Лунная
Окей. Ждите, сударыня.

+1

Поделиться242013-01-04 17:28:44

Автор: Мертвый енот
Участник
Зарегистрирован: 2012-08-30
Приглашений: 0
Сообщений: 92
Уважение: +8
Позитив: +13
Провел на форуме:
1 день 19 часов
Последний визит:
2013-01-11 11:08:19

Лунная

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

Код:

<center><style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style>
#pun-announcement .container {padding-top: 1em}

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

#menu-top span, #menu-lef span {
display: block;
padding: 5px;
margin-bottom: 8px;
width: 150px;}

#menu-top span:hover, #menu-lef span:hover {text-decoration: underline;}

#menu-top .tabactive, #menu-lef .tabactive {
#submenu {
padding: 0px;
height: 170px;
width: 50%;}
color: ;}



.submenutext {
display: none;
text-align: center;
padding: 5px;
height: 160px;
overflow-y: auto;}
</style>

<table style="width: 97%;" cellpadding="0" cellspacing="3">
 <tbody>
<tr>
   <td colspan="3" align="right">
    <div id="menu-top">
<table cellpadding="0" cellspacing="3">
<tr>
<td align="center"><span alt="#sm1" style="cursor: pointer;"><img src="http://s2.uploads.ru/gA2NO.png" border="0" /></span></td>
<td align="center"><span alt="#sm2" style="cursor: pointer;"><img src="http://s2.uploads.ru/YQWvT.png" border="0" /></span></td>
<td align="center"><span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/iWBu4.png" border="0" /></span>
<td align="center"><span alt="#sm4" style="cursor: pointer;"><img src="http://s2.uploads.ru/xU85l.png" border="0" /></span>
<td align="center"><span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/eEHCQ.png" border="0" /></span>

</td>
</tr>
</table>
    </div>
   </td>
  </tr>  <tr>
   <td style="width: 45%;" align="center" valign="top">
    <div id="menu-lef">

    </div>
   </td>
   <td id="MenuTxT" style="width: 15%;" align="center" valign="top">
    <div id="submenu" align="center"> 

    <div id="sm1" class="submenutext" style="display:block;padding:2,5px;height:140px;overflow-y: auto;"><br> <br><i><b>Новости</b><br>
текст
</div>

   <div id="sm2" class="submenutext" style="display:block;padding:2,5px;height:140px;overflow-y: auto;"> <br><br>
текст
</div>
     <div id="sm3" class="submenutext" style="display:block;padding:2,5px;height:140px;overflow-y: auto;">
текст
</div>
   <div id="sm4" class="submenutext"style="display:block;padding:2,5px;height:140px;overflow-y: auto;">
текст
 
</div>
<div id="sm5" class="submenutext"style="display:block;padding:2,5px;height:140px;overflow-y: auto;"><br><b>Баннеры</b><br>
текст

</div>
</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-top span").click(function() {
    $("div.#menu-lef span, div.#menu-top span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script></center>

Верх.

Код:

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

+1

Поделиться252013-01-04 17:57:37

Автор: Лунная
Участник
Зарегистрирован: 2012-09-04
Приглашений: 0
Сообщений: 22
Уважение: +1
Позитив: +14
Провел на форуме:
20 часов 12 минут
Последний визит:
2013-07-27 17:15:32

Пасяб

0

Animal style

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

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

Объявление

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

Таблицы

Сообщений 1 страница 25 из 25

Поделиться12012-12-07 10:12:15

Поделиться22012-12-07 17:03:41

Поделиться32012-12-07 19:06:52

Поделиться42012-12-07 19:19:11

Поделиться52012-12-07 20:56:23

Поделиться62012-12-08 17:32:58

Поделиться72012-12-08 20:22:40

Поделиться82012-12-08 20:48:21

Поделиться92012-12-08 21:11:29

Поделиться102012-12-09 13:14:55

Поделиться112012-12-13 13:51:49

Поделиться122012-12-13 13:55:38

Поделиться132012-12-13 14:08:08

Поделиться142012-12-13 15:13:00

Поделиться152012-12-13 15:15:47

Поделиться162012-12-13 17:23:00

Поделиться172012-12-13 17:39:53

Поделиться182012-12-13 18:01:11

Поделиться192012-12-19 13:55:07

Поделиться202012-12-25 18:22:37

Поделиться212012-12-25 19:11:24

Поделиться222012-12-25 19:31:34

Поделиться232012-12-25 19:33:34

Поделиться242013-01-04 17:28:44

Поделиться252013-01-04 17:57:37