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

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

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

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

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

Правила форума
для обязательного прочтения!

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

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

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

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

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

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

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

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

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

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

Ссылки на полезные ресурсы
Последние темы
» ВПН
автор Danny_Marcelo Сегодня в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

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

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

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

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

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

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

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

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Как убрать прямоугольники со ссылками при наведении на картинку?

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

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами

Перейти вниз

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 18th 2012, 19:46

При наведение на картинку высвечивается ссылка в прямоугольнике,как ее убрать?
Спойлер:


Последний раз редактировалось: Denchi (Октябрь 20th 2012, 16:36), всего редактировалось 1 раз(а)
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Виктория-blonde Октябрь 18th 2012, 20:42

Вы на днях ставили какие-нибудь коды?
Виктория-blonde
Виктория-blonde
 

Женщина

Сообщения : 154
Возраст : 21
Регистрация : 2012-05-02
Благодарности : 7

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

http://baku-gan.2x2forum.ru/forum

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 18th 2012, 20:45

Ну вроде бы да.
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Виктория-blonde Октябрь 18th 2012, 21:02

скрипты к чему?(они могли повлиять и на это)
Виктория-blonde
Виктория-blonde
 

Женщина

Сообщения : 154
Возраст : 21
Регистрация : 2012-05-02
Благодарности : 7

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

http://baku-gan.2x2forum.ru/forum

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 18th 2012, 21:34

Скрипт к переносу менюшки наверх.
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Luz Октябрь 19th 2012, 12:27

Здравствуйте,

в ПА - Оформление - Приветствие на главной странице в коде вашего слайдера , в блоке, соответствующем вкладке "Помощь новичкам" уберите из кода каждой ссылки на картинку

Код:
alt="" /


Как убрать прямоугольники со ссылками при наведении на картинку? Userba12

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

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

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

Luz
Luz
Администратор
Администратор

Женщина

Сообщения : 16626
Возраст : 50
Регистрация : 2005-03-01
Благодарности : 2646

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

https://help.forum2x2.ru

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 19th 2012, 13:13

Сделал как сказали,но все равно результат то же
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Luz Октябрь 19th 2012, 13:42

Да, я вижу, это не имело особенного смысла 41

Вы знаете, на уровне html я не вижу никаких ошибок,
лучше всего будет, если кто-то из наших экспертов проверит CSS и код JS


Как убрать прямоугольники со ссылками при наведении на картинку? Userba12

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

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

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

Luz
Luz
Администратор
Администратор

Женщина

Сообщения : 16626
Возраст : 50
Регистрация : 2005-03-01
Благодарности : 2646

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

https://help.forum2x2.ru

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 19th 2012, 14:30

Хорошо.
Коды Javascript:Первый код
Код:
$(document).ready(function(){
    $('#one').liteAccordion({
                  onActivate : function() {
                      this.find('figcaption').fadeOut();
                  },
                  slideCallback : function() {
                      this.find('figcaption').fadeIn();
                  },
                  autoPlay : true,
                  pauseOnHover : true,
                  theme : 'dark',
                  rounded : true,
                  enumerateSlides : true           
            }).find('figcaption:first').show();
    });
Второй код:
Код:
/*************************************************
    *
    *  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);
Само размещение аккордеона на главной
Код:
<div id="one" class="accordion">
    <ol>
        <li>
            <h2><span>Новости мира шиноби</span></h2>
          <div id="s1"></div>
        </li>
        <li>
            <h2><span>Сюжетные продвижения</span></h2>
            <div id="s3"><a href="ссылка" class="postlink" target="_blank" rel="nofollow"><img src="картинка"
border="0" alt="" /></a></div>
        </li>
        <li>
            <h2><span>Акции</span></h2>
                <div id="s4"><a href="http://www.worldofshinobi.ru/t739-topic" class="postlink"
target="_blank" rel="nofollow"><img src="http://i33.servimg.com/u/f33/17/83/37/51/ndddd-11.png "
border="0" alt="" /></a><a href="http://worldofshinobi.mirbb.com/t4-topic" class="postlink" target="_blank" rel="nofollow"><img src="http://www.snapsnap.ru/i/1sjs.png"
border="0" alt="" /></a></div>             
        </li>
        <li>
            <h2><span>Помощь новичкам </span></h2>
            <div id="s2"><a href="http://worldofshinobi.mirbb.com/t133-topic" class="postlink" rel="nofollow"><img src="http://www.snapsnap.ru/i/lhllhl.png"
border="0"></a><a href="http://worldofshinobi.mirbb.com/t8-topic" class="postlink" target="_blank" rel="nofollow"><img src="http://www.snapsnap.ru/i/wosfaq.png"
border="0"></a><a href="http://worldofshinobi.mirbb.com/t464-topic" class="postlink" target="_blank" rel="nofollow"><img src="http://www.snapsnap.ru/i/wosroli.png"
border="0"></a></div>
        </li>
        <li>
            <h2><span>Карта мира</span></h2>
            <div id="s5"></div>
            <div></div>
        </li>
    </ol>
    <noscript>
        <p>Please enable JavaScript to get the full experience.</p>
    </noscript>
</div>
И CSS
Код:
.accordion {
  text-align:left;
  font:'Helvetica Neue', Verdana, Arial, sans-serif;
}
.accordion ol {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.accordion li > h2 {
  color: black;
  font-weight: normal;
  margin: 0;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  -ms-transform: translateX(-100%) rotate(-90deg);
  -ms-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
 
/****************************************** Basic */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
 
/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #353535; color: white; }
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }
 
/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 
/***************************************** Light */
/**************************************** Stitch */

#s1 {
 background:url("http://s019.radikal.ru/i628/1210/82/7885ef2fd9de.png") no-repeat #030303;
}
#s2 {
 background:url("http://s019.radikal.ru/i628/1210/82/7885ef2fd9de.png") no-repeat #030303;
}
#s3 {
 background:url("http://s019.radikal.ru/i628/1210/82/7885ef2fd9de.png") no-repeat #030303;
}
#s4 {
 background:url("http://s019.radikal.ru/i628/1210/82/7885ef2fd9de.png") no-repeat #030303;
}
#s5 {
 background:url("http://i.imm.io/qqii.jpeg") no-repeat #030303;
}
Вот вроде и всё
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Dana Domirani Октябрь 19th 2012, 20:29

Найдите в CSS строку, которая задает ссылкам при наведении светлый фон:
Код:
.postlink:hover {
    background-color: #D0E4F6;
}
и удалите

Если ее нет, тогда добавьте в самый конец:
Код:
.postlink:hover {
    background-color: transparent !important;
}


Как убрать прямоугольники со ссылками при наведении на картинку? Userba12

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

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

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

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

Женщина

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

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

http://poltergeist-legacy.com/

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

Как убрать прямоугольники со ссылками при наведении на картинку? Empty Re: Как убрать прямоугольники со ссылками при наведении на картинку?

Сообщение автор Denchi Октябрь 19th 2012, 21:16

Спасибо,всё получилось smile
Denchi
Denchi
Новичок

Мужчина

Сообщения : 23
Регистрация : 2012-10-03
Благодарности : 0

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

http://test145600707.forum2x2.ru/

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

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

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

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами

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