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

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


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

Сообщений 681 страница 700 из 1000

681

Хотела бы сделать табличку.
1) http://uploads.ru/?v=7wLgz.png
2)http://zagadkalesa.rolka.su/
3) Все указано на таблице =)

0

682

Очень нужна таблица. Стиль: MyBB RPG.
http://uploads.ru/i/q/k/B/qkBZM.png

0

683

http://uploads.ru/t/t/u/K/tuKck.png
Можно сделать такую таблицу?)

0

684

1) Добрый день! Вот табличка на пробнике (мой пробник): http://tyiyu.mybb.ru/
2)ссылка на форум http://vampirediaries.spybb.ru/
3)Можно что справа, были тоже кнопки? ( ну как слева. Нажимаешь на кнопку, а по середине показывает содержимое. Только с двух сторон)

Отредактировано Пятнистая Звезда (Вт, 19 Июн 2012 16:47:34)

0

685

1) Вот — http://s015.radikal.ru/i330/1206/3c/59fff08b5ad2.jpg
2) Форум — http://kotwarriors.mybb.ru/
3) Плавное появления текста при нажатие на каждый контейнер. Если можно можете сделать два варианта с границами и без. Прокрутка во всех контейнерах.

Отредактировано карамель` (Вт, 19 Июн 2012 19:33:54)

0

686

Tapira,

в объявление

Код:
<style>
.rd_rvr h3 {font-size: 125%; font-weight: bold; font-family: 'palatino linotype', serif; margin: 5px 0 5px 0;}
.rd_rvr .pica img {width: 65px; height: 65px; margin: 5px 0px 0px 0px;}
.navign td {text-align: center; vertical-align: top;}
.navign a {display: block; margin-bottom: 2em;}
</style>

<table class="rd_rvr" style="height: 350px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 640px;">

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:350px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:614px;
  height:350px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:594px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:350px;
  text-align: center;
}
.control {
  display:block;
  width:13px;
  height:20px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:165px;
  left:0;
  background:transparent url(http://uploads.ru/i/X/Q/q/XQqg8.png) no-repeat 0 0;
}
#rightControl {
  top:165px;
  right:0;
  background:transparent url(http://uploads.ru/i/y/b/r/ybrmE.png) no-repeat 0 0;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<h3>Навигация</h3>

<table class="navign" style="width: 100%;">
<tr>
<td style="width: 50%;">

<strong>Для гостей</strong>

<br/><br/>

<a href="link">topic 1</a>
<a href="link">topic 2</a>
<a href="link">topic 3</a>
<a href="link">topic 4</a>
<a href="link">topic 5</a>
<a href="link">topic 6</a>
<a href="link">topic 7</a>
<a href="link">topic 8</a>

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

<strong>Для пользователей</strong>

<br/><br/>

<a href="link">topic 1</a>
<a href="link">topic 2</a>
<a href="link">topic 3</a>
<a href="link">topic 4</a>
<a href="link">topic 5</a>
<a href="link">topic 6</a>
<a href="link">topic 7</a>

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

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

<h3>Игровые данные</h3>

<div align="left">
<strong>Время в игре:</strong> ...
<br/><br/>
<strong>Погода:</strong> ...
</div>

<br/><br/><br/>

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

      </div>
<div class="slide">
<div style="width: 100%; height: 348px; overflow-y: auto;">


<h3>Рейтинг</h3>

Не стесняемся и нажимаем каждый день! =) Не ленитесь! ;)
<br/><br/>
<a href="http://top.roleplay.ru/18126" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>


</div>
      </div>
<div class="slide">
<div style="width: 100%; height: 348px; overflow-y: auto;">


<h3>Партнёры</h3>

<a href="http://universe.rusff.ru" target=_blank><img src="http://savepic.net/1240488.png" border="0" alt="Ролевой проект Вселенная в сети. Здесь возможно все..."></a>
<a href="http://protuv2d.mybb.ru/"><img src="http://forumupload.ru/uploads/000e/c4/91/51599-1.gif" title="Противостояние | Битва продолжается"/></a>
<a href="http://urchoice.ru/" target="_blank"><img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif"/></a>
<a href="http://crossovergame.spybb.ru/" target="_blank"><img src=http://savepic.ru/2966861.gif alt="РПГ Горизонт событий"></a>
<a href="http://underwood.do.am/"><IMG alt="Underwood" src="http://i51.tinypic.com/hwkgvc.gif"></a>


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

</td>
<td style="width: 240px;" align="center" valign="top">

<h3>Администрация</h3>

<div class="pica">
<img src="пикча"/>
<img src="пикча"/>
<img src="пикча"/>
</div>

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

в html-низ

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 614;
  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>

Примочки типа - "слайд 1/2/3/4" и стоп/старт, а также самолистание спрашивайте на Drop of Poison, ибо я пока кроме них больше нигде не видел этой ерунды.

Отредактировано Rion Leonheart (Ср, 20 Июн 2012 16:40:09)

0

687

Captain Morgan,

without slider

Код:
<style>
#pun-announcement .container {padding-top: 1.5em}
.king_l td {text-align: center; vertical-align: top;}
</style>

<center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0">
<tr style="height: 45px;">
<td colspan="3">

текст

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

текст

</td>
<td style="width: 50%;">
<div style="width: 100%; height: 250px; overflow-y: auto;">

текст

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

текст

</td>
</tr>
<tr style="height: 90px;">
<td>

текст

</td>
<td>

текст

</td>
<td>

текст

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

table & slider

в объявление

Код:
<style>
#pun-announcement .container {padding-top: 1.5em}
.king_l td {text-align: center; vertical-align: top;}
</style>

<center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0">
<tr style="height: 45px;">
<td colspan="3">

текст

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

текст

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

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:405px;
height:250px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:325px;
  height:250px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:305px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:250px;
  text-align: center;
}
.control {
  display:block;
  width:39px;
  height:250px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

Первый

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

Второй

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

Третий

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

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

текст

</td>
</tr>
<tr style="height: 90px;">
<td>

текст

</td>
<td>

текст

</td>
<td>

текст

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

в html-низ вместо старого

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 325;
  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

688

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

Хотела бы сделать табличку.

Графа "строка" под контейнером с кнопками статична по отношению к контейнеру с изменяющейся иформацией или часть его и меняется вместе с ним?

0

689

M-1, границы принципиальны?

0

690

Самикуша написал(а):

Можно сделать такую таблицу?)

Ссылка на форум в профиле?

0

691

Пятнистая Звезда написал(а):

3)Можно что справа, были тоже кнопки?

Замените объявление

Код:
<style>	
#menu-lef, #menu-rig {
margin-top: 0px;
width: 200px;}

#menu-lef span, #menu-rig span {
border: 1px dashed #c99797;
text-align: left;
display: block;
color: #fff7e3;
margin-bottom: 10px;
padding: 5px;}

#menu-rig span {
text-align: right;}

#submenu, #menu-lef span, #menu-rig span {
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
background-image: url(http://s016.radikal.ru/i335/1206/7f/f8d49476ee18.png);}

#menu-lef .tabactive, #menu-rig .tabactive {
color: #fff7e3;
background: #b37878;}

#submenu {
border: 1px dashed #c99797;
padding: 10px;
height: 160px;
text-align: center;
font-size: 12px;
width: 320px;}

.submenutext {
display: none;
height: 160px;
overflow-y: auto;}
</style>

<center><table>
 <tbody>
  <tr>
   <td align="center">
    <div id="menu-lef">
<span alt="#sm1" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rnovosti.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rupravlenie.png"/></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<img src="http://i021.radikal.ru/1206/92/c21af259ddf4.gif"/>
<br/>
<p><b>Новости о форуме:</b>
<br/>
<i>Добро пожаловать на ролевую «The Vampire Diaries - True blood» Вся наша семья приветствует Вас и желает приятной игры! 
<br/>
Заходите, располагайтесь и наслаждайтесь игрой. Коллектив у нас очень дружный и веселый. Не стесняйтесь - пишите свои отзывы и просьбы, вам обязательно ответят!
<br/>
Дорогие гости, мы специально открыли для вас весь форум, чтобы вы могли все изучить и осмотреть, а потом оставить свои отзывы в гостевой и зарегистрироваться!
<br/>
Рейтинг нашей игры - G, то есть данный форум открыт для посещения пользователями любого возраста.</i>

</div>
     <div id="sm2" class="submenutext">

<b>Администраторы:</b>
<br/><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i500/1206/ea/14af26c98d5a.jpg" alt="The Vampire Diaries" title="Elena Gilbert"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=17"><img src="http://i048.radikal.ru/1206/ac/11423df90446.jpg" alt="The Vampire Diaries"  title="Damon Salvatore"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=19"><img src="http://s018.radikal.ru/i521/1206/3b/a9db9964f468.jpg" alt="The Vampire Diaries" title="Caroline Forbs"></a>
<br/>
Идет набор!
<br/><br/>
<b>Модераторы:</b>
<br/><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=21"><img src="http://s58.radikal.ru/i159/1206/5d/a411bec5b892.jpg" alt="The Vampire Diaries" title= "Jeremy Gilbert"></a>
<a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>
<a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>

</div>
     <div id="sm3" class="submenutext">

<b> Жизнь в городе</b>
<br/>
<i>Людишки так суетливы в этом городе, как муравьи в своем муравейнике. Иногда жители натыкаются на вампиров, и их убивают. Так что за последние время, совершенно очень много убийств. Ну, жители, конечно не знают что это вампиры, а думают что это был "агрессивный зверь". Основатели города, пытаются защитить свой город, но, увы, это им плохо дается...</i>

</div>
     <div id="sm4" class="submenutext">

<b>Погода.</b> 
<br/>
<i>Ясное небо на востоке озарилось первыми лучами солнца. Температура постепенно повышается. Со временем с ночных +5°C она увеличится до дневных +15°C. Туман стал рассеиваться и сменяться легкой дымкой. Ветер, дующий теперь с холмов, стал сильнее, но зато не пробирает до костей. Не очень душно. Горы. Зима. Февраль. Утро. Здесь еще темно и солнце пока не показалось из-за горных вершин. Царит сумрак. По сравнению с ночью стало холоднее, хотя температура с -15°C со временем повышсится до -5°C. Ветер стал слабее. Небо ясное, осадков нет.</i>
<br/> 
С уважением синоптики.

</div>

</div>
   </td>
   <td align="center">
    <div id="menu-rig">
<span alt="#sm3" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/RpogodaP.png"/></span>
    </div>
   </td>
</tr>
 </tbody>
</table></center>

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

0

692

карамель` написал(а):

