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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Генератор подарков
автор Леший Сегодня в 3:13

» Убрать значок
автор Леший Чт 17 Авг - 14:45

» Свечение для группы а не для юзера
автор Kuzbas63 Чт 17 Авг - 11:31

» Оформить имя
автор Kuzbas63 Чт 17 Авг - 11:29

» Красивый путь по сайту
автор Kuzbas63 Чт 17 Авг - 9:35

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 16:21

» Как сократить расстояние
автор Lory Ср 16 Авг - 12:42

» Искрящийся ник у групп
автор Kuzbas63 Ср 16 Авг - 10:53

» Как отредактировать цвет на кнопках
автор Lory Ср 16 Авг - 2:28

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 23:59

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Кнопки-закладки с информацией

Предыдущая тема Следующая тема Перейти вниз

Кнопки-закладки с информацией

Сообщение автор Sanjana Singh в Пт 20 Июл - 22:27

Доброго времени суток.
Хочу вместо бокового виджета на форуме поставить под шапку кнопки-закладки, при нажатии на которые отображается указанная информация.
Вот как здесь:
Спойлер:



Как этого добиться? Заранее спасибо)
avatar
Sanjana Singh
 

Женщина

Сообщения : 33
Регистрация : 2010-01-03
Благодарности : 0

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

http://newhog.forum2x2.ru/

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

Re: Кнопки-закладки с информацией

Сообщение автор Sanjana Singh в Вс 22 Июл - 11:10

Помощь все еще нужна)
avatar
Sanjana Singh
 

Женщина

Сообщения : 33
Регистрация : 2010-01-03
Благодарности : 0

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

http://newhog.forum2x2.ru/

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

Re: Кнопки-закладки с информацией

Сообщение автор Dana Domirani в Вс 22 Июл - 13:01




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22421
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

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

http://poltergeist-legacy.com/

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

Re: Кнопки-закладки с информацией

Сообщение автор Домовой в Вс 22 Июл - 13:12

или можно такой вариант

Представляет из себя кнопки, при клике на которые открывается окно с содержимым

ПА - Модули - Управление кодами Javascript
Активируйте модуль если он не активипован.
Создайте новый Javascript
Название * : на ваше усмотрение
Расположение: В оглавлении
Код Javascript * :
Код:
jQuery(document).ready(function(){
 jQuery('.splLink').click(function(){
 jQuery(this).parent().children('div.splCont').toggle('normal');
 return false;
 });
 });
ОК.

В CSS вставьте

div.splLink {
width: 130px;
height: 20px;
border: 2px solid #A0522D;
background: #FFFACD;
text-align: center;
font-family: Times New Roman;
font-size: 15px; padding: 3px;
}
.spll {
width: 130px;
height: 70px;
}
.spll div.splCont {
height: auto;
width: auto;
background: url(http://tps.bbmy.ru/uploads/0003/83/96/1556-1.png);
padding: 5px;
z-index: 1000;
margin-top: 5px;
border: 1px dotted #CD853F;
font-size: 14px;
font-family: Times New Roman;
text-align: center;
}
ширина кнопки
высота кнопки
фон кнопки
фон выплывающего окна

Далее в Приветствие на главной вставьте само меню
<center>
<table style="width: 80%">
<tr>
<td>
<div class="spll">
<div class="splLink">Контейнер 1</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 1
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 2</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 2
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 3</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 3
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 4</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 4
</div>

</div>
</td>
<td>
<div class="spll">
<div class="splLink">Контейнер 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Содержимое 5
</div>

</div>
</td>
</tr>
</table>
</center>
Вместо Контейнер 1 пишем текст который будет отображаться на кнопе. Тек же можно вставить картинку кодом
Код:
<img src=" адрес картинки ">
Вместо Содержимое 1 соответственно вставляем содержимое выплывающего окна

Результат временно можно увидеть ЗДЕСЬ
avatar
Домовой
 

Мужчина

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

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

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

Re: Кнопки-закладки с информацией

Сообщение автор Sanjana Singh в Вс 22 Июл - 13:23

Спасибки, обязательно попробую оба варианта и посмотрю, что больше подойдет)
avatar
Sanjana Singh
 

Женщина

Сообщения : 33
Регистрация : 2010-01-03
Благодарности : 0

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

http://newhog.forum2x2.ru/

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

Предыдущая тема Следующая тема Вернуться к началу


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