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

Поделиться601Ср, 6 Июн 2012 10:04:33

Автор: Orum
Стремящийся
Зарегистрирован: Вс, 3 Июн 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 11 Июн 2012 15:32:12

Rion Leonheart
дико извиняюсь. я наоборот думала, что по умолчанию - с ними, а без них указала бы )
спасибо большущее.

0

Поделиться602Ср, 6 Июн 2012 10:06:03

Автор: Orum
Стремящийся
Зарегистрирован: Вс, 3 Июн 2012
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 11 Июн 2012 15:32:12

Rion Leonheart
идеально. спасибо.

0

Поделиться603Ср, 6 Июн 2012 10:06:18

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

Rion Leonheart
А бордер вокруг неё можно вообще убрать?
Если нет, то не принципиально.

Отредактировано Martele (Ср, 6 Июн 2012 10:14:11)

0

Поделиться604Ср, 6 Июн 2012 11:37:45

Автор: Virginia Banks
Заслуженный
Зарегистрирован: Пн, 28 Май 2012
Сообщений: 27
Уважение: +1
Позитив: +1
Пол: Женский
Последний визит:
Вс, 25 Авг 2013 16:56:20

Rion Leonheart
спасибо)
Да?! Вы делаете дизайны?! А здесь нет такой темки

0

Поделиться605Ср, 6 Июн 2012 12:29:53

Автор: Fia99
Заслуженный
Зарегистрирован: Чт, 14 Июл 2011
Сообщений: 9
Уважение: 0
Позитив: 0
Последний визит:
Ср, 6 Июн 2012 19:03:14

Спасибо! Вы лучший!

0

Поделиться606Ср, 6 Июн 2012 12:30:16

Автор: *Bur Boni*
Заслуженный
Зарегистрирован: Пн, 14 Май 2012
Сообщений: 57
Уважение: 0
Позитив: +4
Пол: Мужской
Последний визит:
Вт, 16 Сен 2014 13:20:29

Можно мне чуть чуть подредактировать мою таблицу?

Код Таблицы

<style>
.splLink {width: 159px; height: 40px;}
.splCont {height: auto; width: 240px; background: #fff; padding: 5px; z-index: 1000; margin-top: 5px; text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;}
</style>
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">

<table style="width: 700px; height: 340px; background: transparent url(http://uploads.ru/i/2/U/V/2UVGq.png) top center no-repeat;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top">

<div style="width: 300px; height: 330px; margin: 5px 0 0 200px; text-align: center;">

<img src="http://uploads.ru/i/2/m/1/2m1RS.png">

<br/><br/>
Ролевая игра движется у нас стало больше персонажей и игра становится все насыщенной и увлекательной. Ждем Вас!!<br/>
<br/><br/>
На форуме будет произведена очистка тем от флуда и не нужный тем.<br/>
<br/><br/>
Открыто много разных проектов, они могут тебя заинтересовать?
<br/><br/>
Идет набор учеников - модераторов и учеников - дизайнеров...

</td>
</tr>
</table>

</td>
</tr>
</table>

Вот форум может поможет Ссылка

Хочу ее исправить что бы было так:
на первой странице были новости.
на второй администрация.
на третий сюжет.
надо что бы перешелкивались по стролочкам на лево и на право. НЕ МОГУ ПРАВИЛЬНО ОБЪЯСНИТЬ.
Может поймете!?

Вот пример
ЗАРЕНЕЕ СПАСИБО ОГРОМНОЕ

0

Поделиться607Ср, 6 Июн 2012 12:34:30

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Virginia Banks написал(а):

А здесь нет такой темки

Потому что не афиширую :glasses:

*Bur Boni*, картинки стрелачек прилагайте.

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

А бордер вокруг неё можно вообще убрать?

Можно вообще без бордеров.
Чичас доделаю, некоторые перебои работы сети...

0

Поделиться608Ср, 6 Июн 2012 14:11:03

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

День добрый... Мне нужна таблица с выпадающим контентом. Три полоски по центру форума, чтобы при нажатии на них выпадало окошечко с информацией...
http://uploads.ru/i/E/D/h/EDh01.jpg - приблизительно как это должно выглядеть...
А вот стиль этих трех полосочек как у ссылок в боковой таблице (Где вопросы от гостей, занятые внехи и т.д.)
http://adventurer.rolbb.ru/
Размер полосы 180 х 30

спасибо)

0

Поделиться609Ср, 6 Июн 2012 14:21:14

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Martele,

html-верх:

Код:

<style type="text/css">
#pun-announcement .container {padding-top: 1.5em; padding-bottom: 0em;}

#menu {margin: 0px;}

