ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

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

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » [Решено]Кольцевой слайдер. Небольишие проблемы с листанием.

[Решено]Кольцевой слайдер. Небольишие проблемы с листанием.

Страница: 1
Тема закрыта

Сообщений 1 страница 10 из 10

1

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

Вот такой вопрос, попробуйте полистать содерживое слайдера. У вас ничего не прыгает? И как опустить кнопочки в серединку, а то сверху они не смотрятся....
http://rhisenndesign.rolka.su/
Код слайдера

Код
Код:
<!--Кольцевой слайдер НАЧАЛО -->
    <center><div id=SL0 style="min-height:220px!important;width:830px;border:none;">
    <style>
    .cont_ainsOO{float:left!important;width:645px;display:none;height:320px!important;overflow:auto;
    background-image: url("http://uploads.ru/i/U/v/e/Uvexu.jpg");-webkit-box-shadow: 0 0 20px #110801;
-moz-box-shadow: 0 0 20px #110801;
box-shadow: 0 0 20px #110801;color:black;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border: margin:0 -2px;border: 3px solid #cfbb8f;opacity:1!important;
    }
    div.Next_,div.Prev_{border:none;padding:0 0 0 2px;white-space:break-word;letter-spacing:6px;float:left;height:220px!important;width:91px!important;cursor:pointer;background:transparent left ;margin:2px!important;margin:-2px -2px 0 -2px!important;}
    div.Next_ span, div.Prev_ span{letter-spacing:0;}
    div.Active.Prev_,div.Active.Next_{background-color:transparent;}
    div.Active.Prev_ span,div.Active.Next_ span{color:#d0c1a2;}
    </style>
    <div  style="height:220px!important;border:none;background-color:transparent!important;">
    <div class="Prev_"><img src="http://uploads.ru/i/Y/u/3/Yu3b8.png"/></div>

        <div class="cont_ainsOO Active" style="display:block;">

<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Новости форума</i></span></center>
<br>Не успели мы открыть свои двери для пользователей, как у нас появились такие замечательные люди, как Олень, кислород и Rhisenn, которые фонтанируют идеями и полезными советами. Так же приветствую нашу новую команду критиков и мастеров, список которых вы можете увидеть на следующем слайде. Не стесняйтесь оставлять свои отзывы о форуме и дизайне, высказывать мысли по улучшению проекта. Мы будем рады любому пользователю, и не оставим без внимания ни одну идею.
<br><br> Ждем ваших предложений для конкурсов и различных мероприятий. Поделиться ими вы можете <a href="http://reviews.rusff.ru/viewtopic.php?id=4#p6"><b>этой</b></a> теме.
<br>Нам срочно требуются <a href="http://reviews.rusff.ru/viewtopic.php?id=4#p6">смотрители</a>.
  </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наши партнеры</i></span></center>
<br><a href="http://thealcatraz.rusff.ru"><img src="http://xmages.net/storage/10/1/0/c/6/upload/7a6e3748.gif"></a><a href="http://illusium.rolbb.ru"><img src="http://savepic.su/31271.gif" width="88" height="31" border="0" alt="Illusium"></a><a href="http://assassin.rusff.ru"><img src="http://xmages.net/storage/10/1/0/1/3/upload/a500daab.gif"></a><a href="http://themorion.ru"><img src="https://forumupload.ru/uploads/000e/08/33/1769-1.gif" alt="Морион. Волки. Вкус победы."></a><a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a><a target="_blank" href="http://premieres.rusff.ru/"><img src="http://i.imgur.com/tGJjL.gif" ></a><a href="http://wtbf.rolka.su/" target="_blank"><img src="http://savepic.net/2575895.gif" alt="Волчья тропа. Между двух огней"></a><a href="http://sims3i2.mybb.ru/" title="Твой мир"<target="blank"><img src="http://uploads.ru/i/1/2/M/12MWF.png"></a><a href="http://illumina.hutt.ru" target="_blank"><img src="http://uploads.ru/i/h/r/g/hrg6J.png" width="88" height="31" title="ИЛЛЮМИНА. Затерянный город. Сверхспособности."></a>
<br><center><span style="font: 18px Palatino Linotype; color:#5592c9"><i>Топы</i></span></center>
<br> <a href="http://forum-top.ru/vote/816" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru" /></a>     
</div>

        <div class="cont_ainsOO">
<style>#tbloo{height:180px;}#tbloo td{border:none;}</style>
<table id=tbloo width=100%><tr valign=top>
        <td width=50%>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Новые обзоры, критика</i></span></center>
<br><center><a href="http://reviews.rusff.ru/viewtopic.php?id=47#p479">"Иллюмина"</a> - обзор от олень.
<p><center><a href="http://reviews.rusff.ru/viewtopic.php?id=51#p602">"the alcatraz. perpetration."</a> - критика от Kano.</p>

</center></td>
<td border=1>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наша команда</i></span>
<p><span style="font: 13px Tahoma; color:black"><b>Критики</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=22">Kano</a>, <a href="http://reviews.rusff.ru/profile.php?id=9">daphne</a> </p>
<p><span style="font: 13px Tahoma; color:black"><b>Смотрители</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=11">олень</a></p>
<p><center><span style="font: 13px Tahoma; color:black"><b>Мастера</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=7">Green Dog</a>, <a href="http://reviews.rusff.ru/profile.php?id=17">Мисс Н.</a>, <a href="http://reviews.rusff.ru/profile.php?id=11">олень</a></p></center>
<p><center><span style="font: 13px Tahoma; color:black"><b>Администраторы</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=2">герр Блэк</a>, <a href="http://reviews.rusff.ru/profile.php?id=4">москва;</a></p>
<p><center><span style="font: 13px Tahoma; color:black"><b>Модераторы</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=14">огонь</a>, <a href="http://reviews.rusff.ru/profile.php?id=18">Rhisenn</a></p></td>
</tr></table>
        </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наши партнеры</i></span></center>
<br><a href="http://thealcatraz.rusff.ru"><img src="http://xmages.net/storage/10/1/0/c/6/upload/7a6e3748.gif"></a><a href="http://illusium.rolbb.ru"><img src="http://savepic.su/31271.gif" width="88" height="31" border="0" alt="Illusium"></a><a href="http://assassin.rusff.ru"><img src="http://xmages.net/storage/10/1/0/1/3/upload/a500daab.gif"></a><a href="http://themorion.ru"><img src="https://forumupload.ru/uploads/000e/08/33/1769-1.gif" alt="Морион. Волки. Вкус победы."></a><a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a><a target="_blank" href="http://premieres.rusff.ru/"><img src="http://i.imgur.com/tGJjL.gif" ></a><a href="http://wtbf.rolka.su/" target="_blank"><img src="http://savepic.net/2575895.gif" alt="Волчья тропа. Между двух огней"></a><a href="http://sims3i2.mybb.ru/" title="Твой мир"<target="blank"><img src="http://uploads.ru/i/1/2/M/12MWF.png"></a><a href="http://illumina.hutt.ru" target="_blank"><img src="http://uploads.ru/i/h/r/g/hrg6J.png" width="88" height="31" title="ИЛЛЮМИНА. Затерянный город. Сверхспособности."></a>
<br><center><span style="font: 18px Palatino Linotype; color:#5592c9"><i>Топы</i></span></center>
<br> <a href="http://forum-top.ru/vote/816" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru" /></a>  
        </div>

<div class="cont_ainsOO">

...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
</div>

    <div class="Next_" style="float:right;"><img src="http://uploads.ru/i/8/j/v/8jvXA.png"/></div>
    <script>
    var contLength=$('#SL0 .cont_ainsOO').length-2;
    $('#SL0 .cont_ainsOO').each(function (i){$(this).attr("alt",i);});
    var Nobysu=true;

    function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
      var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
      if(j==g){j=c;}else{j+=f}
          $(d+" span").toggle('fast').toggle('fast');
          $(b).removeClass("Active");$(d).addClass("Active")
          a.insertBefore("div.Next_.Active");a.insertAfter("div.Prev_.Active");
          a.hide('slow').removeClass("Active")//Свёртываем все предыдущие;
          a=$("#SL0 .cont_ainsOO[alt='"+j+"']").addClass("Active").toggle('slow',function(){Nobysu=true});
    }}
    $(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
    $(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
    </script>
    </div></div></center>
    <!--Кольцевой слайдер Конец-->

Отредактировано Риро (29.11.12 21:19)

0

2

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Rhisenn
    .cont_ainsOO{float:left!important;width:635px;display:none;height:320px!important;overflow:auto;

Это занчение уменьшайте, просто блок не влазит при смене кадра с Вашей широкой кнопкой

Для компенсации ухода правой  кнопки - добавьте такое в сss слайдера

    div.Next_ img{margin-left:-23px}

Отредактировано Deff (04.04.12 23:21)

0

3

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

Deff
я ж ламер, я вообще в шоке, что у меня у самой получилось сделать такое оформление слайдеру, не могли бы вы предоставить готовый код?

0

4

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Rhisenn

Код:
<!--Кольцевой слайдер НАЧАЛО -->
    <center><div id=SL0 style="min-height:220px!important;width:830px;border:none;">
    <style>
     .cont_ainsOO{float:left!important;width:635px;display:none;height:320px!important;overflow:auto;
    background-image: url("http://uploads.ru/i/U/v/e/Uvexu.jpg");-webkit-box-shadow: 0 0 20px #110801;
-moz-box-shadow: 0 0 20px #110801;
box-shadow: 0 0 20px #110801;color:black;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border: margin:0 -2px;border: 3px solid #cfbb8f;opacity:1!important;
    }
    div.Next_,div.Prev_{border:none;padding:0 0 0 2px;white-space:break-word;letter-spacing:6px;float:left;height:220px!important;width:91px!important;cursor:pointer;background:transparent left ;margin:2px!important;margin:-2px -2px 0 -2px!important;}
    div.Next_ span, div.Prev_ span{letter-spacing:0;}
    div.Active.Prev_,div.Active.Next_{background-color:transparent;}
    div.Active.Prev_ span,div.Active.Next_ span{color:#d0c1a2;}
    div.Next_ img{margin-left:-23px}
    </style>
    <div  style="height:220px!important;border:none;background-color:transparent!important;">
    <div class="Prev_"><img src="http://uploads.ru/i/Y/u/3/Yu3b8.png"/></div>

        <div class="cont_ainsOO Active" style="display:block;">

<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Новости форума</i></span></center>
<br>Не успели мы открыть свои двери для пользователей, как у нас появились такие замечательные люди, как Олень, кислород и Rhisenn, которые фонтанируют идеями и полезными советами. Так же приветствую нашу новую команду критиков и мастеров, список которых вы можете увидеть на следующем слайде. Не стесняйтесь оставлять свои отзывы о форуме и дизайне, высказывать мысли по улучшению проекта. Мы будем рады любому пользователю, и не оставим без внимания ни одну идею.
<br><br> Ждем ваших предложений для конкурсов и различных мероприятий. Поделиться ими вы можете <a href="http://reviews.rusff.ru/viewtopic.php?id=4#p6"><b>этой</b></a> теме.
<br>Нам срочно требуются <a href="http://reviews.rusff.ru/viewtopic.php?id=4#p6">смотрители</a>.
  </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наши партнеры</i></span></center>
<br><a href="http://thealcatraz.rusff.ru"><img src="http://xmages.net/storage/10/1/0/c/6/upload/7a6e3748.gif"></a><a href="http://illusium.rolbb.ru"><img src="http://savepic.su/31271.gif" width="88" height="31" border="0" alt="Illusium"></a><a href="http://assassin.rusff.ru"><img src="http://xmages.net/storage/10/1/0/1/3/upload/a500daab.gif"></a><a href="http://themorion.ru"><img src="https://forumupload.ru/uploads/000e/08/33/1769-1.gif" alt="Морион. Волки. Вкус победы."></a><a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a><a target="_blank" href="http://premieres.rusff.ru/"><img src="http://i.imgur.com/tGJjL.gif" ></a><a href="http://wtbf.rolka.su/" target="_blank"><img src="http://savepic.net/2575895.gif" alt="Волчья тропа. Между двух огней"></a><a href="http://sims3i2.mybb.ru/" title="Твой мир"<target="blank"><img src="http://uploads.ru/i/1/2/M/12MWF.png"></a><a href="http://illumina.hutt.ru" target="_blank"><img src="http://uploads.ru/i/h/r/g/hrg6J.png" width="88" height="31" title="ИЛЛЮМИНА. Затерянный город. Сверхспособности."></a>
<br><center><span style="font: 18px Palatino Linotype; color:#5592c9"><i>Топы</i></span></center>
<br> <a href="http://forum-top.ru/vote/816" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru" /></a>     
</div>

        <div class="cont_ainsOO">
<style>#tbloo{height:180px;}#tbloo td{border:none;}</style>
<table id=tbloo width=100%><tr valign=top>
        <td width=50%>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Новые обзоры, критика</i></span></center>
<br><center><a href="http://reviews.rusff.ru/viewtopic.php?id=47#p479">"Иллюмина"</a> - обзор от олень.
<p><center><a href="http://reviews.rusff.ru/viewtopic.php?id=51#p602">"the alcatraz. perpetration."</a> - критика от Kano.</p>

</center></td>
<td border=1>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наша команда</i></span>
<p><span style="font: 13px Tahoma; color:black"><b>Критики</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=22">Kano</a>, <a href="http://reviews.rusff.ru/profile.php?id=9">daphne</a> </p>
<p><span style="font: 13px Tahoma; color:black"><b>Смотрители</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=11">олень</a></p>
<p><center><span style="font: 13px Tahoma; color:black"><b>Мастера</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=7">Green Dog</a>, <a href="http://reviews.rusff.ru/profile.php?id=17">Мисс Н.</a>, <a href="http://reviews.rusff.ru/profile.php?id=11">олень</a></p></center>
<p><center><span style="font: 13px Tahoma; color:black"><b>Администраторы</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=2">герр Блэк</a>, <a href="http://reviews.rusff.ru/profile.php?id=4">москва;</a></p>
<p><center><span style="font: 13px Tahoma; color:black"><b>Модераторы</b></span></p>
<p><a href="http://reviews.rusff.ru/profile.php?id=14">огонь</a>, <a href="http://reviews.rusff.ru/profile.php?id=18">Rhisenn</a></p></td>
</tr></table>
        </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i>Наши партнеры</i></span></center>
<br><a href="http://thealcatraz.rusff.ru"><img src="http://xmages.net/storage/10/1/0/c/6/upload/7a6e3748.gif"></a><a href="http://illusium.rolbb.ru"><img src="http://savepic.su/31271.gif" width="88" height="31" border="0" alt="Illusium"></a><a href="http://assassin.rusff.ru"><img src="http://xmages.net/storage/10/1/0/1/3/upload/a500daab.gif"></a><a href="http://themorion.ru"><img src="https://forumupload.ru/uploads/000e/08/33/1769-1.gif" alt="Морион. Волки. Вкус победы."></a><a href="http://daantebellum.rolka.su/"><img src="http://s001.radikal.ru/i196/1202/aa/cb00e78ac8c5.gif" border="0" width="85" height="31" alt=" Dragon Age: Ante Bellum"></a><a target="_blank" href="http://premieres.rusff.ru/"><img src="http://i.imgur.com/tGJjL.gif" ></a><a href="http://wtbf.rolka.su/" target="_blank"><img src="http://savepic.net/2575895.gif" alt="Волчья тропа. Между двух огней"></a><a href="http://sims3i2.mybb.ru/" title="Твой мир"<target="blank"><img src="http://uploads.ru/i/1/2/M/12MWF.png"></a><a href="http://illumina.hutt.ru" target="_blank"><img src="http://uploads.ru/i/h/r/g/hrg6J.png" width="88" height="31" title="ИЛЛЮМИНА. Затерянный город. Сверхспособности."></a>
<br><center><span style="font: 18px Palatino Linotype; color:#5592c9"><i>Топы</i></span></center>
<br> <a href="http://forum-top.ru/vote/816" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru" /></a>  
        </div>

<div class="cont_ainsOO">

...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
</div>

    <div class="Next_" style="float:right;"><img src="http://uploads.ru/i/8/j/v/8jvXA.png"/></div>
    <script>
    var contLength=$('#SL0 .cont_ainsOO').length-2;
    $('#SL0 .cont_ainsOO').each(function (i){$(this).attr("alt",i);});
    var Nobysu=true;

    function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
      var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
      if(j==g){j=c;}else{j+=f}
          $(d+" span").toggle('fast').toggle('fast');
          $(b).removeClass("Active");$(d).addClass("Active")
          a.insertBefore("div.Next_.Active");a.insertAfter("div.Prev_.Active");
          a.hide('slow').removeClass("Active")//Свёртываем все предыдущие;
          a=$("#SL0 .cont_ainsOO[alt='"+j+"']").addClass("Active").toggle('slow',function(){Nobysu=true});
    }}
    $(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
    $(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
    </script>
    </div></div></center>
    <!--Кольцевой слайдер Конец-->

+1

5

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

Deff
Огромное вам нечеловеческое спасибо.)

0

6

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

М.... Вот только мои кнопки так и остались сверху, а хотелось бы их все же посередине лицезреть.)

0

7

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122
Rhisenn написал(а):

М.... Вот только мои кнопки так и остались сверху,

Добавьте в конец css блока такую строку
    div.Next_ img, div.Prev_ img{margin-top:110px;}

0

8

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

Я явно делаю что-то не так, вот код, суньте куда надо, пожалуйста, ели не затруднит.)

<br><br>
<!--Кольцевой слайдер НАЧАЛО -->
    <center><div id=SL0 style="min-height:220px!important;width:830px;border:none;">
    <style>
     .cont_ainsOO{float:left!important;width:635px;display:none;height:320px!important;overflow:auto;
    background-image: url("http://uploads.ru/i/U/v/e/Uvexu.jpg");-webkit-box-shadow: 0 0 20px #110801;
-moz-box-shadow: 0 0 20px #110801;
box-shadow: 0 0 20px #110801;color:black;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border: margin:0 -2px;border: 3px solid #cfbb8f;opacity:1!important;
    }
    div.Next_,div.Prev_{border:none;padding:0 0 0 2px;white-space:break-word;letter-spacing:6px;float:left;height:220px!important;width:91px!important;cursor:pointer;background:transparent left ;margin:2px!important;margin:-2px -2px 0 -2px!important;}
    div.Next_ span, div.Prev_ span{letter-spacing:0;}
    div.Active.Prev_,div.Active.Next_{background-color:transparent;}
    div.Active.Prev_ span,div.Active.Next_ span{color:#d0c1a2;}
    div.Next_ img{margin-left:-23px}
    </style>
    <div  style="height:220px!important;border:none;background-color:transparent!important;">
    <div class="Prev_"><img src="http://uploads.ru/i/Y/u/3/Yu3b8.png"/></div>

        <div class="cont_ainsOO Active" style="display:block;">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Добро пожаловать в Морион!</b></i></span></center>
<table id=tbloo width=100%><tr valign=top>
        <td width=50%>
<center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Новости форума</b></i></span></center>
<center>
<font color=#006400><b>01.04.2012 16:20</b></font><br>
Наш мир принял решение участвовать в конкурсе ролевых!
<a href="http://themorion.ru/viewtopic.php?id=700#p18616"><strong>Проголосуй за Морион!</strong></a><br>
<font color=#006400><b>01.04.2012 13:00</b></font><br>
Прошу всех пройти в тему
<a href="http://themorion.ru/viewtopic.php?id=33&p=7#p18559"><strong>Обсуждение сюжета.</strong></a>
<br><font color=#006400><b>26.03.2012 19:06</b></font><br>
В Морион пришли новые животные и основали
<a href="http://themorion.ru/viewtopic.php?id=14#p17943"><strong>Прайд львов Южный крест</strong></a> и <a href="http://themorion.ru/viewtopic.php?id=14#p17944"><strong>Стаю гиен Смеющийся череп.</strong></a>
</center></td>
<td border=1>
<center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Очередность постов</b></i></span>
<br/>
<a href="http://themorion.ru/viewtopic.php?id=407&p=3#p16974"><strong>Роща сборов</strong></a> -<font color=#006400><i>Ангел</i></font> (02.03-04.04), <font color=#006400><i>Цертус</i></font> (05.04-07.04)
<br/>
<a href="http://themorion.ru/viewtopic.php?id=437#p18669"><strong>Границы стаи Стального сердца</strong></a> - <font color=#006400><i>Бакалавр</i></font> (02.03-05.04), <font color=#006400><i>Kun</i></font> (06.04-09.04)
<br/>
<a href="http://themorion.ru/viewtopic.php?id=438#p17598"><strong>Зубы Фенрира</strong></a> - <font color=#006400><i>Silver</i></font> (03.03-04.04), <font color=#006400><i>Game Master</i></font> (05.04-06.04)</td>
</tr></table>
<br><center><a href="http://animalforums.mybb.ru/" target="_blank"><img src="https://forumupload.ru/uploads/000c/3f/a4/1218-1.jpg" title="Всё для ФРПГ о животных!" alt="ZooФРИ: поддержка ролевых игр о животных"></a>
<a href="http://designforwolves.rolka.su/" target="_blank"><img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!"></a>
<a href="http://top.roleplay.ru/12709" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x6.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<a href="http://wizardtop.ru/in.php?id=299" target="_blank" title="Волшебный рейтинг игровых сайтов"><img src="http://wizardtop.ru/b/9.gif" border="0" width="88" height="31" alt="Волшебный рейтинг игровых сайтов"></a>
<a href="http://forum-top.ru/vote/380" title="Поддержать форум на Forum-top.ru" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru"></a>
<a href="http://authorsworld.f-rpg.ru" title="The author's world"><img src="http://s1.hostingkartinok.com/uploads/images/2012/01/7ff3a9d79ff1579ef91b40e9d7e59731.jpg"></a>
</center>

  </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Наши партнеры</b></i></span></center>
<br><a href="http://volkludoed.rusff.ru"><img src="http://4put.ru/pictures/max/201/619733.gif"></a>
<a href="http://eightbelowdogs.mybb.ru//"><img border="0" src="http://savepic.net/2130735m.gif" alt="Белый плен"></a>
<a href="http://asgard.rolevaya.ru/"><img src="http://i32.fastpic.ru/big/2011/1203/c0/36651fe0d3ee18cd493189bc06eae4c0.gif"></a>
<a href="http://wolfsshadows.mybb.ru/"><img src="http://uploads.ru/i/l/q/i/lqie5.gif" alt="Волки Призрачного Леса"></a>
<a href="http://dominoes.rolka.su/" target="_blank"><img src="http://s015.radikal.ru/i332/1104/11/96f6d9ca883f.gif" alt="Принцип Домино"></a>
<a href="http://country.mybb.ru/" target="_blank"><img src="http://radikal.ua/data/upload/fb1a9/0fccf/b683fa7410.gif" border="0"></a>
<a target="_blank" href="http://toth.rolka.su/"><img src="http://pictube.ru/images/YRL6.gif" title="Hell in you"></a>
<a href="http://ftunknown.rusff.ru/" title="the vampire diaries l find the unknown" target="_blank"><img src="http://uploads.ru/i/x/y/W/xyWSZ.gif"></a>
<a href="http://thebrothersgrimm.rusff.ru/" target=_blank><img src="http://s2.ipicture.ru/uploads/20120130/jKhWGVyp.gif" border="0" alt="SECRETS OF TEN KINGDOMS"></a>
<a href="http://dogshistory.mybb.ru/" target="_blank"><img src="http://www.10pix.ru/img1/4690/2377994.gif" alt="Town Legend"></a> <a href="http:\\warriorslifeadwenture.spybb.ru" target="_blank"><img src="http://s57.radikal.ru/i158/1107/7e/f4acbd3cfa64.gif" border="0" title="Коты-Воители. Новые Приключения 2"></a>
<a href="http://reviews.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/T/O/C/TOCa7.gif" title=""Пёс" помощь форумам, обзоры, критика" width="88" height="31"></a>
<br/><br/>
<!-- IMAGIART BANNER ROTATION -->
<script type="text/javascript" src="http://desklev.ucoz.com/rtr/1"></script><br/><a href="http://imagiart.ru" target="_blank"><img src="http://uploads.ru/i/i/R/G/iRGpN.jpg"></a>
<!-- IMAGIART BANNER ROTATION -->   
</div>

        <div class="cont_ainsOO">
<style>#tbloo{height:180px;}#tbloo td{border:none;}</style>
<table id=tbloo width=100%><tr valign=top>
        <td width=50%>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Полезные ссылки</b></i></span></center>
<center><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=19#p19">Правила.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=490#p11806">F.A.Q.</a>
<br/><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=11#p11">Краткое описание мира Морион.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=35#p35">Допустимые животные.</a>
<br/><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=14#p14">Описание стай.</a>
<br/><a href="http://themorion.ru/viewforum.php?id=57">Акции.</a>
<br/><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=20#p20">Шаблон анкеты.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=30#p30">Сюжет.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=649#p17128">Для тех, кто хочет играть.</a>
<br/>
<br/><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=17#p17">Список стаи Черных Душ.</a>
<br/><a href="http://tasteofvictory.mybb.ru/viewtopic.php?id=18#p18">Список стаи Стального сердца.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=541">Список стаи Падших.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=672#p17946 ">Список стаи Смеющегося Черепа.</a>
<br/><a href="http://themorion.ru/viewtopic.php?id=673#p17947">Список прайда Южный крест.</a><br/>
</center></td>
<td border=1>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Администраторы</b></i></span>
<br>Gretta - главный администратор. (427013037)
<br><b>Вакантно!</b>
<br><br>
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Модераторы</b></i></span>
<br>Silver - общие разделы, гейм-мастеринг. (569046595)
<br><b>Вакантно!</b>
</tr></table>
        </div>

        <div class="cont_ainsOO">
<br><center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Действия в игре</b></i></span></center>
<center><b>В</b> лагере Черных душ небольшое собрание после встречи с ледяными... Волки зализывают раны и обсуждают произошедшее. Неожиданно появляется три ледяных волка, которые сообщают им о том, что предатели наказаны. А это значит только одно - ледяные должны покинуть Морион и вернуться в свой прежний облик духов-покровителей. Но только одним Черным душам кажется, что это еще не конец?
<b>С</b>тальные, кажется, начинают выбирать себе новых альф, ведь Тристера и Кречет погибли! Но и тут их ожидает сюрприз....
<b>И</b>з лагеря Покровителей выходит группа волков во главе с Рисен. Стая двигается на поиски пропавшего Немого, который уже давно ушел на охоту и не вернулся. Но стаю поджидает неожиданный поворот событий. Странная черная волчица по имени Гретта и черный волк Феролюц уже спасают Немого, более того, Рисен узнает в Гретте свою сестру и в ужасе осознает, что пришла ее смерть. Гретта убивает сестру, теперь на место Покровителей судьбы придут Падшие.
<center><span style="font: 20px Times New Roman; color:#3a250f"><i><b>Дата и погода</b></i></span></center>
<b>В</b> землях Мориона по-прежнему бушуют морозы, холодные ветра прошли, оставив лишь леденящее, пронизывающее любую шерсть спокойствие. 2 апреля, день. </center>
        </div>

<div class="cont_ainsOO">

...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
...Тут контент5<br />
</div>

    <div class="Next_" style="float:right;"><img src="http://uploads.ru/i/8/j/v/8jvXA.png"/></div>
    <script>
    var contLength=$('#SL0 .cont_ainsOO').length-2;
    $('#SL0 .cont_ainsOO').each(function (i){$(this).attr("alt",i);});
    var Nobysu=true;

    function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
      var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
      if(j==g){j=c;}else{j+=f}
          $(d+" span").toggle('fast').toggle('fast');
          $(b).removeClass("Active");$(d).addClass("Active")
          a.insertBefore("div.Next_.Active");a.insertAfter("div.Prev_.Active");
          a.hide('slow').removeClass("Active")//Свёртываем все предыдущие;
          a=$("#SL0 .cont_ainsOO[alt='"+j+"']").addClass("Active").toggle('slow',function(){Nobysu=true});
    }}
    $(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
    $(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
    </script>
    </div></div></center>
    <!--Кольцевой слайдер Конец-->

0

9

  • Автор: Deff
  • Жерар Депардье
  • Deff
  • Уважение: +3482
  • Достижения/подарки: cake 4 emoji_events 4
  • Наградные баллы: 122

Rhisenn
Найдите кусок
    div.Next_ span, div.Prev_ span{letter-spacing:0;}
    div.Active.Prev_,div.Active.Next_{background-color:transparent;}
    div.Active.Prev_ span,div.Active.Next_ span{color:#d0c1a2;}
    div.Next_ img{margin-left:-23px}
    </style>

Всуньте перед тегом закрытия -синим

+1

10

  • Автор: Rhisenn
  • Бестелесный дух прошлого
  • Rhisenn
  • Уважение: +237

Deff
Учитель вы мой яхонтовый.) Спасибо.)

0

Тема закрыта
Страница: 1

Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » [Решено]Кольцевой слайдер. Небольишие проблемы с листанием.