1) Вот —

А чо не по всему периметру кнопки?  o.O

0

693

Rion Leonheart
Не знаю  :D Хотя, те, что справа лучше убрать.

0

694

Rion Leonheart написал(а):

Ссылка на форум в профиле?

а, дад)
http://wcft.mybb.ru/
а, да, дырявая башка, можно без границ?

0

695

Rion Leonheart
Спасибо большое! :)

0

696

Rion Leonheart огромнейшее Вам спасибо и низкий поклон :flirt:

0

697

1. эскиз
http://s1.uploads.ru/i/V/m/W/VmWPj.png
2. вот ссылка на форум
3. фон таблицы прозрачный, на таблице только квадратики для вставки изображений в уменьшеном виде. маленькие таблички по бокам для изображений 100х100 пикс. вторые для изображений 180х180 пикс. квадрат посередине для изображений разных размером. чтобы при наведении можно было увидеть картинку в полный размер) вроде так

0

698

Пост 682 заменяется новым.

http://s1.uploads.ru/i/g/j/x/gjxlK.png

Стиль MyBB RPG

0

699

День добрый Мастера! http://mybb.ru/f/collection/0224.gif  http://forumupload.ru/uploads/0000/14/1c/346394-1.gif
вот мой заказ, если не трудно) http://i008.radikal.ru/0806/c4/39d56aaa7dad.gif
http://s017.radikal.ru/i400/1206/6e/6d70f5d09dd5.png

1. Без линий
2. Что насчет черных квадратов - видно одну картинку, наводишь другая (на всех чтобы) размер картинок 60х60
3. в навигацияe выстроить их, ну чтобы по середине в два столбика
за рание спасыбо http://mybb.ru/f/collection/0211.gif

Отредактировано goodloonely (Чт, 21 Июн 2012 18:08:30)

0

700

Rion Leonheart
Спасибо конечно, :flirt:  но вышло не как я ожидала. Получилось что справа и слева по две кнопки. А я имела ввиду, чтоб слева остались эти четыре кнопки. ( управление, новости, жизнь в городе, погода.)
И слева чтоб были четыре кнопки ( ну там, партнеры, полезные ссылки и прочие)
Можно? :question:

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)