Форум поддержки пользователей ZeroParking

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

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



Заказ таблиц №9

Сообщений 271 страница 300 из 660

271

Leonheart
Еще раз огромное вам спасибо)

0

272

Leonheart
Да

0

273

Exe,

глаза режет кислотно-зеленый  %-)

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

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

.mytbstl {width: 99%; font-family: 'Monotype Corsiva'; color: #000; font-size: 16px!important; border: 1px solid;}
.mytbstl h3 {font-size: 18px; text-transform: uppercase; margin: 5px 0 5px 0; font-weight: bold;}
.mytbstl td {border: 1px solid;}
</style>

<center><table class="mytbstl" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="3">
<marquee style="width: 99%; height: 30px;">

Бегущая строка

</marquee>
</td>
</tr>
<tr style="height: 115px;">
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%;  height: 115px; overflow-y: auto;">

<h3>Новости</h3>

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

</div>
</td>
<td style="width: 33%;" align="center" valign="top" rowspan="2">

<img style="width: 300px; margin: 0 0 -4px 0;" src="http://uploads.ru/i/0/T/e/0Teyd.jpg">

</td>
<td style="width: 33%;" align="center" valign="top">
<div style="width: 100%;  height: 115px; overflow-y: auto;">

<h3>Погода</h3>

текст

</div>
</td>
</tr>
<tr style="height: 115px;">
<td align="center" valign="top">

<h3>Админы</h3>

текст

</td>
<td align="center" valign="top">

<h3>Модеры</h3>

текст

</td>
</tr>
<tr>
<td align="center" colspan="3">
<div style="width: 780px; overflow-x: auto; overflow-y: hidden;">

Баннеры(ставить_без_пробелов_и_переносов_на_новую_строку)

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

0

274

1. Ссылка на форум
kpopstory.rolka.su
2. Эскиз таблицы

Эскиз

http://uploads.ru/i/V/2/B/V2Bwq.png

3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Границы прозрачные, категории должны разворачиваться , когда нажимаешь на категории "News" и т.д. И бегущая строка внизу
4. Форматирование текста
Темно-зеленом, как фон самой ролевой.
5. Картинки для вставки.

0

275

Leonheart
Спасибо наигромнейшее)))

1. Ссылка на форум
http://spninus.rolka.su/
2. Эскиз таблицы
Очень понравилась таблица на вот этом сайте - http://dropofpoison.ru/#panel-2
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
-
4. Форматирование текста
Цвет шрифта золотым или что-то в этом роде)
5. Картинки для вставки.

0

276

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

категории должны разворачиваться , когда нажимаешь на категории "News"

Как именно они должны разворачиваться? Выпадающее контекстное меню?

0

277

Leonheart
Да.

0

278

Joanna Harvelle написал(а):

Очень понравилась таблица на вот этом сайте

Самолистающийся слайдер... у администрации форума код не спрашивали?

0

279

Sauleka,

в html-верх:

Код:
<!-- Стиль объявления -->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {margin-top: -180px;}

.splLink {width: 100px; height: 35px; border: 0px solid #FFD700; text-align: center;}
.splCont {height: auto; width: 260px; background: #fff; padding: 5px; z-index: 1000; margin: 10px 0 0 20px; border: 1px solid #666; text-align: center; 
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

     box-shadow:0px 5px 8px #8B6C52;
    -webkit-box-shadow:0px 5px 8px #8B6C52;
    -khtml-box-shadow:0px 5px 8px #8B6C52;
    -moz-box-shadow:0px 5px 8px #8B6C52;}

#tblmyst {color: #2F500B;}
#tblmyst h3 {font-size: 20px; font-family: 'times new roman'; margin: 5px 0 5px 0;}
</style>
<!-- End -->

в html-низ:

Код:
<!-- Спойлер-контейнер -->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<!-- End -->

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

Код:
<table id="tblmyst" style="width: 100%; height: 600px;" cellpadding="0" cellspacing="0" border="0">
<tr style="height: 60px;">
<td style="width: 30%;" align="center" valign="top" rowspan="3">
<div>

<h3 style="font-size: 24px!important;">АМС</h3>
<br/>
<img style="width: 70px; height: 70px;" src="ссылка">
<br/><br/>
<img style="width: 70px; height: 70px;" src="ссылка">
<img style="width: 70px; height: 70px;" src="ссылка">
<br/><br/>
</div>
<div>

<h3>The Best Player</h3>
<br/>
<img style="width: 70px; height: 70px;" src="ссылка">

<h3>The Best Play</h3>
<br/>
текст текст текст текст

</div>
</td>
<td style="width: 70%;" align="center">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center"><DIV><div class=splLink><h3 style="color: #ff0000!important;">News</h3></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 1

</DIV></DIV></td>
<td style="width: 50%;" align="center"><DIV><div class=splLink><h3>Roleplay</h3></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент 2

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

</td>
</tr>
<tr style="height: 500px;">
<td align="center">

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

</td>
</tr>
<tr style="height: 40px;">
<td align="center">
<marquee style="width: 99%;">

текст бегущей строки

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

Только таблица фиксированного размера. Не резиновая.

+1

280

Leonheart
Огромное спасибо)) ++

0

281

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

Самолистающийся слайдер... у администрации форума код не спрашивали?

Нет( Я даже не сижу на этом сайте(  :shine:

0

282

Joanna Harvelle написал(а):

Нет( Я даже не сижу на этом сайте(

А в гостевой на вопросы они не отвечают?

Позже. Но только каркас, скорее всего.

0

283

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

А в гостевой на вопросы они не отвечают?

Я могу попробовать спросить. Но мне не обязательно, чтобы он сам листался) Или же можно какую-нибудь таблицу в этом стиле? Можно не такую же)

Отредактировано Joanna Harvelle (2012-05-09 14:45:59)

0

284

Joanna Harvelle написал(а):

Или же можно какую-нибудь таблицу в этом стиле?

Есть обычный слайдер - только тогда картинки боковых стрелочек нужны.

0

285

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

Есть обычный слайдер - только тогда картинки боковых стрелочек нужны.

Я сейчас их сделаю)

0

286

Leonheart
В общем пусть пока вот эти, а потом мы если что переделаем на что-то более прикольное))

Левая:
http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png
http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png

Правая:
http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png
http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png

0

287

Joanna Harvelle,

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

Код:
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:700px;
height:263px;
background:transparent url(картинка на фон) no-repeat 0 0;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;}

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

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

#leftControl {
  top:96px;
  left:0;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;}

#rightControl {
  top:96px;
  right:0;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;}

.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center">

<h3>Заголовок 1</h3>

<div>
<style>
.nav {width: 150px;}
.nav a{display: block; color:#fff; background-color: maroon; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;}
.nav a:hover{background-color: #ff0000; font-weight: bold;}
</style>
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center">

<div class="nav">
<a href="ссылка">Название 1</a>
<a href="ссылка">Название 2</a>
<a href="ссылка">Название 3</a>
<a href="ссылка">Название 4</a>
<a href="ссылка">Название 5</a>
</div>

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

<div class="nav">
<a href="ссылка">Название 6</a>
<a href="ссылка">Название 7</a>
<a href="ссылка">Название 8</a>
<a href="ссылка">Название 9</a>
<a href="ссылка">Название 0</a>
</div>

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

</td>
<td style="width: 40%;" align="center">

<img src="ссылка на картинку">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center" valign="top">

<h3>Заголовок 2</h3>

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

</td>
<td style="width: 40%;" align="center">

<img src="ссылка на картинку">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td align="center" colspan="2">

<img src="ссылка на картинку">

</td>
</tr>
<tr>
<td style="width: 30%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 70%;" align="center" valign="top">

<h3>Заголовок 3</h3>

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

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

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

<h3>Заголовок 4</h3>

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

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

В html-низ:

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

Цвета сами подберете уж.

+1

288

Leonheart
Спасибо вам огромное)))))  http://uploads.ru/i/2/v/p/2vpam.png

0

289

Leonheart
*лицорука* Простите пожалуйста, но я не могу разобраться с размерами таблицы( Мне нужно сделать ее немного больше. Ну вот как то вот так:

http://s1.ipicture.ru/uploads/20120510/FUnLC2XW.png

А то она вот какая-то вот такая то получается х) Вот что я только успела сделать:

Код:
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:700px;
height:263px;
background:transparent url(картинка) no-repeat 0 0;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;}

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

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

#leftControl {
  top:96px;
  left:0;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;}

#rightControl {
  top:96px;
  right:0;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;}

.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center">

<h3>Навигация по форуму</h3>

<div>
<style>
.nav {width: 150px;}
.nav a{display: block; color:#FF8C00; background-color: #A0522D; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;}
.nav a:hover{background-color: #FFEFDB; font-weight: bold;}
</style>
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center">

<div class="nav">
<align=center>Для гостей</align>
<br>
<a href="http://spninus.rolka.su/viewtopic.php?id=4">Правила</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=13#p14707">Сюжет</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=12">Гостевая</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=42">FAQ с навигатором</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=5">Занятые внешности</a>
<a href="http://spninus.rolka.su/viewforum.php?id=2">Акции</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=23">Наша реклама</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=197">Заявки на партнерство</a>
</div>

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

<div class="nav">
<align=center>Для игроков</align>
<br>
<a href="http://spninus.rolka.su/viewtopic.php?id=11">Объявление АМС</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=308">Игрок недели</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=14">Отсутствие или уход</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=321">Предложения</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=52#p37477">Акция поиска</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=19">Аватаризация</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=370">Подарки</a>
<a href=http://spninus.rolka.su/viewtopic.php?id=206">ЛК - что это?</a>
<a href=http://spninus.rolka.su/viewtopic.php?id=17">Личное звание</a>
</div>

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

</td>
<td style="width: 40%;" align="center">

<img src="http://s1.ipicture.ru/uploads/20120510/osgkI8fa.png">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center" valign="top">

<h3>Заголовок 2</h3>

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

</td>
<td style="width: 40%;" align="center">

<img src="ссылка на картинку">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td align="center" colspan="2">

<img src="ссылка на картинку">

</td>
</tr>
<tr>
<td style="width: 30%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 70%;" align="center" valign="top">

<h3>Заголовок 3</h3>

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

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

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

<h3>Заголовок 4</h3>

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

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

Как переместить стрелочки, как переместить сами эти навигации - разобралась, а с этим не могу. Помогите плиииииз   http://uploads.ru/i/S/8/h/S8hMH.png

Отредактировано Joanna Harvelle (2012-05-10 19:56:37)

0

290

1. Ссылка на форум
http://stablecowboystimes.rolka.su/
2. Скрин таблицы
http://uploads.ru/t/c/J/T/cJT9l.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Всё отмечено на таблице.
4. Форматирование текста
Comic Sans MS, чёрный, курсив.
5. Картинки для вставки.
На таблице, где написано "картинка".
http://uploads.ru/t/R/r/F/RrFuk.jpg

*** И ещё, если можно, бежевый фон, све-етло, примерно такой--->http://uploads.ru/t/J/G/U/JGUCV.jpg

В фотошопе пишет цвет #EAE6CE

0

291

Joanna Harvelle, я не наблюдаю на вашем форуме слайдера... ссылку на тестовик, или где она у вас стоит...

0

292

И-Эл-ТиШка,

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

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#mytbs {font-family: 'comic sans ms'; color: #000; font-style: italic; background-color: #EAE6CE;}
#mytbs h3{font-weight: bold; font-size: 18px; margin: 5px 0 5px 0;}
</style>

<table id="mytbs" style="width: 100%;" cellpadding="0" cellspacing="0" border="1">
<tr>
<td style="width: 45%;" align="center" valign="top">

<h3>Погода</h3>

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

</td>
<td style="width: 55%;" align="center" valign="top">

<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 1</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 2</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 3</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 4</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 5</a>
</noindex></div>

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

<img style="width: 300px;" src="http://uploads.ru/i/R/r/F/RrFuk.jpg">

</td>
<td align="center" valign="top">
<div style="width: 99%; height: 270px; overflow-y: auto;">

<h3>Новости</h3>

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

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

в html-низ:

Код:
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12';
flashvars.maxFontSize = '19';
flashvars.tcolor = '0x000000';
flashvars.tcolor2 = '0x000000';
flashvars.hicolor = '0x000000';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '300', '190', '9.0.0', false, flashvars, params, attributes);
</script>

+1

293

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

Joanna Harvelle, я не наблюдаю на вашем форуме слайдера... ссылку на тестовик, или где она у вас стоит...

Извините) Вот: http://templates.rolka.su/

0

294

Leonheart
Спасибо) +

0

295

Joanna Harvelle,

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

Код:
	<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:800px;
height:263px;
background:transparent url(картинка) no-repeat 0 0;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:660px;
  height:263px;
  position:relative;}

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

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

#leftControl {
  top:96px;
  left: -40px;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;}

#rightControl {
  top:96px;
  right:-10px;
  background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;}

.slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center" valign="top">

<h3>Навигация по форуму</h3>

<div>
<style>
.nav {width: 150px;}
.nav a{display: block; color:#FF8C00; background-color: #A0522D; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;}
.nav a:hover{background-color: #FFEFDB; font-weight: bold;}
</style>
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center">

<div class="nav">
<align=center>Для гостей</align>
<br>
<a href="http://spninus.rolka.su/viewtopic.php?id=4">Правила</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=13#p14707">Сюжет</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=12">Гостевая</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=42">FAQ с навигатором</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=5">Занятые внешности</a>
<a href="http://spninus.rolka.su/viewforum.php?id=2">Акции</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=23">Наша реклама</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=197">Заявки на партнерство</a>
</div>

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

<div class="nav">
<align=center>Для игроков</align>
<br>
<a href="http://spninus.rolka.su/viewtopic.php?id=11">Объявление АМС</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=308">Игрок недели</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=14">Отсутствие или уход</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=321">Предложения</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=52#p37477">Акция поиска</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=19">Аватаризация</a>
<a href="http://spninus.rolka.su/viewtopic.php?id=370">Подарки</a>
<a href=http://spninus.rolka.su/viewtopic.php?id=206">ЛК - что это?</a>
<a href=http://spninus.rolka.su/viewtopic.php?id=17">Личное звание</a>
</div>

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

</td>
<td style="width: 40%;" align="center">

<img src="http://s1.ipicture.ru/uploads/20120510/osgkI8fa.png">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 60%;" align="center" valign="top">

<h3>Заголовок 2</h3>

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

</td>
<td style="width: 40%;" align="center">

<img src="ссылка на картинку">

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

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

<table style="width: 100%; height: 100%;">
<tr>
<td align="center" colspan="2">

<img src="ссылка на картинку">

</td>
</tr>
<tr>
<td style="width: 30%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 70%;" align="center" valign="top">

<h3>Заголовок 3</h3>

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

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

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

<h3>Заголовок 4</h3>

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

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

И html-низ полностью меняете на тестовике - кусок от старого слайдера там стоял:

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



<script type="text/javascript">
var nrisunok="http://znakomstva.4bb.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld4")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>



<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 980px; top: 700px
}
</style>
<style type="text/css">
.post-content table * {
border: none !important;
}
</style><script type="text/javascript">
if (GroupID==3){
if (document.URL.indexOf("profile.php")!=-1){
document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>Не хорошо лазить по чужим профилям</span></p></div>"
document.getElementById('pun-main').style.display="none"
}}
</script>
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">нажми меня</a>';
	}
}
</script>


<style type="text/css">
.punbb .quote-box, .punbb .code-box {background: urlhttp://uploads.ru/i/j/y/s/jys8A.png);}
</style>

<script><!--Своя картинка или Слово в Панель навигации -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navindex","http://uploads.ru/i/c/A/t/cAtwP.png",   // Форум
  "navuserlist","http://uploads.ru/i/S/0/V/S0Vrh.png",// Участники
  "navsearch","http://uploads.ru/i/f/e/8/fe8dm.png",  // Поиск
  "navprofile","http://uploads.ru/i/Z/G/h/ZGh1S.png", // Профиль
  "navpm","http://uploads.ru/i/U/R/0/UR00s.png",      // Сообщения
  "navadmin","http://uploads.ru/i/7/q/G/7qGc6.png",   // Администрирование
  "navregister","http://uploads.ru/i/W/3/z/W3zw9.png",// Регистрация
  "navlogin","http://uploads.ru/i/c/U/e/cUedT.png",   // Войти
  "navlogout","http://uploads.ru/i/7/B/5/7B5RS.png"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
)

var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>

<script>
$(function(){
<!--
userof="<img src='http://uploads.ru/i/E/0/k/E0kAH.png' >" 
str = document.getElementById("navawards").innerHTML
if( (pos=str.indexOf("Награды")) != -1 )
document.getElementById("navawards").innerHTML=str.substring(0,pos)+userof+str.substring(pos+7,str.length-1)
-->
});
</script>


<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>

<style type="text/css">
li#navawards {display: none;}
</style>

<!-- jquery уже подключен -->
	<script src="http://forumfiles.ru/files/000f/33/e7/88190.js" type="text/javascript"></script>  

	<script type="text/javascript">
    $(document).ready(function() {
    
    	$curtainopen = false;
    
    	$(".rope").click(function(){
        $(this).blur();
        if ($curtainopen == false){ 
        	$(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
        	$(".leftcurtain").stop().animate({width:'60px'}, 2000 );
        	$(".rightcurtain").stop().animate({width:'60px'},2000 );
        	$curtainopen = true;
        }else{
        	$(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
        	$(".leftcurtain").stop().animate({width:'50%'}, 2000 );
        	$(".rightcurtain").stop().animate({width:'51%'}, 2000 );
        	$curtainopen = false;
        }
        return false;
    	});
    	
    });	
	</script>
<script language="JavaScript"> 
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {
document.write("<div id='messanger' class='section' style='position: fixed; right: 40%; top: 35%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #08440c; color: #000; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: green;'>Чтобы прочесть его, нажмите на эту кнопку.</span><br /><br /><br /><a class='mess' onclick=\"window.open(href='/messages.php'); return false\" style='background-color: rgb(125, 158, 112); border-style: none; cursor: pointer; font-size: 20px;' >&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&amp;defaultMedia=1&amp;showPlayButton=false&amp;playOnStart=true'></div>");}
$(function(){$('.mess').click(function(){
$('#messanger').toggle();}); });
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>


























<style>
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    border:1px double #;
    margin:12px;
    padding:12px;
    width:90%;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius1:5px;
    -moz-border-radius:15px;
    -o-border-radius:3px;
    box-shadow: 0px 5px 8px #000;
    -webkit-box-shadow:0px 5px 8px #000;
    -khtml-box-shadow:0px 5px 8px #000;
    -moz-box-shadow:0px 5px 8px #000;
}
</style>





<script type="text/javascript">
$.getScript("http://lab.rusff.ru/j/conf/i/" + BoardID + ".conf.js");
</script>





<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">Пиар вход</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>




<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<link rel="shortcut icon" href="http://s1.ipicture.ru/uploads/20120415/k7RexJfl.png" type="image/x-icon">
<script type="text/javascript">
if(location.href.indexOf('viewtopic')!=-1) {
var field = 'fld1';
var diff = 0;
var default_name = 'Баллы за игру';
var ul = $("#pun-main div.post div.post-author ul");
for(var i =0;i < ul.length;i++){
    var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/Сообщений: /,""))*diff
    if(!$(ul[i]).find("li.pa-"+field).length) {
    $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>');
    }
    else {
    $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts))
    }
}
}
</script>
<script type="text/javascript">
function awardsOpen(str)
{
var awardsn = new Array();

awardsn["igrok"] = new Array("Игрок недели", "http://uploads.ru/i/Z/N/F/ZNF2O.png", "Поздравляем со званием игрока недели! Молодец, продолжай в том же духе!)")
awardsn["snami"] = new Array("Участнику форума", "http://uploads.ru/i/8/W/V/8WVTJ.png", "Спасибо за то, что ты с нами!")
awardsn["pr"] = new Array("Пиарщику форума", "http://uploads.ru/i/m/E/A/mEAGk.png", "Спасибо за помощь с рекламой!")
awardsn["flood"] = new Array("Активному флудильщику", "http://uploads.ru/i/P/n/B/PnBGJ.png", "Флуд это сердце любого форума, продолжай флудить и дальше")
awardsn["moder"] = new Array("Лучший модератор", "http://www.iconsearch.ru/uploads/iconlib/linspireclear/128x128/filesystems/trashcan_empty.png", "За модераторскую помощь")
awardsn["helper"] = new Array("Помощник месяца", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/khelpcenter.png", "Неоценимая помощь форуму")
awardsn["money"] = new Array("Банкир форума", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/actions/db_add.png", "За материальную помощь форуму")



str = str.split(",")
if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)}
var msg = new String("");
msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" /><title>Награды пользователя</title>"
msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>"
msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">"
msg+="<table class=\"container\"><tr><th width=\"25%\">Название</th><th width=\"25%\">Иконка</th><th>Текст</th></tr>";
for(i=0;i<str.length;i++){
	msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>";
}
msg+="</table>";
msg+="</div></div></body></html>";
popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1")
popup.document.write(msg)
popup.document.close()
return false
}
var li = document.getElementsByTagName("li");
for(z=0;z<li.length;z++){
if(li[z].className=="pa-fld3"){
nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2)
nag1 = nag.split(",");
nag1 = nag1.length;
li[z].innerHTML = "Награды: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать награды пользователя\">"+nag1+"</a>"
}
}
</script>

