Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Как сделать несколько панелей с разными настройками ? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Как сделать несколько панелей с разными настройками ? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами 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

Перейти вниз

Как сделать несколько панелей с разными настройками ? Empty Как сделать несколько панелей с разными настройками ?

Сообщение автор Сказочник Зазеркалья Март 28th 2013, 03:22

Приветик. girl_yes

Плиз помогите сделать две и более боковых панелей с разными настройками, как в этой теме: https://help.forum2x2.ru/t29875-topic smile

Мне бы хотелось чтобы на форуме было 5 таких панелей, но с разными настройками внешнего вида. :88:

Сама разобраться так и не смогла, так как мои попытки увенчались крахом, поэтому прошу помощи у более профессиональных специалистов. wink

Заранее спасибо. d_daisy


Последний раз редактировалось: Кардинал Мишель Картер (Март 28th 2013, 16:28), всего редактировалось 1 раз(а)
Сказочник Зазеркалья
Сказочник Зазеркалья
 

Мужчина

Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733

Без предупреждений

Вернуться к началу Перейти вниз

Как сделать несколько панелей с разными настройками ? Empty Re: Как сделать несколько панелей с разными настройками ?

Сообщение автор Домовой Март 28th 2013, 07:36

такие панельки в паре работают не адекватно.
Могу предложить как у меня на форуме
Таких можно приляпать сколь угодно
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

Вернуться к началу Перейти вниз

Как сделать несколько панелей с разными настройками ? Empty Re: Как сделать несколько панелей с разными настройками ?

Сообщение автор Сказочник Зазеркалья Март 28th 2013, 13:56

Домовой пишет:такие панельки в паре работают не адекватно.
Могу предложить как у меня на форуме
Таких можно приляпать сколь угодно

Если как у вас можно будет много сделать панелей, то это хорошо. Домовой плиз подскажите где и что нужно сделать. smile
Сказочник Зазеркалья
Сказочник Зазеркалья
 

Мужчина

Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733

Без предупреждений

Вернуться к началу Перейти вниз

Как сделать несколько панелей с разными настройками ? Empty Re: Как сделать несколько панелей с разными настройками ?

Сообщение автор Домовой Март 28th 2013, 16:21

на примере пять штук.
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>
<!--конец пятого блока-->
в CSS

Код:
/*оформление первого блока*/
.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

Без предупреждений

Вернуться к началу Перейти вниз

Как сделать несколько панелей с разными настройками ? Empty Re: Как сделать несколько панелей с разными настройками ?

Сообщение автор Сказочник Зазеркалья Март 28th 2013, 16:27

Домовой пишет:на примере пять штук.
http://domovoy.forumy2x2.ru/

в шаблон
Спойлер:

Домовой огромное вам спасибо!!! yahoo 26 38
Сейчас буду крутить настройки. 39
Темку можно закрывать. thank
Сказочник Зазеркалья
Сказочник Зазеркалья
 

Мужчина

Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733

Без предупреждений

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения