Боковая панель - установка, вопросы, проблемы
Сообщений 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://upforme.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
Боковые сайдбары - за пределами полотна форума
можно ли добавить ещё один, дополнительный пункт? и как?
Похожие темы
| Sidebar (боковая панель) для форума | Корзина | Сб, 5 Июн 2010 |
| Общие вопросы по оформлению (23) | Корзина | Вс, 29 Авг 2010 |
| Общие вопросы по оформлению (19) | Корзина | Вс, 11 Апр 2010 |
| Парочка вопросов | Корзина | Ср, 15 Июн 2011 |
| Общие вопросы по оформлению (41) | Корзина | Сб, 10 Мар 2012 |