#menu span {
display: block;
width: 80%;
padding: 5px 0 5px 0;
margin: 0px;
font-weight: bold;
font-size: 16px;
font-family: 'courier new';
filter: alpha(opacity=30);
 -khtml-opacity: 0.3;
   -moz-opacity: 0.3;
        opacity: 0.3;}

#menu .tabactive {
filter: alpha(opacity=100);
 -khtml-opacity: 1;
   -moz-opacity: 1;
        opacity: 1;}

#submenu {
padding: 3px;
width: 95%;}

.submenutext {
display: none;
text-align: center;
height: auto;
max-height: 430px;}

.submenutext h3 {
font-weight: bold;
font-size: 14px;
font-family: 'courier new';
margin: 5px 0 5px 0;}

.submenutext table td {text-align: center; vertical-align: top;}
</style>

html-низ

Код:

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

объявление

Код:

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
<!-- Buttons -->
    <div id="menu">
<table style="width: 100%;">
<tr>
<td style="width: 20%;" align="center">
<span alt="#sm1" style="cursor: pointer;">Новости</span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm2" style="cursor: pointer;">Ссылки</span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm4" style="cursor: pointer;">В игре</span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm5" style="cursor: pointer;">Друзья</span>
</td>
</tr>
</table>
    </div>
<!-- End -->
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- 1st button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

текст текст текст текст

</td>
<td style="width: 50%;">

<h3>Игрок месяца</h3>

<img style="width: 200px; height: 200px;" src="ссылка на аватар"/>

<br/>

<p>Пост на 5 строк.</p>

<br/>

<p align="right"><a href="ссылка">Читать далее</a></p>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm2" class="submenutext">
<!-- 2nd button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;">

<h3>Гостям:</h3>

<br/>
<a href="ссылка">Тема 1</a>
<br/><br/>
<a href="ссылка">Тема 2</a>
<br/><br/>
<a href="ссылка">Тема 3</a>
<br/><br/>
<a href="ссылка">Тема 4</a>
<br/><br/>
<a href="ссылка">Тема 5</a>
<br/><br/>
<a href="ссылка">Тема 6</a>
<br/><br/>

</td>
<td style="width: 33%;">

<h3>Пиарщикам:</h3>

<br/>
<a href="ссылка">Тема 1</a>
<br/><br/>
<a href="ссылка">Тема 2</a>
<br/><br/>
<a href="ссылка">Тема 3</a>
<br/><br/>
<a href="ссылка">Тема 4</a>
<br/><br/>

</td>
<td style="width: 33%;">

<h3>Игрокам:</h3>

<br/>
<a href="ссылка">Тема 1</a>
<br/><br/>
<a href="ссылка">Тема 2</a>
<br/><br/>
<a href="ссылка">Тема 3</a>
<br/><br/>
<a href="ссылка">Тема 4</a>
<br/><br/>
<a href="ссылка">Тема 5</a>
<br/><br/>
<a href="ссылка">Тема 6</a>
<br/><br/>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm3" class="submenutext">
<!-- 3rd button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<img style="width: 150px; height: 150px;" src="ссылка на аватар" title="Ник"/>

<br/><br/>

<b>Скайп:</b> ...
<br/>
<b>Аська:</b> ...
<br/>
<b>ВКонтакте:</b> ...

</td>
<td style="width: 25%;">

<img style="width: 100px; height: 100px;" src="ссылка на аватар" title="Ник"/>

<br/><br/>

<b>Скайп:</b>...
<br/>
<b>Аська:</b>...
<br/>
<b>ВКонтакте:</b>...

</td>
<td style="width: 25%;">

<img style="width: 100px; height: 100px;" src="ссылка на аватар" title="Ник"/>

<br/><br/>

<b>Скайп:</b> ...
<br/>
<b>Аська:</b> ...
<br/>
<b>ВКонтакте:</b> ...

</td>
</tr>
<tr>
<td>

<img style="width: 150px; height: 150px;" src="ссылка на аватар" title="Ник"/>

<br/><br/>

<b>Скайп:</b> ...
<br/>
<b>Аська:</b> ...
<br/>
<b>ВКонтакте:</b> ...

</td>
<td colspan="2">

<img style="width: 100px; height: 100px;" src="ссылка на аватар" title="Ник"/>

<br/><br/>

<b>Скайп:</b> ...
<br/>
<b>Аська:</b> ...
<br/>
<b>ВКонтакте:</b> ...

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm4" class="submenutext">
<!-- 4th button -->
<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;">

<h3>Погода и время</h3>

<br/>

текст

<br/><br/>

текст

<br/><br/>

текст

<br/><br/>

</td>
<td style="width: 33%;">

<h3>Очередность постов</h3>

<br/>

текст

<br/><br/>

текст

<br/><br/>

текст

<br/><br/>

</td>
<td style="width: 33%;">

<h3>Претенденты на вылет</h3>

<br/>

текст

