Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Ребята нужна помощь c эффектами при наведении.

Ребята нужна помощь c эффектами при наведении.

Страница: 1
Тема закрыта

Сообщений 1 страница 5 из 5

1

  • Автор: activiki
  • Стремящийся
  • activiki
  • Зарегистрирован: Вт, 8 Дек 2015
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 6 Янв 2016 21:49:38

Всем привет! Вот уже 2ю неделю ломаю голову как придать эффект картинке при наведении курсора,чтобы картинка при наведении становилась чуть мутнее.Нашел огромное кол-во кодов. Но куда их вписывать? Подскажи более подробно если не сложно. У меня шаблон "HELIX 3" построен на JOOMLA 3.4.5, меню на главной странице составлено из приложения SP PAGE BUILDER. фото: https://dropmefiles.com/K7PAs

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12013
  • Последний визит:
    Сегодня 10:10:28

activiki, поставьте в начало body:

<script type="text/javascript">
    $(function(){
   /* var sel - селектор элемента с упрозрачниванием при наведении, любой, не только картинка, мон задать с классом; */
        var sel = $('img');
        sel.mouseenter(function(){
           $(this).css({'opacity':'.7'})
        }).mouseleave(function(){
           $(this).css({'opacity':'1.0'})
        });
    });
</script>

Красным - настройки
Для того, чтобы упрозрачнивалась лишь одна картинка, нун либо ставить табличку с отдельными картинками в каждой ячейке, (либо ставить на каждую ячейку фон общим спрайтом, позиционируя спрайт, под нужную ячейку, нужным смещением: background-position)
Ибо сейчас у Вас клавишные, свет, звук стоят одной единственной картинкой, которая при наведении будет вся упрозрачниваться!

0

3

  • Автор: activiki
  • Стремящийся
  • activiki
  • Зарегистрирован: Вт, 8 Дек 2015
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 6 Янв 2016 21:49:38

Спасибо за внимание.
Body котороe в корне сайта index.php??

0

4

  • Автор: activiki
  • Стремящийся
  • activiki
  • Зарегистрирован: Вт, 8 Дек 2015
  • Сообщений: 3
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Ср, 6 Янв 2016 21:49:38
activiki написал(а):

Спасибо за внимание.
Body котороe в корне сайта index.php??

activiki написал(а):

Спасибо за внимание.
Body котороe в корне сайта index.php??

activiki написал(а):

ийся
    activiki
    Зарегистрирован: Сегодня
    Сообщений: 2
    Уважение: 0
    Позитив: 0
    Пол: Женский
    Активен 1 минуту

Спасиб

Вот содержание index.php

