Таблица на заказ

Поделиться117.07.2013 17:32

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Заявки оставляем в этой теме по шаблону ниже. Все поля обязательны для заполнения. В случае отсутствия каких либо параметров в первоначальной заявке, работа переделываться и подгоняться не будет
Шаблон:
1. Рисунком, схема (в любом редакторе) или пример таблицы
2. Ссылка на форум, где будет установлена таблица. Или ширина таблицы в пикселях
3. Ваши пожелания к общему виду. Названия шрифтов, начертание (наклонный, жирный и т.д.) Толщина и вид границ таблицы, цвета полей и т.д. и т.п.
4. Ссылки на необходимую для таблицы графики.

Код:

[b]1. [/b]Рисунком, схема (в любом редакторе) или пример таблицы
[b]2. [/b]Ссылка на форум, где будет установлена таблица. Или ширина таблицы в пикселях
[b]3. [/b]Ваши пожелания к общему виду. Названия шрифтов, начертание (наклонный, жирный и т.д.) Толщина и вид границ таблицы, цвета полей и т.д. и т.п.
[b]4. [/b]Ссылки на необходимую для таблицы графики.

следите за тем, чтобы ссылки были кликабельные!!

0

Поделиться230.07.2013 23:46

Автор: Owl
Участник
Зарегистрирован: 30.07.2013
Приглашений: 0
Сообщений: 13
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 12 минут
Последний визит:
25.08.2013 18:27

1. Таблица слайдер (пример: http://tvdbelieve.ru/)
2. http://marbaden.mybb.ru/
3. Прозрачный фон (в плане, чтобы он не отличался от фона самого диза)
4. http://s3.uploads.ru/wqgSB.png (стрелочки)

Отредактировано Owl (30.07.2013 23:47)

0

Поделиться331.07.2013 20:33

Автор: Deino
Новичок
Зарегистрирован: 29.07.2013
Приглашений: 0
Сообщений: 6
Уважение: [+0/-0]
Позитив: [+2/-0]
Пол: Женский
Возраст: 33 [1991-11-16]
Провел на форуме:
1 час 11 минут
Последний визит:
23.04.2014 09:50

Пожалуйста подскажите, как мне сверстать такую таблицу, как на макете ниже? Я уже мучаюсь несколько часов, пролемы со слайдером, бегущей строкой баннеров(она убегает вверх) и не могу установить фон для таблицы.
вот мой макет

вот ссылка на форум
http://deino.rolka.su/

вот код, который стоит в объявлении

Код:

<table><tr><td width=300></td><td width=300><td width=300></td></tr><td width=300><br><div align=justify>
<br><br>
<br><center><b>администраторы</b></center>
<center><a href="http://miami.rolebb.com/profile.php?id=3" title="Veronica Kaur" target="blank"><img src="http://s5.uploads.ru/yIw52.jpg"></a> <a href="http://miami.rolebb.com/profile.php?id=6" title="Emma Crawford" target="blank"><img src="http://s4.uploads.ru/xgQI8.jpg"></a></center>
<br>
<center><b>модераторы</b></center>
<center><a href="http://miami.rolebb.com/profile.php?id=8" title="Bonny Miller" target="blank"><img src="http://s5.uploads.ru/m1NKS.jpg"></a> <a href="http://miami.rolebb.com/" title="может ты?" target="blank"><img src="http://s4.uploads.ru/XluQ8.png"></a> <a
href="http://miami.rolebb.com/" title="может ты?" target="blank"><img src="http://s4.uploads.ru/XluQ8.png"></a> </center>
<br>
<br>
<center><b>топы</b></center>
<center>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20988&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20988' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=20988' width='1' height='1' border='0'><a href='http://top.roleplay.ru/20988' target='_top'><img src='http://img.rpgtop.su/88x31x11x1.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=11908' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=11908&today_hits=1&today_hosts=1&total_hosts=1&cid=green.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=11908&today_hits=1&today_hosts=1&total_hosts=1&cid=green.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>

 </center></div></td>

<td width=300>
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:290px;
height:300px;
background:transparent url() no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:290px;
  height:300px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:270px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:300px;
}
.control {
  display:block;
  width:19px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://s4.uploads.ru/4cTmC.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://s5.uploads.ru/7ZV6I.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:right;
  margin:0 15px;
}
</style>
<div id="slideshow" style="color:#f2ead8;">
    <div id="slidesContainer">
      <div class="slide">
<b><center>Здравствуй гость!</center></b>
<br>
<center>Спешу обрадовать тебя. <br>Мы открылись! <br>Наш проект будет рад <br>любому персонажу, не <br>зависимо от сексуальной <br>ориентации и профессий. <br>Мы ждем Тебя! </center>
<br>
<br>
<b><center>в р е м я</center></b>
<center>В игре сейчас 2013 год. </center>
<br><center> Майами - город мечта! <br>Здесь сбываются самые <br>заветные желания. Солнце, <br>Атлантический океан, множество <br>пляжей... <br>Майами - рай для вас!</center><br>
</font>
      </div>
<div class="slide">
Второй
      </div>
<div class="slide" style="background-image: url();">
Третий
      </div>
<div class="slide">
Четвертый
      </div>
<div class="slide" style="background-image: url();">
Пятый
      </div>
</div></div><!--End// Cлайдер-->

<marquee  scrollAmount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="340" height="20"> 
<br><br><br>
баннеры-баннеры-баннеры
</marquee>

</div></td>
<br>


<td width=200><br><div align=justify>
<br>

<div style="padding: 6px; background: #080808; opacity: 0.8; -moz-border-radius: 0px 0px 0em 0em;width: 190px; margin: -1px 0px 0px 1px;">
<center><a href="http://miami.rolebb.com/viewtopic.php?id=1#p101" class="sbla">Гостевая книга</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewtopic.php?id=3" class="sbla">Правила</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewtopic.php?id=2" class="sbla">FAQ</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewforum.php?id=18" class="sbla">Акции</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewtopic.php?id=4" class="sbla">Занятые внешности</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewforum.php?id=2" class="sbla">Нужные и шаблон анкеты</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewforum.php?id=15" class="sbla">Реклама</a></center>
<br>
<center><a href="http://miami.rolebb.com/viewforum.php?id=14" class="sbla">Партнерство</a></center> 
<br>
<center><a href="http://miami.rolebb.com/viewtopic.php?id=9" class="sbla">Объявления администрации</a></center>  
</div>
<br><br>
</td></tr></table>

для навигатора и слайдера есть еще часть кода в цсс цветах (навигатор) и хтмл низ (слайдер)
вот они

хтмл-низ:

код

Код:

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

цсс цвета:

код

Код:

a.sbla:link, a.sbla:visited {border-left: #454545 4px solid; display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px; background: #121212; color: #454545; text-align: left; padding: 2px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease; border-left: #491d58 12px solid; display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #161616; text-decoration: none; color: #454545; text-align: center; padding: 2px 2px 2px 20px;
}

0

Поделиться431.07.2013 20:49

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Owl
Deino
сейчас займемся =)

0

Поделиться531.07.2013 22:41

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Owl
вам наполнение таблицы нужно как на образце или сами заполните и нужен только код слайдера?

0

Поделиться631.07.2013 23:29

Автор: Owl
Участник
Зарегистрирован: 30.07.2013
Приглашений: 0
Сообщений: 13
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 12 минут
Последний визит:
25.08.2013 18:27

Ленин
Наполню сама, нужен только подогнанный код.
Заранее спасибо)

0

Поделиться701.08.2013 00:07

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Deino
В НТМЛ верх

+1

Поделиться801.08.2013 00:15

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Owl
В НТМЛ-верх

0

Поделиться901.08.2013 15:10

Автор: Owl
Участник
Зарегистрирован: 30.07.2013
Приглашений: 0
Сообщений: 13
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 12 минут
Последний визит:
25.08.2013 18:27

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

скрин

Может я, что-то не так сделала?

0

Поделиться1001.08.2013 21:56

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

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

но она не светится

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

0

Поделиться1103.08.2013 21:41

Автор: Deino
Новичок
Зарегистрирован: 29.07.2013
Приглашений: 0
Сообщений: 6
Уважение: [+0/-0]
Позитив: [+2/-0]
Пол: Женский
Возраст: 33 [1991-11-16]
Провел на форуме:
1 час 11 минут
Последний визит:
23.04.2014 09:50

Ленин, огромное спасибо, все работает, вот только такая проблема, у меня навигация заехала на таблицу, это можно исправить?

0

Поделиться1203.08.2013 21:50

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Deino
замените код объявления на этот

+1

Поделиться1303.08.2013 21:54

Автор: Deino
Новичок
Зарегистрирован: 29.07.2013
Приглашений: 0
Сообщений: 6
Уважение: [+0/-0]
Позитив: [+2/-0]
Пол: Женский
Возраст: 33 [1991-11-16]
Провел на форуме:
1 час 11 минут
Последний визит:
23.04.2014 09:50

Ленин, еще раз спасибо вам огромное!

0

Поделиться1409.08.2013 19:23

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

А вот и я наконец-то добралась сюда
Хотелось бы заказать для начала одну табличку, ну а дальше как пойдет
~~Я с разрабатываемого сайта, писала на лиле~~
1. Рисунком, схема (в любом редакторе) или пример таблицы

2. Ссылка на форум, где будет установлена таблица. Или ширина таблицы в пикселях
ширина 750, высота 250
3. Ваши пожелания к общему виду. Названия шрифтов, начертание (наклонный, жирный и т.д.) Толщина и вид границ таблицы, цвета полей и т.д. и т.п.
шрифт стандартный, т е тот, что прописывается в стилях форума. На месте вкладок (В игре, админы, лучшие и т д) должны быть картинки. Таблица без заднего фото, изображения активистов, амс (квадратные на скрине) размером 75х75, изображения победителя конкурса и лучшего поста 200х75. Во вкладке важно только текст, остальное видно на скринах
4. Ссылки на необходимую для таблицы графики.
графику могу вставить сама, ее размер я написала

0

Поделиться1509.08.2013 20:15

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Terra
окей принято

0

Поделиться1613.08.2013 17:58

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

1. Рисунком, схема (в любом редакторе) или пример таблицы

2. Ссылка на форум, где будет установлена таблица. Или ширина таблицы в пикселях
ширина 800, высота 250
3. Ваши пожелания к общему виду. Названия шрифтов, начертание (наклонный, жирный и т.д.) Толщина и вид границ таблицы, цвета полей и т.д. и т.п.
шрифт стандартный, т е тот, что прописывается в стилях форума.
всего в таблице три колонки, первая- самая широкая, 500px, остальные две по 150. Размер изображений везде прописан, внизу, где баннеры, бегущая строка. Все остальное видно на схеме
4. Ссылки на необходимую для таблицы графики.
графику могу вставить сама, ее размер я написала

0

Поделиться1713.08.2013 23:24

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

0

Поделиться1814.08.2013 11:13

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

Ленин
не работает
выглядит так

0

Поделиться1914.08.2013 12:43

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Terra
~~окей, сейчас посмотрим~~

Проверяйте исправленный код

0

Поделиться2014.08.2013 13:58

Автор: .dela
Участник
Зарегистрирован: 14.08.2013
Приглашений: 0
Сообщений: 21
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 час 1 минуту
Последний визит:
14.08.2013 21:21

1. http://s4.uploads.ru/vQOiY.png
2. http://hardcorina.rusff.me/ - пробник, то бишь именно с этим дизайном и будет стоять таблица
3. все колонки - одинаковые по ширине, средняя - сладер [всего планируется три слайда], границ не должно быть видно, таблица прозрачная.
4. графика будет вставлена самолично, нужен лишь скелет

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

объявление

Код:

<div id="pun-announcement" class="section">
<div class="container">
    <div class="html-box">
    <table  border="0" ><td align=center width=30%>
<img src="http://s4.uploads.ru/t/HIt0g.png">
<a href="http://misfits.rolfor.ru/profile.php?id=3" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=54" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=3" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=54" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>


<br>

<br><img src=" http://s4.uploads.ru/t/VanWh.png"></center>
<br>
ТОПЫ
<center><a href="http://none/18234" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.--.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href='http://wizardtop.ru/in.php?id=1680' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/2.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a> 
<br><b>КЛИКАЕМ КАЖДЫЙ ДЕНЬ!</b></center>
</td>
<td   width="370px" >

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:400px;
height:180px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:196px;
  height:180px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:176px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y: no; /* поддержка прокрутки */
  height:180px;
  text-align: center;}

.control {
  display:block;
  width:102px;
  height:25px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:87px;
  left:0;
  background:transparent url(http://s5.uploads.ru/t/cjJsl.png) no-repeat 0 0;}

#rightControl {
  top:87px;
  right:0;
  background:transparent url(http://s5.uploads.ru/t/pVMs1.png) no-repeat 0 0;}
</style>

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

<center><img src="http://s4.uploads.ru/t/mGxuy.png"></center><br/><br/>

<img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><br>
<br/><br/><br/>

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

<img src="http://s4.uploads.ru/t/0ihjo.png">
<br>
<img src="http://s5.uploads.ru/kvOfo.jpg">
<br>

</div>
<div class="slide">
<img src="http://s5.uploads.ru/t/hDFyb.png">
<br>
<img src="http://s5.uploads.ru/kvOfo.jpg">
<br>
</div>
</div>
</div><!--End// Cлайдер-->


</td><td>
<center><img src="http://s4.uploads.ru/t/zOibM.png"></center>
<center><br><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>-- Navigation --</option>
  <option value="ссылка "><small>Гостевая</small></option>
<option value=" ссылка "><small> Правила</small></option>
<option value=" ссылка "><small>Сюжет</small></option>
<option value=" ссылка "><small>Внешности</small></option>
<option value=" ссылка "><small>Способности</small></option>
<option value=" ссылка на подфорум "><small> Акции </small></option>
</select>
<br></form>
</center>
<p align="justify"><font style=" font-family: arial; font-size: 11px; line-height: 7.5px; padding: -1px;">
<br>
<b>Дата и время: </b> 2012 год. 30 мая 10:00 – 15:00<br>
<b>Погода в Лондоне: </b>температура +25°C, тепло решило баловать нас, исключая любые осадки<br>
<b>Действия в игре: </b><br><center> ...............  </center><br></p>
</div>


<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center>...

</center>
</div>
</td></tr>

</table>

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

html вверх

Код:

<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

html низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 196;
  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. Заранее благодарю.

0

Поделиться2114.08.2013 15:23

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

Ленин
возникло пару вопросов

Можно ли расстояние между В игре, Админы и т д больше вставить?
Кнопка 1, 2, 3 и т д должны идти в один столбец и не просто кнопками, как сейчас, а с цветом ( как здесь http://ladreams.quadrobb.ru/)
Во вкладке админы текст должен стоять именно напротив изображения, а не под ним, как сейчас

во вкладке Лучшие все съехало в право, нельзя ли там разграничить две колонки по ширине?
А вкладки полезные ссылки вообще не предусмотрено

0

Поделиться2214.08.2013 16:58

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

.dela

Проверяйте код

0

Поделиться2314.08.2013 17:00

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

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

Кнопка 1, 2, 3 и т д должны идти в один столбец и не просто кнопками, как сейчас, а с цветом ( как здесь http://ladreams.quadrobb.ru/)

вы мне цвет скажите, код я вставила соответствующий, а стиль не стала прописывать ибо данных не было ~~или я не увидела~~
Остальное исправлю

0

Поделиться2414.08.2013 17:19

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

Ленин написал(а):

вы мне цвет скажите, код я вставила соответствующий, а стиль не стала прописывать ибо данных не было или я не увидела

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

0

Поделиться2514.08.2013 17:39

Автор: Ленин
Администратор
Зарегистрирован: 11.11.2012
Приглашений: 0
Сообщений: 1201
Уважение: [+6/-0]
Позитив: [+1/-0]
Провел на форуме:
3 дня 14 часов
Последний визит:
16.06.2016 22:34

Terra
а там код есть, просто цвет вставляете в структуру и получаете желаемый результат )))

Код

+1

Поделиться2616.08.2013 16:19

Автор: Terra
Активный участник
Зарегистрирован: 08.08.2013
Приглашений: 0
Сообщений: 48
Уважение: [+0/-0]
Позитив: [+2/-0]
Провел на форуме:
2 часа 51 минуту
Последний визит:
14.09.2013 20:45

Ленин
расстояние между названиями вкладок так и не увеличилось, они по прежнему налипают друг на друга
вкладка полезные ссылки еще стоит, уберите ее, она не нужна
а в лучших все так же осталось

Нельзя ли в этой вкладке сделать две колонки, как на скрине было?
первая, где говороны и постоманы ширину 500, а где победители 300 или сколько там остается