<br/><br/>

текст

<br/><br/>

текст

<br/><br/>

</td>
</tr>
</table>
<!-- End -->
</div>
     <div id="sm5" class="submenutext">
<!-- 5th button -->
<table style="width: 100%; height: 100%;">
<tr style="height: 50%;">
<td style="width: 50%;" rowspan="2">

<h3>Друзья</h3>

<br/>

баннер

<br/><br/>

баннер

<br/><br/>

баннер

<br/><br/>

</td>
<td style="width: 50%;">

<h3>Топы</h3>

<br/>

баннер
баннер
баннер

<br/><br/>

</td>
</tr>
<tr style="height: 50%;">
<td>

<h3>Наш баннер</h3>

<br/>

баннер

<br/><br/>

</td>
</tr>
</table>
<!-- End -->
</div>
   </td>
</tr>
 </tbody>
</table>

+1

Поделиться610Ср, 6 Июн 2012 14:24:54

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Танюшка1482, так все с выпадающим контентом, или ток крайние? :glasses:

0

Поделиться611Ср, 6 Июн 2012 14:25:46

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

Rion Leonheart
Только крайние) Если можно так, конечно...

0

Поделиться612Ср, 6 Июн 2012 14:31:19

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

Rion Leonheart
Спасибо *-*

0

Поделиться613Ср, 6 Июн 2012 15:40:43

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Таня,

Код:

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

.splLink {width: 180px; height: 10px; background: transparent url(http://uploads.ru/i/W/k/b/WkbxN.png) repeat; text-align: center; padding: 10px 0 10px 0; text-transform: uppercase; color: #B4A297;}
.splLink:hover {background: transparent url(http://uploads.ru/i/N/H/6/NH6dS.png) repeat; color: #A79481;}
.splCont {width: 200px; height: 200px; overflow-y: auto; background: #e6ded9; padding: 5px; z-index: 1000; margin: 5px 0 0 -12px; border: 2px solid #928173; text-align: center;}

#spec_ops a {display: block; width: 180px; height: 10px; background: transparent url(http://uploads.ru/i/W/k/b/WkbxN.png) repeat; text-align: center; padding: 10px 0 10px 0; text-transform: uppercase; color: #B4A297; text-decoration: none;}

#spec_ops a:hover {background: transparent url(http://uploads.ru/i/N/H/6/NH6dS.png) repeat; color: #A79481;}
</style>

<center><table style="width: 75%;">
<tr><td align="center">
<DIV><div class=splLink>Наши новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент первой кнопки

</DIV></DIV>
</td><td align="center">

<div id="spec_ops">
<a href="ссылка">Неделя с...</a>
</div>

</td><td align="center">
<DIV><div class=splLink>Наши партнёры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент третьей кнопки

</DIV></DIV>
</td></tr>
</table></center>

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

+1

Поделиться614Ср, 6 Июн 2012 15:54:29

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

Rion Leonheart
Отлично...спасибо большое)))

0

Поделиться615Ср, 6 Июн 2012 16:49:50

Автор: *Bur Boni*
Заслуженный
Зарегистрирован: Пн, 14 Май 2012
Сообщений: 57
Уважение: 0
Позитив: +4
Пол: Мужской
Последний визит:
Вт, 16 Сен 2014 13:20:29

Rion Leonheart
Вот стрелочки.

0

Поделиться616Ср, 6 Июн 2012 18:12:59

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

*Bur Boni*,

обновите объявление:

Код:

<center><table style="width: 700px; height: 340px; background: transparent url(http://uploads.ru/i/2/U/V/2UVGq.png) top center no-repeat;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:320px;
height:320px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:288px;
  height:320px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:268px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:320px;
  text-align: center;
}
.control {
  display:block;
  width:18px;
  height:16px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:152px;
  left:0;
  background:transparent url(http://uploads.ru/i/a/h/o/ahoFV.png) no-repeat 0 0;
}
#rightControl {
  top:152px;
  right:0;
  background:transparent url(http://uploads.ru/i/k/L/q/kLqal.png) no-repeat 0 0;
}
</style>

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<img src="http://uploads.ru/i/2/m/1/2m1RS.png">


<br/><br/>
Ролевая игра движется у нас стало больше персонажей и игра становится все насыщенной и увлекательной. Ждем Вас!!<br/>
<br/><br/>
На форуме будет произведена очистка тем от флуда и не нужный тем.<br/>
<br/><br/>
Открыто много разных проектов, они могут тебя заинтересовать?
<br/><br/>
Идет набор учеников - модераторов и учеников - дизайнеров...

      </div>
<div class="slide">

Второй

      </div>
<div class="slide">

Третий

      </div>
</div></div><!--End// Cлайдер-->

</td>
</tr>
</table></center>

в html-низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 288;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

0