Ergebnis 1 bis 3 von 3

Thema: Anfängerfrage, Hoverfunktion ausschalten

  1. #1
    HTML Newbie
    Registriert seit
    17.08.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Anfängerfrage, Hoverfunktion ausschalten

    Hallo,

    um es gleich vorweg zu nehmen, ich kenne mich mit CSS überhaupt nicht aus.

    Ich habe einen online shop in dem ich ein sidebanner aufklappen kann in dem ich mit der Maus darüber fahre.
    Hier der Link zum Shop, das aufklappbare Banner befindet sich links.

    Ich möchte nun das das Banner immer aufgeklappt ist, das müsste doch einstellbar sein.
    Kann mir jemand erklären was ich in dem Code ändern muss?

    Code:
    {block name=frontend_index_body_inline append}<style type="text/css">
        .ribbon.container_20 { 
        width: auto;
        position: fixed;
        top: 30%;
        padding: 10px;
        overflow: visible;
        z-index: 10px;
        {if $ribbonposition == 'rechts'}
            padding-left: 40px;
        {else}
            padding-right: 40px;
        {/if}
        box-shadow: 0px 0px 10px #666;
        }
        .ribbon .arrow {
        position: absolute;
        {if $ribbonposition == 'rechts'}
            left: 8px;
        {else}
            right: 8px;
        {/if}
        top: 50%;
        }
        .ribbon .arrow img{ 
        position: relative; 
        top: -7px;
        }
    </style>
    <div class="ribbon container_20">
       {if $ribbonlink}<a href="{$ribbonlink}">{/if}    
           {$ribbontext}
        {if $ribbonlink}</a>{/if}
        <div class="arrow"><img src="{if $ribbonposition == 'rechts'}{link file='frontend/_resources/images/icons/ico_listing-prev.png'}{else}{link file='frontend/_resources/images/icons/ico_listing-next.png'}{/if}" /></div>
    </div>
    <script type="text/javascript">
        $(function() {
        var floatpos = {if $ribbonposition == 'rechts'}'right'{else}'left'{/if};
        var floatwidth = -1 * $('.ribbon').width() - 20;
        $('.ribbon').css(floatpos, floatwidth);
        $('.ribbon').hover(function() {
           // IN  
           $(this).stop().animate({ {if $ribbonposition == 'rechts'}'right'{else}'left'{/if}:0 }, 200);
        }, function() {
            // OUT
           $(this).stop().animate({ {if $ribbonposition == 'rechts'}'right'{else}'left'{/if}:floatwidth }, 400);
        });
        });
    </script>    
    {/block}
    Vielen Dank.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Anfängerfrage, Hoverfunktion ausschalten

    Du meinst "Ihre Vorteile bei uns"?

    Wenn ich das richtig sehe, musst du den JavaScript-Teil komplett rausnehmen und im CSS Teil von .ribbon.container_20 ein left:0px; eintragen
    Geändert von Bandit (17.08.2012 um 16:20 Uhr)

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    17.08.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Anfängerfrage, Hoverfunktion ausschalten

    Hallo,

    ja klasse, vielen Dank. Habe es gerade probiert. So funktioniert es.
    Danke nochmal.

Ähnliche Themen

  1. Anfängerfrage
    Von im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 15.04.2007, 20:43
  2. Anfängerfrage zu GET
    Von Temper im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 21.10.2006, 12:20
  3. Anfängerfrage
    Von Stubi im Forum Flash Forum
    Antworten: 4
    Letzter Beitrag: 04.08.2006, 10:51
  4. Anfängerfrage:B
    Von Ohani im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 27.01.2006, 15:15
  5. Anfängerfrage
    Von Knorkator im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 24.11.2004, 15:58

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •