Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор VENEFICA. Сегодня в 12:22
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Как сделать несколько панелей с разными настройками ?
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Как сделать несколько панелей с разными настройками ?
Приветик.
Плиз помогите сделать две и более боковых панелей с разными настройками, как в этой теме: https://help.forum2x2.ru/t29875-topic
Мне бы хотелось чтобы на форуме было 5 таких панелей, но с разными настройками внешнего вида.
Сама разобраться так и не смогла, так как мои попытки увенчались крахом, поэтому прошу помощи у более профессиональных специалистов.
Заранее спасибо.
Плиз помогите сделать две и более боковых панелей с разными настройками, как в этой теме: https://help.forum2x2.ru/t29875-topic
Мне бы хотелось чтобы на форуме было 5 таких панелей, но с разными настройками внешнего вида.
Сама разобраться так и не смогла, так как мои попытки увенчались крахом, поэтому прошу помощи у более профессиональных специалистов.
Заранее спасибо.
Последний раз редактировалось: Кардинал Мишель Картер (Март 28th 2013, 16:28), всего редактировалось 1 раз(а)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как сделать несколько панелей с разными настройками ?
такие панельки в паре работают не адекватно.
Могу предложить как у меня на форуме
Таких можно приляпать сколь угодно
Могу предложить как у меня на форуме
Таких можно приляпать сколь угодно
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать несколько панелей с разными настройками ?
Домовой пишет:такие панельки в паре работают не адекватно.
Могу предложить как у меня на форуме
Таких можно приляпать сколь угодно
Если как у вас можно будет много сделать панелей, то это хорошо. Домовой плиз подскажите где и что нужно сделать.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как сделать несколько панелей с разными настройками ?
на примере пять штук.
http://domovoy.forumy2x2.ru/
в шаблон
http://domovoy.forumy2x2.ru/
в шаблон
- Код:
<!--первый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.onebutton').click(function(){
jQuery(this).parent().children('div.oneCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_1-->
<div class="one" style="position:fixed; left: 2px; top:100px;"><div class="onebutton"><img src="ссылка на кнопку первого блока" title="Панель 1" alt=""></div><div style="display: none; position: absolute;" class="oneCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец первого блока-->
<!--второй блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.twobutton').click(function(){
jQuery(this).parent().children('div.twoCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_2-->
<div class="two" style="position:fixed; left: 2px; top:150px;"><div class="twobutton"><img src="ссылка на кнопку второго блока" title="Панель 2" alt=""></div><div style="display: none; position: absolute;" class="twoCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец второго блока-->
<!--третий блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.threebutton').click(function(){
jQuery(this).parent().children('div.threeCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_3-->
<div class="three" style="position:fixed; left: 2px; top:200px;">
<div class="threebutton"><img src="ссылка на кнопку третьего блока" border="0" title="Панель 3" />
</div>
<div style="display: none; position: absolute;" class="threeCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец третьего блока-->
<!--четвёртый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.fourbutton').click(function(){
jQuery(this).parent().children('div.fourCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_4-->
<div class="four" style="position:fixed; left: 2px; top:250px;">
<div class="fourbutton"><img src="ссылка на кнопку четвёртого блока" border="0" title="Панель 4" />
</div>
<div style="display: none; position: absolute;" class="fourCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец четвёртого блока-->
<!--пятый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.fivebutton').click(function(){
jQuery(this).parent().children('div.fiveCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_5-->
<div class="five" style="position:fixed; left: 2px; top:300px;">
<div class="fivebutton"><img src="ссылка на кнопку пятого блока" border="0" title="Панель 5" />
</div>
<div style="display: none; position: absolute;" class="fiveCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец пятого блока-->
- Код:
/*оформление первого блока*/
.one {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
.one div.oneCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#fff !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление второго блока*/
.two {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
.two div.twoCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#FFA500 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление третьего блока*/
.three {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.three div.threeCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#6495ED !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление четвёртого блока*/
.four {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.four div.fourCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#32CD32 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление пятого блока*/
.five {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.five div.fiveCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#FA8072 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Как сделать несколько панелей с разными настройками ?
Домовой пишет:на примере пять штук.
http://domovoy.forumy2x2.ru/
в шаблон
- Спойлер:
в CSS
- Код:
<!--первый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.onebutton').click(function(){
jQuery(this).parent().children('div.oneCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_1-->
<div class="one" style="position:fixed; left: 2px; top:100px;"><div class="onebutton"><img src="ссылка на кнопку первого блока" title="Панель 1" alt=""></div><div style="display: none; position: absolute;" class="oneCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец первого блока-->
<!--второй блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.twobutton').click(function(){
jQuery(this).parent().children('div.twoCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_2-->
<div class="two" style="position:fixed; left: 2px; top:150px;"><div class="twobutton"><img src="ссылка на кнопку второго блока" title="Панель 2" alt=""></div><div style="display: none; position: absolute;" class="twoCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец второго блока-->
<!--третий блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.threebutton').click(function(){
jQuery(this).parent().children('div.threeCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_3-->
<div class="three" style="position:fixed; left: 2px; top:200px;">
<div class="threebutton"><img src="ссылка на кнопку третьего блока" border="0" title="Панель 3" />
</div>
<div style="display: none; position: absolute;" class="threeCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец третьего блока-->
<!--четвёртый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.fourbutton').click(function(){
jQuery(this).parent().children('div.fourCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_4-->
<div class="four" style="position:fixed; left: 2px; top:250px;">
<div class="fourbutton"><img src="ссылка на кнопку четвёртого блока" border="0" title="Панель 4" />
</div>
<div style="display: none; position: absolute;" class="fourCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец четвёртого блока-->
<!--пятый блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.fivebutton').click(function(){
jQuery(this).parent().children('div.fiveCont').toggle('normal');
return false;
});
});
</script>
<!--блок с содержимым_5-->
<div class="five" style="position:fixed; left: 2px; top:300px;">
<div class="fivebutton"><img src="ссылка на кнопку пятого блока" border="0" title="Панель 5" />
</div>
<div style="display: none; position: absolute;" class="fiveCont">
СОДЕРЖИМОЕ
</div></div>
<!--конец пятого блока-->
- Код:
/*оформление первого блока*/
.one {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
.one div.oneCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#fff !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление второго блока*/
.two {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
.two div.twoCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#FFA500 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление третьего блока*/
.three {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.three div.threeCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#6495ED !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление четвёртого блока*/
.four {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.four div.fourCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#32CD32 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
/*оформление пятого блока*/
.five {
position:relative;
width:40px; /*ширина кнопки*/
height:40px; /*высота кнопки*/
}
/*блок с содержимым*/
.five div.fiveCont {
position:absolute;
width:350px !important; /*ширина блока с содержимым*/
height:200px !important; /*высотаблока с содержимым*/
background-color:#FA8072 !important; /*фон окна*/
z-index:999;
margin-top:5px; /*отступ окна от кнопки*/
margin-left:1px; /*отступ окна от левого края*/
border:1px solid #0000FF; /*толщина, стиль и цвет рамки окна*/
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:5px;
}
Домовой огромное вам спасибо!!!
Сейчас буду крутить настройки.
Темку можно закрывать.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Похожие темы
» Как сделать так чтобы несколько счетчиков...?
» Как сделать несколько званий одновременно?
» Как сделать несколько баннеров в футере форума (друг за другом)?
» Как сделать несколько модераторов для под-форума
» Как сделать несколько званий для пользователя?
» Как сделать несколько званий одновременно?
» Как сделать несколько баннеров в футере форума (друг за другом)?
» Как сделать несколько модераторов для под-форума
» Как сделать несколько званий для пользователя?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения