Forum Replies Created

Viewing 15 replies - 1 through 15 (of 25 total)
  • Thread Starter Chateaupoulet

    (@chateaupoulet)

    Playing around with the JS but it seems to have no effect. I’m not at all experienced with it so I must be missing something.

    The Trainer menu is working correctly so I copied the JS for that for the Horses menu, but no change. Menu.js code:

    ‘ $(function() {
    /**
    * for each menu element, on mouseenter,
    * we enlarge the image, and show both sdt_active span and
    * sdt_wrap span. If the element has a sub menu (sdt_box),
    * then we slide it – if the element is the last one in the menu
    * we slide it to the left, otherwise to the right
    */
    $(‘#sdt_menu > li’).bind(‘mouseenter’,function(){
    var $elem = $(this);
    $elem.find(‘img’)
    .stop(true)
    .animate({
    ‘width’:’133px’,
    ‘height’:’133px’,
    ‘left’:’0px’
    },400,’easeOutBack’)
    .andSelf()
    .find(‘.sdt_wrap’)
    .stop(true)
    .animate({‘top’:’60px’},1000,’easeOutBack’)
    .andSelf()
    .find(‘.sdt_active’)
    .stop(true)
    .animate({‘height’:’60px’},300,function(){
    var $sub_menu = $elem.find(‘.sdt_box’);
    var $sub_menu_trainer = $elem.find(‘.sdt_box_trainer’);
    var $sub_menu_membership = $elem.find(‘.sdt_box_membership’);
    var $sub_menu_about = $elem.find(‘.std_box_about’);
    var $sub_menu_horses = $elem.find(‘.std_box_horses’);
    var $sub_menu_gallery = $elem.find(‘.std_box_gallery’);

    if($sub_menu_membership.length)
    {
    $sub_menu_membership.show().animate({‘top’:’80px’,’height’:’200px’,’width’:’185px’},200);
    }
    else if($sub_menu_trainer.length)
    {
    $sub_menu_trainer.show().animate({‘top’:’80px’,’height’:’275px’,’width’:’160px’},200);
    }
    else if($sub_menu_about.length)
    {
    $sub_menu_about.show().animate({‘top’:’80px’,’height’:’80px’,’width’:’150px’},200);
    }
    else if($sub_menu_horses.length)
    {
    $sub_menu_horses.show().animate({‘top’:’80px’,’height’:’600px’,’width’:’150px’},200);
    }
    else if($sub_menu_gallery.length)
    {
    $sub_menu_gallery.show().animate({‘top’:’80px’,’height’:’80px’,’width’:’150px’},200);
    }
    else if($sub_menu.length)
    {
    var left = ‘133px’;
    if($elem.parent().children().length == $elem.index()+1)
    left = ‘-133px’;
    $sub_menu.show().animate({‘top’:’80px’,’height’:’225px’},200);
    }
    });
    }).bind(‘mouseleave’,function(){
    var $elem = $(this);

    var $sub_menu = $elem.find(‘.sdt_box’);
    var $sub_menu_trainer = $elem.find(‘.sdt_box_trainer’);
    if($sub_menu_trainer.length)
    {
    $sub_menu_trainer.hide().animate({‘top’:’0′,’height’:’0′},200);
    }
    else if($sub_menu.length)
    {
    $sub_menu.hide().animate({‘top’:’0′,’height’:’0′},200);
    }
    var $sub_menu_horses = $elem.find(‘.sdt_box_horses’);
    if($sub_menu_horses.length)
    {
    $sub_menu_horses.hide().animate({‘top’:’0′,’height’:’0′},200);
    }
    else if($sub_menu.length)
    {
    $sub_menu.hide().animate({‘top’:’0′,’height’:’0′},200);
    }

    $elem.find(‘.sdt_active’)
    .stop(true)
    .animate({‘height’:’0px’},300)
    .andSelf().find(‘img’)
    .stop(true)
    .animate({
    ‘width’:’0px’,
    ‘height’:’0px’,
    ‘left’:’85px’},400)
    .andSelf()
    .find(‘.sdt_wrap’)
    .stop(true)
    .animate({‘top’:’10px’},500);
    });
    });’

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Thank you very much for that. I’ll look at the JS again and explore alternative menu systems for the future.

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Thank you so much.

    I never thought to check out Cimy.
    It has been driving me nuts all day!

    Really grateful to you!

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Thank you very much for that David.

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Figured it out:

    #content .entry-title {
    color: #C7521F;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.em;
    margin-bottom: 0;
    display: none;
    }

    dpaule – thank you. Could you explain why it would hide the site to search engines?

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Had one more try – uploaded it again using WordPress Add media, checked that it was visible in the Media Library
    and used path below. This now displays the logo (!), but I had already done exactly this yesterday. I don’t understand it!

    http://www.hottotrotracingclub.com/wp-content/uploads/2012/12/logo271px.jpg

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    In a folder called Images, where the other logo collageII.jpg is stored.

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Hi there, I should have said that I tried that with the same result.

    I’ve remade and uploaded the logo several times in case it was corrupt.

    I’m completelty at a loss!

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Thanks again. I’ll do that now.

    Learnt a lot today!

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    That’s working WPyogi, thank you very much!
    The CSS that is being applied is from nggallery.css, and not style.css.

    I seem to have overwrittren the original nggallery with code from a style.css file last week. I think I might need to reinstall the gallery plugin/

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Thank you. I am starting to learn how Firebug works. Very useful. I found .one-column #content using Firebug and then tried various things in the editor but nothing changed. It is back to the original setting of

    .one-column #content {
    margin: 0 auto;
    width: 900px;
    }

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Duly noted, Firebug installed now! Thank you.

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Edited nggallery locally and FTP across to the site. Yellow gone!

    Thank you very much both of you for your help. I would still be looking at yellow borders for hours to come. Thank you for pointing me in the right direction.

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Actually, I’m wrong about being able to remove that code from nggallery.css (as opposed to Style.css).

    When I remove it and try to Update, WordPress is telling me “Oops, no such file exists! Double check the name and try again, merci.”

    Do you think I need to reinstall the Gallery?

    Thread Starter Chateaupoulet

    (@chateaupoulet)

    Yes, WPyogi, but I can’t find those lines in Style.css.

Viewing 15 replies - 1 through 15 (of 25 total)