Главная Форум Поиск Пользователи Регистрация Добрый день, Гость Вход


Главная


Форум torrenpier который уже живет
это сообщество владельцев форумов на phphBB2, торрент-трекеров на движках torrentpier и SVN всех версий.
Здесь можно найти решение своих проблем на своем сайта.
Здесь можно скачать полезные и нужные моды torrenpier, phpBB2 и svn.
Наш форум - это место для общения и обмена опытом между любителей движков, создателей модов на заказ и владельцев сайтов!
Профиль пользователя на главной / TableSlideOut  
Начать новую тему   Ответить на тему    Главная -> Оформление
Автор Сообщение
monster27
Зарегистрирован: 2010-12-29
Сообщ.: 540
Сообщение 19-Мар-11 21:08 #1  
Открытие / закрытие блока пользователя с помощью эффекта "слайд"
pic
pic
сайт с примером: http://krumax.org

Установка:
Открыть файл
Код:
overal_header.tpl (0.35) или page_header.tpl (1.xx)

Найти:
Код:
<script type="text/javascript" src="misc/js/jquery.pack.js"></script>

Добавить после:
Код:
<script type="text/javascript" src="misc/js/tabslideout.js"></script>
<script type="text/javascript">
$(function(){
  $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',          //класс элемента вкладки
            pathToTabImage: '../images/profile_tab.png',  //путь к изображению "обязательно"
            imageHeight: '150px',          //высота изображения "обязательно"
            imageWidth: '28px',          //ширина изображения "обязательно"
            tabLocation: 'right',          //сторона на которой будет вкладка top, right, bottom, или left
            speed: 300,              //скорость анимации
            action: 'click',            //опции=: 'click' или 'hover', анимация при нажатии или наведении
            topPos: '35px',            //расположение от верхнего края/ использовать если tabLocation = left или right
            leftPos: '20px',            //расположение от левого края/ использовать если tabLocation = bottom или top
            fixedPosition: false          //опции: true сделает данную вкладку неподвижной при скролле
        });

});
</script>


добавить в удобное для вас место следующий код:
Код:
<style type="text/css" media="screen">
  .slide-out-div { width: 350px; height: 150px; background: url(../images/profile.png) no-repeat; }
</style>

<!-- Slide_user_box -->
<div class="slide-out-div">
  <a class="handle" href="#" title="Панель пользователя"></a>
  <div>
    Сюда помещаем ваш блок пользователя.
  </div>
</div>
<!-- end Slide_user_box -->


Скопировать картинки в папку стиля
Код:
(templates/default/images)(1.xx) или (templates/subSilver/images)(0.35)

Код:
Скопировать tabslideout.js в папку misc/js/
Источник


Последний раз редактировалось: monster27 (20-Мар-11 00:39), всего редактировалось 4 раз(а)
Вернуться к началу
    
monster27
Зарегистрирован: 2010-12-29
Сообщ.: 540
Сообщение 20-Мар-11 00:02 #2  
Установил мод согласно инструкции написаной мной. обновил файлы в аттаче, по ошибке загрузил другие.

а PheRum нужно почитать о позицирование, прежде чем писать бред про код.
Вернуться к началу
    
Заголовок новой темы
Форум для новой темы
 
Страница 1 из 1
Показать сообщения:   
Начать новую тему   Ответить на тему    Главная -> Оформление Часовой пояс: GMT + 4

 

Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на torrentpier-download.ru обязательна!

sitemap     карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках



Powered by phpBB © 2001, 2011 phpBB Group
| ©2011-2024 - Воронеж |


Нравится