Animal style

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

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


Вы здесь » Animal style » •Для вас » Таблицы


Таблицы

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

1

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

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

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

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

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

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

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

0

2

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

0

3

Lexi
принимаю)

+1

4

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

5

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

0

6

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

0

7

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

0

8

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

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

0

9

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

0

10

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

0

11

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

0

12

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

0

13

Слайд 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

14

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

0

15

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

0

16

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

0

17

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

0

18

Давай)

0

19

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

0

20

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

0

21

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

+1

22

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

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

Да, да.

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

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

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

0

23

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

+1

24

Лунная

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

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

25

Пасяб

0


Вы здесь » Animal style » •Для вас » Таблицы