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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

Последние темы
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Вчера в 19:52

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23

» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14

» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

Объявление под шапкой

Участников: 3

Перейти вниз

Объявление под шапкой Empty Объявление под шапкой

Сообщение автор BossKOSS Июль 9th 2014, 14:46

Подскажите, пожалуйста, как сделать такое же объявление (если это оно) с такими же разделами, которые открываются по клику.
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор IceQueen Июль 9th 2014, 16:33

Откройте раздел "Готовые решения" (клик!) и найдите там ссылку на тему "Аккордеон из слайдов (с картинками и/или текстом) на главной странице [универсал]"



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
IceQueen
IceQueen
Помощник
Помощник

Женщина

Сообщения : 1432
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 613

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

https://help.forum2x2.ru/

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор BossKOSS Июль 9th 2014, 22:35

IceQueen, не знал, что его зовут аккордеон, спасибо 13 
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор BossKOSS Июль 9th 2014, 23:03

IceQueen, а как мне изменить ширину этого "аккордеона", а то он вылез у меня за пределы форума?
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор Tinna Июль 9th 2014, 23:18

BossKOSS, в коде
Код:
 /*************************************************
    *
    *  project:    liteAccordion - horizontal accordion plugin for jQuery
    *  author:    Nicola Hibbert
    *  url:        http://nicolahibbert.com/horizontal-accordion-jquery-plugin
    *  demo:        http://www.nicolahibbert.com/demo/liteAccordion
    *
    *  Version:    1.1.3
    *  Copyright:    (c) 2010-2011 Nicola Hibbert
    *
    /*************************************************/
    (function($) {
      
      $.fn.liteAccordion = function(options) {
                
          // defaults
          var defaults = {
            containerWidth : 960,
            containerHeight : 320,
            headerWidth : 48,
            
            firstSlide : 1,
            onActivate : function() {},
            slideSpeed : 800,
            slideCallback : function() {},        
            
            autoPlay : false,
            pauseOnHover : false,
            cycleSpeed : 6000,

            theme : 'basic', // basic, light*, dark, stitch*
            rounded : false,
            enumerateSlides : false
          },
          
          // merge defaults with options in new settings object            
            settings = $.extend({}, defaults, options),
      
          // define key variables
            $accordion = this,
            $slides = $accordion.find('li'),
            slideLen = $slides.length,
            slideWidth = settings.containerWidth - (slideLen * settings.headerWidth),
            $header = $slides.children('h2'),
            
          // core utility and animation methods
            utils = {
                getGroup : function(pos, index) {      
                  if (this.offsetLeft === pos.left) {
                      return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth });
                  } else if (this.offsetLeft === pos.right) {
                      return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) });  
                  }                
                },
                nextSlide : function(slideIndex) {
                  var slide = slideIndex + 1 || settings.firstSlide;

                  // get index of next slide
                  return function() {
                      return slide++ % slideLen;
                  }
                },
                play : function(slideIndex) {
                  var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure
                      start = function() {
                        $header.eq(getNext()).click();
                      };
                  
                  utils.playing = setInterval(start, settings.cycleSpeed);        
                },
                pause : function() {
                  clearInterval(utils.playing);
                },
                playing : 0,
                sentinel : false
            };      
          
          // set container heights, widths, theme & corner style
          $accordion
            .height(settings.containerHeight)
            .width(settings.containerWidth)
            .addClass(settings.theme)
            .addClass(settings.rounded && 'rounded');
          
          // set tab width, height and selected class
          $header
            .width(settings.containerHeight)
            .height(settings.headerWidth)
            .eq(settings.firstSlide - 1).addClass('selected');
          
          // ie :(
          if ($.browser.msie) {
            if ($.browser.version.substr(0,1) > 8) {
                $header.css('filter', 'none');
            } else if ($.browser.version.substr(0,1) < 7) {
                return false;
            }
          }
          
          // set initial positions for each slide
          $header.each(function(index) {
            var $this = $(this),
                left = index * settings.headerWidth;
                
            if (index >= settings.firstSlide) left += slideWidth;
            
            $this
                .css('left', left)
                .next()
                  .width(slideWidth)
                  .css({ left : left, paddingLeft : settings.headerWidth });
            
            // add number to bottom of tab
            settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');        

          });  
                
          // bind event handler for activating slides
          $header.click(function(e) {
            var $this = $(this),
                index = $header.index($this),
                $next = $this.next(),
                pos = {
                  left : index * settings.headerWidth,
                  right : index * settings.headerWidth + slideWidth,
                  newPos : 0
                },
                $group = utils.getGroup.call(this, pos, index);
                            
            // set animation direction
            if (this.offsetLeft === pos.left) {
                pos.newPos = slideWidth;
            } else if (this.offsetLeft === pos.right) {
                pos.newPos = -slideWidth;
            }
            
            // check if animation in progress
            if (!$header.is(':animated')) {

                // activate onclick callback with slide div as context      
                if (e.originalEvent) {
                  if (utils.sentinel === this) return false;
                  settings.onActivate.call($next);
                  utils.sentinel = this;
                } else {
                  settings.onActivate.call($next);
                  utils.sentinel = false;
                }

                // remove, then add selected class
                $header.removeClass('selected').filter($this).addClass('selected');
            
                // get group of tabs & animate        
                $group
                  .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) })
                  .next()
                  .animate({ left : '+=' + pos.newPos }, settings.slideSpeed);
                      
            }
          });
            
          // pause on hover        
          if (settings.pauseOnHover) {
            $accordion.hover(function() {
                utils.pause();
            }, function() {
                utils.play($header.index($header.filter('.selected')));
            });
          }
                
          // start autoplay, call utils with no args = start from firstSlide
          settings.autoPlay && utils.play();
          
          return $accordion;
          
      };
      
    })(jQuery);
есть строчка containerWidth : 960, вот там заменить на нужную)
Tinna
Tinna
 

Женщина

Сообщения : 331
Возраст : 105
Регистрация : 2014-02-12
Благодарности : 128

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

http://shatika.gta-ru.com/

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор BossKOSS Июль 10th 2014, 12:55

Tinna, а я искал ее в css  13 
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор BossKOSS Июль 10th 2014, 20:01

А как убрать номера слайдов? Случайно не тут?
settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор Tinna Июль 10th 2014, 20:43

BossKOSS, не знаю правильно ли но есть вариант
в ксс найти строчку
Код:
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
и замени ее на
Код:
.dark li > h2 b {display: none;}
Tinna
Tinna
 

Женщина

Сообщения : 331
Возраст : 105
Регистрация : 2014-02-12
Благодарности : 128

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

http://shatika.gta-ru.com/

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

Объявление под шапкой Empty Re: Объявление под шапкой

Сообщение автор BossKOSS Июль 11th 2014, 21:47

Tinna, правильно  13 
BossKOSS
BossKOSS
Новичок

Мужчина

Сообщения : 14
Возраст : 29
Регистрация : 2014-06-10
Благодарности : 0

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

http://project-s4.forum2x2.ru

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

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

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

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