Боковая панель - установка, вопросы, проблемы
Сообщений 281 страница 300 из 412
Поделиться282Сб, 3 Дек 2011 16:01:19
Djeday Выбросите это css дополнение и
Замените весь скрипт вместе с контентом
<!--Боковая панель--> <div id=Inf_block_Left style="display:none"> <!--НАЧАЛО--> <h2>Добро пожаловать</h2> <div align="center">Мы рады приветствовать Вас на форуме <Font size=2 color="red"><b>DjedaySoft</b></font>. У нас есть скрытые разделы, поэтому советуем <a href="http://djeday.forumssity.ru/login.php">войти</a> под своим аккаунтом или пройти несложный процесс <a href="http://djeday.forumssity.ru/register.php">регистрации</a>. Тогда вы сможете полностью почерпнуть возможности нашего ресурса.</div> <h2>Администрация</h2> <div align="center"><Font size=2 color="red"><b>Администраторы:</b></font><br> <a href="http://djeday.forumssity.ru/profile.php?section=avatar&id=2">Djeday</a><br> <img src='http://forumavatars.ru/img/avatars/000f/66/0b/2-1306788558.gif'/><br> <a href="http://djeday.forumssity.ru/profile.php?section=avatar&id=5">Ela</a><br> <img src='http://forumavatars.ru/img/avatars/000f/66/0b/5-1306788211.gif'/><br> <a href="http://djeday.forumssity.ru/profile.php?section=avatar&id=92">GibSOn</a><br> <img src='http://forumavatars.ru/img/avatars/000f/66/0b/92-1307438860.jpg'/><br> <br> <Font size=2 color="green"><b>Модераторы:</b></font><br/> <a href="http://djeday.forumssity.ru/profile.php?section=avatar&id=87">Student</a><br> <img src='http://forumavatars.ru/img/avatars/000f/66/0b/87-1306690344.jpg'/><br> <a href="http://djeday.forumssity.ru/profile.php?section=avatar&id=68">Moxno</a> <br> <img src='http://forumavatars.ru/img/avatars/000f/66/0b/68-1307005189.gif'/> </div><br><br> <h2>Наша лента</h2> <div align="center"> <dl id="RP_v2_radio"><span id="RP_v2_radioPlayer"></span><dt><a href="http://radiopotok.ru/" id="RP_v2_link"><span>Радио онлайн</span></a></dt><dd id="RP_v2_content"></dd></dl> <!-- jQuery уже подключен --> <script type="text/javascript" src="http://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script> <script type="text/javascript" src="http://radiopotok.ru/f/script2/8dc5d2d15df56ab878f2941c5c03f02e.js" charset="UTF-8"></script><br></div> <b><font size=3>Календарь:</font></b><br> <embed src="http://chasikov.net.ru/calendar/flash/1/Basilique.swf" width="150" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed> <br><br> <Font size=2 color="red"><b>Внимание!</b></font><br> Скоро уже новый год. <br> <img src="http://uploads.ru/i/N/E/r/NEra9.png"/> <br>Вы можете поздравить форумчан в следующей теме: <a href="http://djeday.forumssity.ru/viewtopic.php?id=1898">Готовитесь ли вы к новому году?</a><br> <br> <br> <h2>Мы в сети</h2> <Font size=2><b>Наша группа Вконтакте:</b></font> <a href="http://vkontakte.ru/club27462700"><img src='http://uploads.ru/i/Y/r/2/Yr2xs.jpg'/></a> <br><br> <h2>Наш чат</h2> <Font size=2><b>Чат нашего форума:</b></font> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="155" height="305" src="http://www6.cbox.ws/box/?boxid=609547&boxtag=sac3gf&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-609547" style="border:#ababab 1px solid;" id="cboxmain6-609547"></iframe></div> <div><iframe frameborder="0" width="175" height="75" src="http://www6.cbox.ws/box/?boxid=609547&boxtag=sac3gf&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-609547" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-609547"></iframe></div> </div> <!-- END CBOX --><br><br> <h2>Наши партнеры</h2> <Font size=2><b>Партнеры нашего ресурса:</b></font><br> <a target="_blank" href="http://yourelement.rolka.su/"><img src="http://s57.radikal.ru/i158/1106/15/3a3d1e69b28a.jpg" ></a><br> <a href="http://katswarriors.rolevaya.ru/" target="blank"><img src="http://savepic.ru/2690435.gif"></a><br> <a href="http://poinet.ru/" target="_blank"><img src="http://savepic.org/1859321.gif" border="0" alt=" По инету - Форум хакерства, безопасности, программирования" /></a><br> <a href="http://colorforum.ru" target=_blank> <img src="http://forumupload.ru/uploads/000c/77/06/66225-1.gif" border="0" alt="COLOR FORUM"></a><br><br> </div> </div> <script type="text/javascript"> var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith(""); var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith(""); if($(".punbb").attr("id")=="pun-index"){ var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_'; var block2="</div><br><br>"; if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm); for(i=1; i<c.length; i+=2){ LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2; }LeftSUM='<td id=LeftNews width=220px valign=top style="margin:0;padding:2px 2px 1px 1px;border:none transparent 0;">'+LeftSUM+'</td>';/*alert(LeftSUM);*/} if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm); for(i=1; i<c.length; i+=2){ RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2; }RightSUM='<td id=RightNews width=220px valign=top style="margin:0;padding:2px 2px 1px 1px;border:none transparent 0;">'+RightSUM+'</td>';/*alert(RightSUM);*/} if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr valign=top>'+LeftSUM+'<td style="margin:0;padding:2px 2px 1px 1px;border:none transparent 0;">'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };} </script>
Ps: (если какой блок нужно отцентрировать - заключите в теги
<center></center> ( c дивами (<div align=center у Вас ошибки
Отредактировано Deff (Сб, 3 Дек 2011 16:04:12)
Поделиться283Сб, 3 Дек 2011 21:19:24
Djeday Выбросите это css дополнение и
Замените весь скрипт вместе с контентом
Ps: (если какой блок нужно отцентрировать - заключите в теги
<center></center> ( c дивами (<div align=center у Вас ошибки
Спасибо. теперь все нормально. +1
Поделиться284Пт, 9 Дек 2011 07:17:36
Боковая панель - установка, вопросы, проблемы#p709661
а можно пожалуйста один пустой контейнер с левой стороны? я удаляю ненужное, но он весь перестает функционировать
Поделиться286Пт, 9 Дек 2011 09:13:06
а можно пожалуйста один пустой контейнер с левой стороны? я удаляю ненужное, но он весь перестает функционировать
Поставьте - я поправлю
Или проще => Типовые Вопросы п.п.34,п.п.35
Данный Блок с контентом можно отпозиционировать в произвольное место
Отредактировано Deff (Пт, 9 Дек 2011 09:14:52)
Поделиться287Пт, 9 Дек 2011 10:55:51
Поставьте - я поправлю
хорошо)
Поделиться289Пн, 2 Янв 2012 19:30:00
Боковые сайдбары - за пределами полотна форума
С Новым годом! Deff, а можно вот эти боковые сайдбары переделать прозрачными и оставить только анимацию и просто текст? Заранее благодарю....
Поделиться290Вт, 3 Янв 2012 03:58:35
С Новым годом! Deff, а можно вот эти боковые сайдбары переделать прозрачными и оставить только анимацию и просто текст? Заранее благодарю....
Установите как есть - сделайте скриншот - ткните стрелками - что поправить - поправим
Поделиться291Вт, 3 Янв 2012 04:04:13
Мне нужна практически такая же доплнительная колонка, о которой написано в первом посте этой темы, но колонка должна быть: 1) справа, 2) и выглядеть так как я нарисовал на рисунке на схеме:
Скрипты от пользователей пост 534
Поделиться292Пт, 31 Авг 2012 13:13:18
Добрый день. Есть вот такой скрипт выдвижной панели (при клике на кнопку):
<!-- Выдвижная боковая панель --> <style media="screen" type="text/css"> #slideout { z-index: 1; top: 250px; right: 0; position: fixed; width: 250px; min-height: 150px; padding: 12px 0 0 73px; background: url(http://darknight.kzar.ru/my_kindret/line.png) left top no-repeat; border: double 0px none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout_inner { overflow-y: auto; color: #000000; background: #d4d4d4; background-image: url(http://darknight.kzar.ru/my_kindret/table.jpg) border-style: hidden; width: 180px; padding: 15px; max-height: 500px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } #slideout_inner textarea { width: 180px; height: 150px; margin-bottom: 30px; border-style: hidden; } </style> <div id="slideout" onmouseover="this.style.cursor = 'pointer'" onclick="this.style.marginRight = (this.style.marginRight == '-250px' ? '-20px' : '-250px');" style="margin-right: -250px;"><div id="slideout_inner">В грядущую, 4-ю ночь, главы кланов собираются на Совет. Ревенант похищен. Часть кланов переселяется в Северную Столицу, как уже поступили Даханавар. Дарэл, перетянувший в себя дух Основателя, вместе с Лорианом нарываются на Эрнесто в метро. Группа ос под началом асимана отбывает в Ватикан в древнее хранилище артефактов. Фэри привлекает необычная выставка. Московские грейганн подвергаются нападению. Главы же Семье заняты обращением в гемофагов и изучением собственных подземелий.<br /> <font size="1"><i>Продолжение ждите в обновлениях...</i></font> </div> </div> <!-- End -->
Сам форум
Нужно, чтобы кнопка вкладки ("Сюжетные задумки") при уменьшении размеров окна "входила" между телом форума и задним фоном (а то народ с телефонов и нетбуков жалуется, что она перекрывает тело форума). За это отвечает, как понимаю, параметр z-index. Как все это настроить?
А еще не появляется полоса вертикальной прокрутки, если менять масштаб.
Поделиться293Вс, 9 Сен 2012 09:47:24
А можно сделать так чтобы баковая понель была только на вот этой страницы http://forserial.ru/pages/index
И можо ли с этой страницы именно убрать
Вот это:
Привет, Admin. Ваш последний визит: Сегодня 11:52:32. В фонде форума: 19.00 кредитов. Помочь форуму.
» Смотреть сериалы онлайн бесплатно » Главная страница
И в незу вот это:
» Смотреть сериалы онлайн бесплатно » Главная страница
И в самом верху убрать и это:
И все это на странице только на одной:
Новые сообщения | Активные темы | Мои сообщения | Подписка | Все прочитано | RSS
Заранее большое спасибо!
Отредактировано Farming (Пн, 10 Сен 2012 15:21:29)
Поделиться294Пн, 10 Сен 2012 15:20:11
Так я все скрыл что мне надо было, форум под правый блог уменьшил, как мне теперь туда поставить этот самый блог? скажите пожалуйста.
Поделиться295Пн, 29 Окт 2012 13:59:26
Здравствуйте. Усы просят помощи. После использования поиска и самостоятельного химичения, усы столкнулись с проблемой: выдвигающаяся панель не устанавливается слева (а очень надо), а если устанавливается, то не выдвигается. Помогите усам, пожалуйста.
Усы использовали эти коды:
<!-- Выдвижная боковая панель --> <style type="text/css" media="screen"> #slideout { z-index: 200; position: fixed; top: 5px; right: 0; width: 35px; padding: 12px 0; text-align: center; background-image: url(http://i1074.photobucket.com/albums/w412/TanishaAgrawal/0e27a837.jpg); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #slideout_inner { z-index: 200; overflow-y: auto; color: #000000; position: fixed; top: 5px; right: -250px; background-image: url(http://i1074.photobucket.com/albums/w412/TanishaAgrawal/0e27a837.jpg); width: 225px; padding: 15px; max-height: 700px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-align: left; -webkit-border-radius: 0 0 05px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } #slideout_inner textarea { width: 190px; height: 150px; margin-bottom: 6px; } #slideout:hover { right: 250px; } #slideout:hover #slideout_inner { right: 0; } </style>
<div id="slideout"> <img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/89b0180d.png"> <div id="slideout_inner"> <br> <center><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/e56c884a.png"><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/Party.png"><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/cc9bbbe7.jpg"><br></center> <center>Конкурс на самую отвязную вечеринку проходит <a href="http://eldorado.rusff.ru/viewtopic.php?id=461#p14977">здесь.</a></center><center><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/c6d71086.png"><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/5a280b61.jpg"><br>Слушаем музыку, пишем посты и получаем <a href="http://eldorado.rusff.ru/viewtopic.php?id=483#p15861">подарки.</a></center> <center><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/6fda4bce.png"><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/21f80559.jpg"><br>Выбираем лучшего игрока и пост недели <a href="http://eldorado.rusff.ru/viewtopic.php?id=379">в этой теме.</a></center> <center><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/ae2ccdf0.png"><br><img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/45eb6583.jpg"><br>Кто станет следующей жертвой для расспросов? <a href="http://eldorado.rusff.ru/viewtopic.php?id=348#p9589">Голосуй!!!</a></center> </div> </div>
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 680; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .wrapAll('<div id="slideInner"></div>') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'right', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script>
Поделиться296Вт, 20 Ноя 2012 14:10:05
Как это html-низ и верх? Куда эти коды вставлять
Поделиться297Вт, 20 Ноя 2012 14:11:39
Как это html-низ и верх? Куда эти коды вставлять
Поделиться298Вт, 20 Ноя 2012 15:55:30
Romanur
Администрирование - Настройки [ HTML Верх | HTML Низ ]
Поделиться299Чт, 22 Ноя 2012 21:21:13
annoj
Не могу найти это. В админ панели у меня этого нет. Где находится в Администрировании настройки, сделайте пожалуйста скриншот.
Отредактировано Romanur (Чт, 22 Ноя 2012 21:45:38)
Поделиться300Вс, 26 Май 2013 00:34:23
Боковые сайдбары - за пределами полотна форума
можно ли добавить ещё один, дополнительный пункт? и как?