·[Заказ таблиц]

Поделиться2412012-04-07 11:14:44

Автор: [Anna-nim]
Участник
Откуда: ^xxx^
Зарегистрирован: 2012-03-17
Приглашений: 0
Сообщений: 169
Уважение: [+9/-1]
Пол: Женский
Возраст: 26 [1997-10-01]
Провел на форуме:
2 дня 16 часов
Последний визит:
2013-01-03 19:27:17

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

Друзья, пожалуйста отпишитесь о востребованности!

? востребованность? Хотелось бы что бы весь шрифт был белый. А так же фон только не фиолетовый, а надписи я там сама.

Поделиться2422012-04-07 22:14:29

Автор: Lola
Участник
Зарегистрирован: 2012-03-16
Приглашений: 0
Сообщений: 22
Уважение: [+0/-0]
Провел на форуме:
17 часов 31 минуту
Последний визит:
2012-12-30 22:21:47

1. ссылка на форум -
http://neverfallinlove.mybb.ru/
2. эскиз таблицы.:Мне хотелось бы такую таблицу, как тут
http://narutowars.ru/viewtopic.php?id=3215#p263744
3. дополнительные предпочтения -
4. Ширина вашего форума и высота табличкине знаю

Отредактировано Lola (2012-04-07 22:20:38)

0

Поделиться2432012-04-07 23:54:07

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Lekta
Цвет текста автоматически установится как на вашем форуме

HTML верх

Код:

<style>
.container1 {width: 800px; margin: 0 auto; padding: 0;}
ul.tabs {
  margin-left: 150px;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 800px;
    width: 100%;
margin-bottom: 3px;

}
ul.tabs li {
    float: left;
    margin-left: 10px;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 0px;  
border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
 border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    margin-bottom: -2px;
    background: url();
    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 {
 background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
background-color: #222222;     
border: 1px solid  #fff;
 border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
     box-shadow: 1px 2px 8px #00111f;
    -webkit-box-shadow:1px 2px 8px #00111f;
    -khtml-box-shadow:1px 2px 8px #00111f;
    -moz-box-shadow:1px 2px 8px #00111f;  
}  


html ul.tabs li.active a:hover  {
  background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 800px;
    height: 230px;
    background-image : url();   
background-color: #;  
 border: 0px solid #000; 
border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

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

HTML низ

Код:

<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">Новости</a></li>
    <li><a href="#tab2">Полезные ссылки</a></li>
    <li><a href="#tab3">Время и погода</a></li>
<li><a href="#tab4">События</a></li>
<li><a href="#tab5">Администрация</a></li>

</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/u/9/w/u9ws2.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px;">text 1
</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 2</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/D/H/e/DHeWM.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
<table width="320" border="0">
  <tr>
    <td><style> 
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #dfd6e7; text-align: center; width:150px; height:15px; padding: 0px; margin: 1px; font-family : "Arial"; text-decoration: none}
.nav a:hover{background-color: #a291af; color:#000}
</style> 
<div class="nav"> 
<a href="ссылка"><font size=1>Правила</font> </a> 
<a href="ссылка"><font size=1>Шаблон анкет</font> </a> 
<a href="ссылка"><font size=1>Сюжет</font> </a>
<a href="ссылка"><font size=1>Персонажи</font> </a> 
<a href="ссылка"><font size=1>Готовые анкеты</font> </a> 
<a href="ссылка"><font size=1>Пособия</font></a>
<a href="ссылка"><font size=1>Вопросы</font></a>
    <td>
<style> 
.nav {margin: 0px;}
.nav a{display: block; color:#000; background-color: #dfd6e7; text-align: center; width:150px; height:15px; padding: 2px; margin: 1px;  font-family : "Arial";  text-decoration: none}
.nav a:hover{background-color: #a291af; color:#000}
</style> 
<div class="nav"> 
<a href="ссылка"><font size=1>text</font> </a> 
<a href="ссылка"><font size=1>text</font> </a> 
<a href="ссылка"><font size=1>text</font> </a>
<a href="ссылка"><font size=1>text</font> </a> 
<a href="ссылка"><font size=1>text</font> </a> 
<a href="ссылка"><font size=1>text</font></a>
</td>
  </tr>
</table></div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 3</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/D/H/e/DHeWM.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 4</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 5

</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/D/H/e/DHeWM.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 6</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 7</div></TD>
</TR>
</tbody>
</TABLE>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<TABLE WIDTH="800"  height="230" background="http://uploads.ru/i/D/H/e/DHeWM.png">
<tbody align="center">
<TR>
<TD WIDTH="400" height="230"> <center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">
text 8

</div></TD>
<TD><center><div style="overflow: scroll; overflow-x: hidden; WIDTH: 340px; height:190px; ">text 9</div></TD>
</TR>
</tbody>
</TABLE>
</div>


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

0

Поделиться2442012-04-07 23:56:52

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Lola
извини, я не поняла какую?)))

0

Поделиться2452012-04-08 09:59:53

Автор: Lola
Участник
Зарегистрирован: 2012-03-16
Приглашений: 0
Сообщений: 22
Уважение: [+0/-0]
Провел на форуме:
17 часов 31 минуту
Последний визит:
2012-12-30 22:21:47

Tunguska
я без понятия как ее нарисовать.
тутhttp://narutowars.ru/
в углу написаны полезные ссылки, и когда наводишь на нее она выдвигается.

0

Поделиться2462012-04-08 19:39:19

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Lola
поняла)))

0

Поделиться2472012-04-08 19:46:30

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Lola
В HTML - верх

Код:

<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:40px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #525d71;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#c6d6eb url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<center><table width="200" border="0" cellpadding="0">
  <tr><font color="#990000"></font>
    <td height="126" align="center" valign="top"><strong><font color="#цвет заголовка">ЗАГОЛОВОК</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
Текст в прокрутке
</div></td>
  </tr>
  <tr>
    <td height="126" align="center" valign="top"><strong><font color="#цвет заголовка">ЗАГОЛОВОК</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
Текст в прокрутке
</div></td>
  </tr>
  <tr>
    <td height="126" align="center" valign="top"><strong><font color="#цвет заголовка">ЗАГОЛОВОК</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
Текст в прокрутке
</div></td>
  </tr>
</table>
  </div>
</div>
<!--End//JampPanel-->

0

Поделиться2482012-04-09 15:46:24

Автор: Lola
Участник
Зарегистрирован: 2012-03-16
Приглашений: 0
Сообщений: 22
Уважение: [+0/-0]
Провел на форуме:
17 часов 31 минуту
Последний визит:
2012-12-30 22:21:47

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

Код:

<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:40px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #525d71;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#c6d6eb url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<center><table width="200" border="0" cellpadding="0">
  <tr><font color="#990000"></font>
    <td height="100" align="center" valign="top"><strong><font color="#цвет заголовка">Администрация</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
<a href="http://neverfallinlove.mybb.ru/profile.php?id=2">Damon Salvatore</a>|<a href="http://neverfallinlove.mybb.ru/profile.php?id=5">Katherine Pierce</a>|<a href="http://neverfallinlove.mybb.ru/profile.php?id=6">Rebekah</a>
<br><strong><font color="#цвет заголовка">Модераторы</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
<a href="http://neverfallinlove.mybb.ru/profile.php?id=11">Stefan Salvatore</a>|<a href="http://neverfallinlove.mybb.ru/profile.php?id=7">Elena Gilbert</a>
</div></td>

  </tr>
  <tr>
    <td height="100" align="center" valign="top"><strong><font color="#цвет заголовка">Навигация</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=3">Ваш вопрос - наш ответ</a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=10">Правила</a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=13">F.A.Q. </a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=14">Сюжет </a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=21>Список персонажей </a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=18">Занятые внешности </a>|<a href="http://neverfallinlove.mybb.ru/viewtopic.php?id=16">Занятые имена и фамилии</a>|<a href="http://neverfallinlove.mybb.ru/viewforum.php?id=5">Акции</a>
</div></td>
  </tr>
  <tr>
    <td height="126" align="center" valign="top"><strong><font color="#цвет заголовка">События в игре</font></strong>
<br><div style="overflow: auto; width: 200px; height: 115px;">
<br><b>Дата:</b>
<br><b>Погода:</b>
</div></td>
  </tr>
</table>
  </div>
</div>
<!--End//JampPanel-->

Отредактировано Lola (2012-04-09 16:04:39)

0

Поделиться2492012-04-11 20:37:17

Автор: Дюша
Участник
Откуда: от верблюда
Зарегистрирован: 2012-02-14
Приглашений: 0
Сообщений: 57
Уважение: [+3/-0]
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-01-27 07:50:46

1. ссылка на форум - http://catswarriorsnewstart.mybb.ru/
2. эскиз таблицы.:

3. дополнительные предпочтения - таблица прозрачна. Те есть, рамки прозрачные как уже стоит на форуме (просто объявление должно быть по центру, а оно смещено)
4. Ширина вашего форума и высота таблички широкоэкранный форум. По стандарту. Ширина таблички как и фоум. Высоту как на существующей, но если можно, что чуть чуть поменьше.

0

Поделиться2502012-04-11 20:48:09

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Дюша
скиньте мне просто в личку код вашей существующей таблички, может там просто поправлю)

0

Поделиться2512012-04-11 22:14:10

Автор: Дюша
Участник
Откуда: от верблюда
Зарегистрирован: 2012-02-14
Приглашений: 0
Сообщений: 57
Уважение: [+3/-0]
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-01-27 07:50:46

Tunguska
сейчас....иду копировать код

0

Поделиться2522012-04-12 18:41:20

Автор: [Anna-nim]
Участник
Откуда: ^xxx^
Зарегистрирован: 2012-03-17
Приглашений: 0
Сообщений: 169
Уважение: [+9/-1]
Пол: Женский
Возраст: 26 [1997-10-01]
Провел на форуме:
2 дня 16 часов
Последний визит:
2013-01-03 19:27:17

Tunguska
Спасибо!

0

Поделиться2532012-04-24 22:38:25

Автор: Wolf
Участник
Зарегистрирован: 2012-04-24
Приглашений: 0
Сообщений: 2
Уважение: [+0/-0]
Провел на форуме:
2 часа 10 минут
Последний визит:
2012-05-25 00:07:36

1. ссылка на форум - http://sobakivoinasvor.mybb.ru/
2. эскиз таблицы.:

=)

3. дополнительные предпочтения - Вообщем изначально в окне стоит картинка, а когда нажиаются на кнопки, то туда вылетает окно с прокруткой. Но эти кнопки будут картинками.
P.s. Просто выделите мне пожалусто куда картинки на кнопки вставлять... Если что-то не поятно переспрашивайте)
4. Ширина вашего форума и высота таблички Я в этом не разбираюсь...

0

Поделиться2542012-04-30 21:48:29

Автор: Ветер
Участник
Зарегистрирован: 2012-04-24
Приглашений: 0
Сообщений: 25
Уважение: [+1/-0]
Провел на форуме:
11 часов 44 минуты
Последний визит:
2012-10-28 11:23:51

Таблица уже есть, надо просто подправить код...

1. одна строка две ячейки, первая контейнер вторая картинка.
2. у контейнера округлить края.

0

Поделиться2552012-04-30 22:31:33

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Wolf
Давайте сразу ваши картинки, там по размеру надо подгонять))))

0

Поделиться2562012-04-30 22:38:12

Автор: Tunguska
Зарегистрирован: 2010-05-16
Приглашений: 0
Сообщений: 3218
Уважение: [+747/-4]
Пол: Женский
Провел на форуме:
1 месяц 0 дней
Последний визит:
2013-07-02 14:05:23

Шанс
Погодь, не поняла - у вас стоит контейнер с боковыми вкладками? Так?
А тебе нужно просто таблу из двух ячеек? Или?

0

Поделиться2572012-04-30 23:02:43

Автор: Ветер
Участник
Зарегистрирован: 2012-04-24
Приглашений: 0
Сообщений: 25
Уважение: [+1/-0]
Провел на форуме:
11 часов 44 минуты
Последний визит:
2012-10-28 11:23:51

Tunguska мм...щас вот так сделаем..

контейнер с вкладками

картинка

0

Поделиться2582012-05-02 19:25:36

Автор: Wolf
Участник
Зарегистрирован: 2012-04-24
Приглашений: 0
Сообщений: 2
Уважение: [+0/-0]
Провел на форуме:
2 часа 10 минут
Последний визит:
2012-05-25 00:07:36

Картинки для кнопок

http://s019.radikal.ru/i603/1205/81/f11d5a09a646.png
http://s019.radikal.ru/i644/1205/43/79bcef90a60b.png
http://s019.radikal.ru/i638/1205/35/a11e62c5888d.png
http://s019.radikal.ru/i627/1205/f7/050a5eb4146c.png
http://s010.radikal.ru/i314/1205/a0/d68a47aca9eb.png

А той картинки еще нет(

0

Поделиться2592012-05-13 13:20:03

Автор: Юленька ^^
Участник
Зарегистрирован: 2012-01-11
Приглашений: 0
Сообщений: 51
Уважение: [+3/-0]
Провел на форуме:
16 часов 48 минут
Последний визит:
2012-06-01 18:59:53

1. ссылка на форум - http://pokemongalaxy.rolka.su/
2. эскиз таблицы.:
Хм... Не знала, как нарисовать. В общем это как бы "контейнеры". Когда щелкаешь на них - появляется информация. Но мне бы хотелось, что бы и под контейнерами можно было вставить картинку, так как на форуме каждый месяц проводят опрос на лучшего игрока месяца. ( Три картинки в ряд ).
3. дополнительные предпочтения -
Что бы под этими контейнерами можно было ставить картинки.
4. Ширина вашего форума и высота таблички
Вот это не знаю Оо"

0