<?php
/**
* @package Helix3 Framework
* Template Name - Shaper Helix3
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2015 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct accees
defined ('_JEXEC') or die ('resticted aceess');

$doc = JFactory::getDocument();

JHtml::_('jquery.framework');
JHtml::_('bootstrap.framework'); //Force load Bootstrap
unset($doc->_scripts[$this->baseurl . '/media/jui/js/bootstrap.min.js']); // Remove joomla core bootstrap

//Load Helix
$helix3_path = JPATH_PLUGINS.'/system/helix3/core/helix3.php';

if (file_exists($helix3_path)) {
    require_once($helix3_path);
    $this->helix3 = helix3::getInstance();
} else {
    die('Please install and activate helix plugin');
}

//Coming Soon
if($this->helix3->getParam('comingsoon_mode')) header("Location: ".$this->baseUrl."?tmpl=comingsoon");

//Class Classes
$body_classes = '';

if($this->helix3->getParam('sticky_header')) {
    $body_classes .= ' sticky-header';
}

$body_classes .= ($this->helix3->getParam('boxed_layout', 0)) ? ' layout-boxed' : ' layout-fluid';

//Body Background Image
if($bg_image = $this->helix3->getParam('body_bg_image')) {

    $body_style  = 'background-image: url(' . JURI::base(true ) . '/' . $bg_image . ');';
    $body_style .= 'background-repeat: '. $this->helix3->getParam('body_bg_repeat') .';';
    $body_style .= 'background-size: '. $this->helix3->getParam('body_bg_size') .';';
    $body_style .= 'background-attachment: '. $this->helix3->getParam('body_bg_attachment') .';';
    $body_style .= 'background-position: '. $this->helix3->getParam('body_bg_position') .';';
    $body_style  = 'body.site {' . $body_style . '}';

    $doc->addStyledeclaration( $body_style );
}

//Body Font
$webfonts = array();

if( $this->params->get('enable_body_font') ) {
    $webfonts['body'] = $this->params->get('body_font');
}

//Heading1 Font
if( $this->params->get('enable_h1_font') ) {
    $webfonts['h1'] = $this->params->get('h1_font');
}

//Heading2 Font
if( $this->params->get('enable_h2_font') ) {
    $webfonts['h2'] = $this->params->get('h2_font');
}

//Heading3 Font
if( $this->params->get('enable_h3_font') ) {
    $webfonts['h3'] = $this->params->get('h3_font');
}

//Heading4 Font
if( $this->params->get('enable_h4_font') ) {
    $webfonts['h4'] = $this->params->get('h4_font');
}

//Heading5 Font
if( $this->params->get('enable_h5_font') ) {
    $webfonts['h5'] = $this->params->get('h5_font');
}

//Heading6 Font
if( $this->params->get('enable_h6_font') ) {
    $webfonts['h6'] = $this->params->get('h6_font');
}

//Navigation Font
if( $this->params->get('enable_navigation_font') ) {
    $webfonts['.sp-megamenu-parent'] = $this->params->get('navigation_font');
}

//Custom Font
if( $this->params->get('enable_custom_font') && $this->params->get('custom_font_selectors') ) {
    $webfonts[ $this->params->get('custom_font_selectors') ] = $this->params->get('custom_font');
}

$this->helix3->addGoogleFont($webfonts);

//Custom CSS
if($custom_css = $this->helix3->getParam('custom_css')) {
    $doc->addStyledeclaration( $custom_css );
}

//Custom JS
if($custom_js = $this->helix3->getParam('custom_js')) {
    $doc->addScriptdeclaration( $custom_js );
}

?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php
    if($favicon = $this->helix3->getParam('favicon')) {
        $doc->addFavicon( JURI::base(true) . '/' .  $favicon);
    } else {
        $doc->addFavicon( $this->helix3->getTemplateUri() . '/images/favicon.ico' );
    }
    ?>

    <jdoc:include type="head" />
   
    <?php

    $this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
        ->addJS('bootstrap.min.js, jquery.sticky.js, main.js') // JS Files
        ->lessInit()->setLessVariables(array(
            'preset'=>$this->helix3->Preset(),
            'bg_color'=> $this->helix3->PresetParam('_bg'),
            'text_color'=> $this->helix3->PresetParam('_text'),
            'major_color'=> $this->helix3->PresetParam('_major')
            ))
        ->addLess('legacy/bootstrap', 'legacy')
        ->addLess('master', 'template');

        //RTL
        if($this->direction=='rtl') {
            $this->helix3->addCSS('bootstrap-rtl.min.css')
            ->addLess('rtl', 'rtl');
        }

        $this->helix3->addLess('presets',  'presets/'.$this->helix3->Preset(), array('class'=>'preset'));
       
        //Before Head
        if($before_head = $this->helix3->getParam('before_head')) {
            echo $before_head . "\n";
        }
    ?>
</head>
<body class="<?php echo $this->helix3->bodyClass( $body_classes ); ?>">
    <div class="body-innerwrapper">
        <?php $this->helix3->generatelayout(); ?>

        <div class="offcanvas-menu">
            <a href="#" class="close-offcanvas"><i class="fa fa-remove"></i></a>
            <div class="offcanvas-inner">
                <?php if ($this->helix3->countModules('offcanvas')) { ?>
                    <jdoc:include type="modules" name="offcanvas" style="sp_xhtml" />
                <?php } else { ?>
                    <p class="alert alert-warning"><?php echo JText::_('HELIX_NO_MODULE_OFFCANVAS'); ?></p>
                <?php } ?>
            </div>
        </div>
    </div>
    <?php
   
    if($this->params->get('compress_css')) {
        $this->helix3->compressCSS();
    }

    if($this->params->get('compress_js')) {
        $this->helix3->compressJS( $this->params->get('exclude_js') );
    }

    if($before_body = $this->helix3->getParam('before_body')) {
        echo $before_body . "\n";
    }

    ?>
    <jdoc:include type="modules" name="debug" />
</body>
</html>

0

5

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12013
  • Последний визит:
    Сегодня 10:10:28

activiki
Я не РНР(ист)
Приведённый мною текст должен отображаться в исходном коде страницы, как есть(При нажатии contr+U)
Ставитете его после первого тега <body>

0

Тема закрыта
Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Ребята нужна помощь c эффектами при наведении.