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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Реклама для админов появилась
автор IceQueen Август 13th 2019, 16:50

» Форум 2x2 недоступен в гугл хроме
автор Сказочник Зазеркалья Август 10th 2019, 17:40

» Google map
автор Dana Domirani Август 10th 2019, 05:08

» Нижняя часть сообщения AwesomeBB
автор Aselial Август 3rd 2019, 16:47

» Цвет информации в настройках профиля AwesomeBB
автор Aselial Август 3rd 2019, 16:37

» Цвет поля Пользователи AwesomeBB
автор Aselial Август 3rd 2019, 16:31

» Не могу войти в ПА
автор эмма Август 2nd 2019, 05:04

» Как добавить рамку на блок с контентом?
автор Aselial Июль 31st 2019, 15:55

» Фоновое изображение верхней части страницы.
автор Aselial Июль 31st 2019, 12:07

» Трансфер домена в форумный сервис
автор Dana Domirani Июль 22nd 2019, 17:48

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Панель, выдвигающаяся слева

Перейти вниз

Панель, выдвигающаяся слева Empty Панель, выдвигающаяся слева

Сообщение автор moresol в Сентябрь 29th 2011, 22:14

Подскажите, как можно сделать выезжающую панельку, навроде этой

http://radical-foto.ru/fp/d49045a717be9927162a3ef5
moresol
moresol
 

Женщина

Сообщения : 257
Регистрация : 2010-12-12
Благодарности : 4

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

http://mnenie.forumotion.com

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

Панель, выдвигающаяся слева Empty Панель, выдвигающаяся слева

Сообщение автор Dana Domirani в Сентябрь 29th 2011, 22:19

Могу предложить такой вариант: поставьте в виджет на главной странице

Код:
<!-- Начало настройки оформления панели слева -->

<style type="text/css">
#leftpanel:hover { /* изменение отступа слева при наведении */
margin-left: 250px;
}

/* общие настройки для ярлыка и содержимого Боковой панели*/
#leftpanel, #leftpanel .filling{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
background-color:#F0F0F0; /* цвет фона панели */
box-shadow: 0px 5px 5px #626262; /* тень панели */
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}

/* ярлык Боковая панель */
#leftpanel {
height:140px; /* высота */
width:230px; /* ширина */
position:fixed;
z-index:1200;
top:8px;
left:-190px; /* ширина, на которую она спрятана за левый край экрана*/
margin-left: 0px;
background:#F0F0F0 url(http://i33.servimg.com/u/f33/17/37/83/89/image011.png) center right no-repeat; /* кнопка с текстом боковое меню */
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
}

/* содержимое Боковой панели */
#leftpanel .filling {
padding:12px;
height: 400px; /* высота */
width:100%;
margin:-1px 0 0 -70px;
}

#patch2 {
position:absolute;
height:140px; /* высота должна быть равна высоте ярлыка */
width:11px;
background-color:#F0F0F0;
margin: -11px 0 0 234px;
}
</style>

<!-- Конец настройки оформления панели слева -->

<!-- Начало кода панели слева -->
<div id="leftpanel"><div class="filling"><div id="patch2"></div><div id="inr">

<!-- начало содержания -->
Тут любой ваш контент: ссылки, меню и т.д.
<!-- конец содержания -->

</div></div>

<!-- Конец кода панели слева -->

Панель, выдвигающаяся слева Image_39

Панель, выдвигающаяся слева Image_40


Панель, выдвигающаяся слева Userba12

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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


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