+1

296

Leonheart
Спасибо вам огромное *____*

0

297

1. http://animalplanet2012.0pk.ru
2. http://uploads.ru/i/t/X/O/tXOnx.png
3. -
4. -
5. -

Размер форума смотреть на тестовике: http://egos.mybb.ru/

Отредактировано J.E.V.T. (2012-05-11 23:17:54)

0

298

1. Ссылка на форум

theavengers.rolka.su

2. Эскиз таблицы

http://s019.radikal.ru/i610/1205/5f/bcb8fe52d916.jpg

3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.

Плеер, две бегущих строки, одна с банерами - внизу, другая обычная - вверху.

Код:
<br><center><embed src="http://player.myspace-player.com/swf/hb2b614chabcac0oa741c382e3cb055d/lcd30.swf" menu="false" quality="high" width="270" height="104" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http%3A%2F%2Fplayer.myspace-player.com%2Fswf%2Fhb2b614chabcac0oa741c382e3cb055d%2Fmp3player.xml" wmode="transparent"></embed></center><center><a href="http://www.myspace-player.com/"><small>Get Your Own Player!</small></a></center><br><br>

4. Форматирование текста

Заголовки если можно выделите жирным шрифтом,  а также шрифт Palatino Linotype

5. Картинки для вставки.

http://s019.radikal.ru/i606/1205/2b/71af9d4958d1.jpg

0

299

1. Ссылка на форум
http://wildwarrios.rolka.su/
2. Эскиз таблицы
http://i028.radikal.ru/1205/0b/cbf4ecd25ceb.jpg
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Чат.
4. Форматирование текста
5. Картинки для вставки.
http://s019.radikal.ru/i624/1205/8c/b3fa9ab0edab.jpg

0

300

J.E.V.T., резина в объявление, видимо:

Код:
<style type="text/css">
#pun-announcement h2 {display: none}
</style>

<center><div style="width: 90%; border: 2px solid; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;">
<div style="width: 97%; height: 150px; overflow-y: auto; margin: 10px;">

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

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

+1



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC