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

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


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

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

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


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

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

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

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

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

Сообщение автор Denchi в Чт 18 Окт - 19:46

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


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

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

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

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

Женщина

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

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

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

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

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

Сообщение автор Denchi в Чт 18 Окт - 20:45

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

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

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

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

Женщина

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

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

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

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

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

Сообщение автор Denchi в Чт 18 Окт - 21:34

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

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

Сообщение автор Luz в Пт 19 Окт - 12:27

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

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

Код:
alt="" /



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


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


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


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

Женщина

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

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

http://help.forum2x2.ru

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

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

Сообщение автор Denchi в Пт 19 Окт - 13:13

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

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

Сообщение автор Luz в Пт 19 Окт - 13:42

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

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



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


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


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


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

Женщина

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

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

http://help.forum2x2.ru

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

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

Сообщение автор Denchi в Пт 19 Окт - 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;
}
Вот вроде и всё
avatar
Denchi
Новичок

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

Сообщение автор Dana Domirani в Пт 19 Окт - 20:29

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

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



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Denchi в Пт 19 Окт - 21:16

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

Мужчина

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

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

http://test145600707.forum2x2.ru/

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

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

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

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