ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Slider Box

Geschlossen
  1. #1
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Hallo ihr,
    ich habe mir jetzt mal die ganzen Beiträge zum Thema Slider, Login Slider etc angeschaut und bin zu keiner wirklichen Lösung gekommen.
    Einiges hab ich davon mal ausprobiert, aber letztendlich verträgt sich das ein oder andre nicht wirklich.

    Gibt es eine einfache Java Script oder andere Methode eine Box (egal welche) per Sliding und mitscrollen in der index.htm rechts in die Webseite zu integrieren ? Ohne das sich jquery mit dem ein oder anderen klopft ?
    Für Hilfen wäre ich sehr dankbar, denn ich kriegs so nicht hin.

    LG und Thx

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    nach diesem Tutorial sollte sich "fast" jeder Inhalt einbringen lassen:

    externer Link

    Dazu einfach nur den gewählten Slider nutzen ( rechts oder links) und den Code an deine Grafik anpassen.
    Sollte bereits query eingebunden sein, so sollte der scriptlink zu jquery-1.7.1.min.js nicht eingebunden werden.

    Mfg maretz
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Danke da hab ich ja was zum lernen lächeln


    Edit:

    Kannst Dir das mal anschauen Maretz ? Hab das jetz mal so ein wenig angepasst aber sliden tut sich da nix und die Box hängt auch nur oben links. Verträgt sich da was nicht ?

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:720px; top:62px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
     <!-- jQuery - the core -->
                    <script type="text/javascript"
                            src="include/includes/js/jquery-1.4.2.js" >
                    </script>
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    
    
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
            <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
            <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="include/includes/js/jquery.js"></script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
    
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar2").click().toggle(function() {
           $('#sidebar2').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar2').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    </head>
    
    <body>
    <div id="ts_slid" class="ts_slid" style=" right: -272 px; width: 316 px; position: fixed; top: 500 px; background: url(http://www.vomzeisigwald.de/Bilder/bg2.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
       <div style="position:absolute;top:300 px;left:64 px;width:240 px;height:538 px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
                      <script type="text/javascript">
    var state = 0;
    var wait = false;
    
    function changeSlider1()
    {
    if(state==1){
    $('#ts_slid').animate({width: 300 }, "slow", function(){state = 0;}
    );
    }
    else
    $('#ts_slid').animate({width: 556 }, "slow", function(){state = 1;}
    );
    }
    
    $('#ts_slid').click(function(){
    changeSlider1();
    });
          </script>
    <script type="text/javascript">
    var state = 0;
    var wait = false;
    
    function changeSlider2()
    {
    if(state==1){
    $('#game_slid').animate({width: XXX }, "slow", function(){state = 0;}
    );
    }
    else
    $('#game_slid').animate({width: XXX }, "slow", function(){state = 1;}
    );
    }
    
    $('#game_slid').click(function(){
    changeSlider2();
    });
          </script>
    
    
        </body>
    </html>



    Zuletzt modifiziert von Zeisig am 29.03.2013 - 14:11:07
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Angelina Mitglied
    Registriert seit
    06.11.2011
    Beiträge
    127
    Beitragswertungen
    20 Beitragspunkte
    Hallo Zeisiq
    Ich weiss nicht ob es rischtisch ist..
    Aber finde die Zeile bei dir nicht??
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    www,angelina.de
    Ein Kavalier ist ein Mann, der sich den Geburtstag einer Frau merkt und ihr alter vergisst.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von Maretz

    nach diesem Tutorial sollte sich "fast" jeder Inhalt einbringen lassen:

    externer Link

    Dazu einfach nur den gewählten Slider nutzen ( rechts oder links) und den Code an deine Grafik anpassen.
    Sollte bereits query eingebunden sein, so sollte der scriptlink zu jquery-1.7.1.min.js nicht eingebunden werden.

    Mfg maretz


    Na ich dachte lösche es mal raus weil ich ja schon ein Jquerry am laufen hab.
    Aber selbst mit kloppt sich da irgendwas und es funktioniert nicht.


    Zuletzt modifiziert von Zeisig am 29.03.2013 - 16:14:15
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Es ist auf jeden Fall richtig, dass nur ein jQuery laufen sollte, wenn möglich dann natürlich die aktuellster der erforderlichen Versionen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    1 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Vielen Lieben Dank an euch die mir geholfen haben.
    Leider krieg ich das nicht so hin. Ich weiß einfach nicht mehr woran es scheitert. Egal was ich mache die Slider Box bewegt sich nicht und bleibt fest verankert oben links.
    Ich hab das Gefühl das irgendwas in der Css nicht hinhaut. Aber um das rauszufinden bin ich noch zu viel Laie und würde mehr falsch als richtig machen. Wenn jemand noch ne Idee hat was ganz einfaches mit Java Script zu machen oder ne andere Idee wäre ich sehr sehr dankbar.

    Frohe Ostern euch und dicke Eier :-)

    Ahja hier mal noch meine index.htm und ich blick da selbst nich mehr wirklich durch.
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:720px; top:62px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
     <!-- jQuery - the core -->
                    <script type="text/javascript"
                            src="include/includes/js/jquery-1.4.2.js" >
                    </script>
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    
    
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
            <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
            <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="include/includes/js/jquery.js"></script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
    </head>
    
    <body>
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
        </body>
    </html>



    Zuletzt modifiziert von Zeisig am 29.03.2013 - 19:51:43
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Wie du selbst gesagt hast, werden mehrere jQuery Versionen eingebunden und nachdem in der Zeile der Slider initialisiert wurde, wird jQuery noch 2 mal neu geladen und damit vorherige Sachen überschrieben, einfach gesagt.

    Du darfst jQuery also nur einmal einbinden, wie schon in meinem vorherigen Post erwähnt, sollte das möglichst die neuste der verwendeten Versionen sein.

    In deinem Fall ist das die 1.4.4, du solltest also die beiden anderen Löschen (in der index.htm) und die Zeile, die die 1.4.4 läd so weit nach oben "schieben", dass alle Scripte, die darauf aufbauen dahinter kommen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    1 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Danke Mairu, ich habe nun alles so versucht wie Du und Maretz beschrieben haben, leider nicht von erfolg gekrönt.
    Bei mir wird das nach wie vor links oben angezeigt es slidet nicht. Was kann da noch ein fehler sein ?

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:720px; top:62px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
     <!-- jQuery - the core -->
                    <script type="text/javascript"
                            src="include/includes/js/jquery-1.4.2.js" >
                    </script>
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    
    
    
    
    <script type="text/javascript" src="include/includes/js/jquery.js"></script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar2").click().toggle(function() {
           $('#sidebar2').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar2').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    </head>
    
    <body>
    <div id="ts_slid" class="ts_slid" style=" right: -270 px; width: 350 px; position: fixed; top: 300 px; background:
    url(/Bilder/bg3.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
       <div style="position:absolute;top:300 px;left:270 px;width:350 px;height:300 px;overflow:auto;color:#ffffff;">{_boxes_socialbook}</div></div>
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
        </body>
    </html>


    LG
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    was sagt die console gibts fehler?
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Zeile 28-31und 40 müssen entfernt werden, dann hatte ich mich doch verschaut, die neuste jQuery Version ist 1.7.1 in Zeile 87, diese läd die Datei von einem CDN, deswegen solltest du da 1.7.2 daraus machen und diese Zeile an Stelle von deiner Zeile 4 verwenden, so dass aus den 4 verschiedenen jQuery Einbindungen eine wird.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Konsole meldet keine Fehler.
    Habs so editiert wie Mairu sagt und noch ein wenig anders ausprobiert aber leider ebenfalls unverändert. Das steckt doch der Teufel drinn Haleluja.

    Danke euch aber recht herzlich für eure Mühen lächeln

    So ist es jetzt:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:720px; top:62px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
    
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    
    
    
    
    
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
    
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar2").click().toggle(function() {
           $('#sidebar2').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar2').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    </head>
    
    <body>
    <div id="ts_slid" class="ts_slid" style=" right: -270 px; width: 350 px; position: fixed; top: 300 px; background:
    url(/Bilder/bg3.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
       <div style="position:absolute;top:300 px;left:270 px;width:350 px;height:300 px;overflow:auto;color:#ffffff;">{_boxes_socialbook}</div></div>
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
        </body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Dass es jetzt nicht geht, liegt an den fehlerhaften CSS Eigenschaften der Container in den Zeile 122 bis 124.

    Zwischen den Zahlen und px darf kein Leerzeichen sein, es gibt keine Eigenschaft right, die hast du ja sicherlich angepasst, da ich nicht weiß, wie es am Ende aussehen soll, kann ich dir da auch keine fertige Lösung geben.

    Die im Slider enthaltene Socialmediabox ( {_boxes_socialbook} ) ist ja eigentlich überflüssig, mit den Symbolen, die schon links eingebunden sind.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Hab das aus Maretz Hilfestellung zu Slider Boxen.

    <div id="ts_slid" class="ts_slid" style=" right: -XXX px; width: XXX px; position: fixed; top: XXX px; background:
    url(bg_ts.jpg) repeat scroll 0% 0% transparent; height: XXX px; z-index: 999;">
    <div style="position:absolute;top:XXX px;left:XXX px;width:XXX px;height:XXX px;overflow:auto;color:#ffffff;">TS-Code</div></div>


    Die Social Box hab ich nur mal zu Übungszwecken drinn. Da soll aber eigentlich die Login Box mit nem schlichten Hintergrund als Slider ganz rechts von der Seite mitscrollen. Und ich weiß einfach so langsam nicht mehr woran es noch liegt. Aber selbst nach den Änderungen mit den Leerzeichen bleibt das ding immer noch stur links im Eck.


    Zuletzt modifiziert von Zeisig am 30.03.2013 - 15:27:33
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Sooo habs endlich mal hinbekommen. Weiß jemand wir ich das machen kann das die Box offen bleibt oder verzögert zurück slidet ? Sonst kann man sich nicht einloggen. Danke euch lächeln
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Angelina Mitglied
    Registriert seit
    06.11.2011
    Beiträge
    127
    Beitragswertungen
    20 Beitragspunkte
    Sonst schau dir das mal an..
    externer Link
    www,angelina.de
    Ein Kavalier ist ein Mann, der sich den Geburtstag einer Frau merkt und ihr alter vergisst.
    1 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Danke euch, aber ich werds glaub wieder verwerfen. Nun endlich hab ichs hinbekommen und dann läuft der scheiss nur mit dem IE nicht. Alle Browser gehen und IE mal wieder nicht.

    LG und Danke euch allen
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    das sollte auch mit allen anderen browsern gehn ... hast du es irgendwo online zum testen?
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    jo externer Link
    mit dem IE eine Katastrophe. Und mit Dragon Slider wars noch mehr verutscht.

    Ich wollts so auf der rechten Seite wie zB
    externer Link und vom Aussehen auch super.
    Es slidet schön und mit allen Browsern an der richtigen stelle.
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    auf deiner seite sehe ich in keinem browser was das man anschauen kann um fehler zu suchen ...
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Holz danke erstmal, ich hab die Slider Box wieder raus ich hab den Fehler in meiner index oder css und ich weiß ums verrecken nicht wo ich noch suchen kann hab den ganzen Tag damit verbracht und nun hab ich die Slider wieder raus. Das problem hab ich nur beim IE aber ich möcht gern das die Seite auch dort zu sehen ist wie es sein soll und am Slider liegts ja nicht bzw am Code.


    PS: So hab den Slider Code wieder drinn kann ja nochmal wer ankucken ich weiß nich mehr weiter hab echt keine Idee mehr. Vielleicht liegts auch an der Lightbox und Jquery das die sich hauen oder irgend ne Formatierung ?


    Zuletzt modifiziert von Zeisig am 31.03.2013 - 21:44:04
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    also in chrome sieht es gut aus ....
    und im ie 10 auch !

    welche browser nutzt du denn?

    und ja die lightbox nutz ich z.B. schon lang nicht mehr und zwar aus dem grund da sie auf prototype basiert und einige funktionen von protoype gleich heißen wie bei jquery da kommt es dann zu konflikten


    nutz doch anstadt der lightbox die fancy box ... gibt es auch als plugin ist aber auch schnell händisch implementiert


    Zuletzt modifiziert von holz am 31.03.2013 - 22:02:47
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Es gibt auch eine Lightbox für jQuery, sogar die Offizielle wurde jetzt auf jQuery umgesetzt, soweit ich mich erinnern kann.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ah okay das wusst ich nicht lächeln mir gefallen beide die fancy box kann aber bisschen mehr finde ich lächeln
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Internet Explorer 9 total verzogen der Mist.

    Könnt ihr mal kurz schaun ob da in dem Code irgendwo was drinn ist warum sich das so verzieht ?

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
      <script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>
      <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
      <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
      <script type="text/javascript">
            $(document).ready(function() {
                    $("table#galimages a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 800,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'easingIn' : 'easeOutBack',
                    'easingOut'        : 'easeInBack',
                    'overlayShow': true
                    }
                    );
    
                    $("div#bbvideo a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 800,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'overlayShow': true
                    }
                    );
            });
       </script>
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:495px; top:222px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
    
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
    
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    
    </head>
    
    <body>
    
    
    <div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 542px; background:
    url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
       <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
    
    
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
    
    <script type="text/javascript">
    var state = 0;
    var wait = false;
    
    function changeSlider2()
    {
    if(state==1){
    $('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
    );
    }
    else
    $('#game_slid').animate({width: 556 }, "slow", function(){state = 0;}
    );
    }
    
    $('#game_slid').click(function(){
    changeSlider2();
    });
          </script>
        </body>
    </html>


    Meine css
    body {
        margin                : 0;
        padding               : 0;
        background            : url(img/bg.jpg);
        background-repeat     : repeat;
        background-attachment : scroll;
        background-color      : #000000;
        font                  : 10px Verdana, Helvetica, sans-serif;
        text-decoration       : none
    
        }
    #tagcloud {
        margin-left : 150px;
        margin-top  : 12px;
        }
    #bildseite {
        float       : left;
        margin-top  : -220px;
        margin-left : -125px;
        }
    #iframe_1 {
        text-align : center;
        width      : 0px;
        height     : 0px;
        background : #000000;
    
        }
    input.farbig {
        background-color : #000000;
        color            : #eaddbc;
        padding          : 1px;
        font-size        : 11px;
        border-color     : #eaddbc;
    
        }
    #rekrutieren {
        margin        : auto !important;
        text-align    : left;
        width         : 120px;
        padding       : 2px;
        margin-bottom : 1px !important;
    
        }
    .tableBorder {
        border : 1px solid #512800;
    
        }
    
    .abstand_iframe {
        padding : 10px;
        }
    
    .scrollbereich {
        overflow : hidden;
        width    : 180px;
        height   : 180px;
        }
    #top {
        margin  : 0 auto;
        padding : 0;
        width   : 1000px
        }
    #footer_menu {
        color   : #9d8a68;
        width   : 200px;
        float   : left;
        margin  : 65px 0px 0px 350px;
        display : inline;
        }
    #header {
        background-image    : url(img/header.png);
        background-repeat   : no-repeat;
        background-position : center bottom;
        width               : 1000px;
        height              : 268px
        }
    
    #center {
        background-image    : url(img/center.png);
    
        background-position : center;
        margin              : 0 auto;
        padding             : 0;
        width               : 1000px;
    
        }
    #footer {
        background-image    : url(img/footer.png);
        background-repeat   : no-repeat;
        background-position : center;
        text-align          : center;
    
        width               : 1000px;
        height              : 86px;
        clear               : both
        }
    
    #left_col {
        width       : 161px;
        color       : #8f7a30;
        float       : left;
        margin-left : 31px;
        }
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
        color : #333333;
        }
    #left_col .menu_heading {
        color          : #9a8e7d;
        display        : block;
        letter-spacing : 2px;
        font-size      : 10px;
        padding-top    : 0px;
        padding-left   : 30px;
        padding-right  : 5px;
        padding-bottom : 8px;
        }
    #left_col ul {
        padding    : 0;
        margin     : 3;
        list-style : inside url(img/box_menu_pfeil.png);
        width      : 145px;
        }
    
    #left_col li ul {
        width      : 145px;
        background : url(img/box_menu_trennlinie.gif) no-repeat top;
        }
    
    #left_col li li {
        padding-left : 0px;
        }
    #left_col li a {
        color           : #333333;
        padding-left    : 0px;
        font-size       : 13px;
        font-weight     : bold;
        text-decoration : none;
        }
    #left_col li a:hover {
        color           : #a55300;
        padding-left    : 0px;
        font-size       : 13px;
        font-weight     : bold;
        text-decoration : none;
        }
    #main_col {
        width       : 500px;
        float       : left;
        margin-left : 30px;
        clear       : none;
        min-height  : 100px;
    
        }
    #right_col1 {
        width          : 182px;
        float          : right;
        padding-top    : 0px;
        padding-left   : 8px;
        padding-right  : 10px;
        padding-bottom : 0px;
    
        }
    
    #right_col1 .menu_heading {
        color          : #d4c7b5;
        display        : block;
        letter-spacing : 1px;
        font-size      : 10px;
        padding-top    : 15px;
        padding-left   : 15px;
        padding-right  : 5px;
        padding-bottom : 0px;
        }
    
    #search_box {
        color   : #8f7a30;
    
        float   : right;
        margin  : 15px 20px 0px 0px;
        display : inline;
        }
    img {
        border : 0px;
        }
    
    td {
        font-family : Verdana;
        font-size   : 12px;
        }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a {
        color           : #372913;
        font-family     : Verdana;
        font-size       : 11px;
        text-decoration : none;
        }
    
    a:hover {
        color           : #a55300;
        text-decoration : none;
        font-size       : 11px;
        }
    
    a.box {
        color           : #333333;
        font-family     : Verdana;
        font-size       : 11px;
        text-decoration : none;
        }
    
    a.box:hover {
        color           : #ddc489;
        text-decoration : none;
        font-size       : 11px;
        }
    
    .Chead {
        font-size  : 11px;
        background : #d9c79e;
        color      : #333333;
        }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b {
        background : #e2d6b0;
        color      : #333333;
        }
    
    .Callg {
    
        color : #333333;
        }
    
    .Callg td {
        color : #333333;
        }
    
    .Cnorm {
        background-color : #e2d6b0;
        }
    .Cmite {
        background-color : #e2d6b0;
        }
    .Cdark {
        background-color : #d9c79e;
        }
    
    .rand {
        border : solid #522303 0px;
        }
    
    .smalfont {
        font-size       : 11px;
        text-decoration : none;
        }
    
    .border {
        background-color : #BFB48E;
        }
    .title {
        color       : #333333;
        font        : 11px Verdana;
        font-weight : bold
        }
    .login {
        color            : #000000;
        background-color : #272727;
        font-size        : 10px;
        font-family      : verdana, arial, helvetica;
        border-style     : solid;
        border           : 2px;
        border-color     : #695538;
        }
    hr {
        height           : 0px;
        border           : solid #804000 0px;
        border-top-width : 1px;
        }
    
    input, textarea, select {
        color            : #72623b;
        font             : 11px Verdana;
        border-color     : #c8aa5e;
        border-width     : 2px;
        border-style     : solid;
        font-weight      : none;
        text-decoration  : none;
        background-color : #eae5d5;
        }


    Ich werd mal ne andere Light Box suchen oder Fancy Box

    Danke euch


    Zuletzt modifiziert von Zeisig am 01.04.2013 - 10:49:57
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ist wie gesagt schon auf jQuery umgesetzt worden lokeshdhakar.com/projects/lightbox2/
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    Zeisig Mitglied
    Registriert seit
    05.03.2013
    Beiträge
    229
    Beitragswertungen
    2 Beitragspunkte
    Hab das problem mit dem Login Slider leider immer noch nicht lösen können. Hab das jetzt 1000 mal eingebunden editiert und selbst krieg ich das in 100 Jahren nicht mehr hin. Bitte helft mir mal wer weiter.
    Ich möchte das Dingens als Login Box nehmen und hab folgende probleme:
    Es slidet auf Klick auf (ok so) es slidet aber auch wieder gleich zu wenn ich meinen Login Namen eingeben will. (unpraktisch)

    Kann man da irgendwie anders lösen ?
    Und dann was mir noch aufgefallen ist, wäre es zu viel zu ändern wenn man eine PM verschickt, das Popup das sich öffnet nicht im Sliding Panel zu öffnen sondern auf der Hauptseite ?

    Hier mal der Code meiner index.htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:495px; top:222px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
    
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
     <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
      <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
      <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
      <script type="text/javascript">
            $(document).ready(function() {
                    $("table#galimages a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 300,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'easingIn' : 'easeOutBack',
                    'easingOut'        : 'easeInBack',
                    'overlayShow': true
                    }
                    );
    
                    $("div#bbvideo a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 800,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'overlayShow': true
                    }
                    );
            });
       </script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    
    </head>
    
    <body>
    
    
    <div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 142px; background:
    url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
       <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
    
    
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
    
    <script type="text/javascript">
    var state = 0;
    var wait = false;
    
    function changeSlider2()
    {
    if(state==1){
    $('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
    );
    }
    else
    $('#game_slid').animate({width: 556 }, "slow", function(){state = 1;}
    );
    }
    
    $('#game_slid').click(function(){
    changeSlider2();
    });
          </script>
        </body>
    </html>


    LG


    Zuletzt modifiziert von Zeisig am 09.04.2013 - 11:35:16
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Ich hatte grad eine grandiose Idee:

    Selfpage/Box:

    Warum bindet man nicht hier via quellcode eine Jquery-Lib ein, in der index dann die 2.te? Dann stört sich doch das eine mit dem anderen nicht, richtig?
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    ZitatZitat geschrieben von Zeisig

    Hab das problem mit dem Login Slider leider immer noch nicht lösen können. Hab das jetzt 1000 mal eingebunden editiert und selbst krieg ich das in 100 Jahren nicht mehr hin. Bitte helft mir mal wer weiter.
    Ich möchte das Dingens als Login Box nehmen und hab folgende probleme:
    Es slidet auf Klick auf (ok so) es slidet aber auch wieder gleich zu wenn ich meinen Login Namen eingeben will. (unpraktisch)

    Kann man da irgendwie anders lösen ?
    Und dann was mir noch aufgefallen ist, wäre es zu viel zu ändern wenn man eine PM verschickt, das Popup das sich öffnet nicht im Sliding Panel zu öffnen sondern auf der Hauptseite ?

    Hier mal der Code meiner index.htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
    
    <script type="text/javascript">
    function oeffnefenster (url) {
     fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    
    <style type="text/css">
    #bildseite
    {
     position:relative;
     float: left;
     width: 215px;
     left:495px; top:222px;
     border-bottom: 0px solid #000000;
     border-right: 0px solid #000000;
    }
    </style>
    
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
    
                    <!-- Sliding effect -->
                    <script type="text/javascript"
                            src="include/includes/js/slide.js" >
                    </script>
    <script type="text/javascript" src="include/includes/js/messenger.js"></script>
    
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
    
    <!--[if lte IE 7]>
    <link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
    <![endif]-->
    <style type="text/css">
    .facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
    .ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
    .closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
    .black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color:#000;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
    }
    .white_content {
    display: none;
    position: fixed;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    -webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
    left:50%; top:50%;
    margin-left:-200px; margin-top:-250px;
    width: 500px;
    height: 500px;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    color: #000000;
    z-index:1002;
    overflow: auto;
    }
    </style>
     <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
      <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
      <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
      <script type="text/javascript">
            $(document).ready(function() {
                    $("table#galimages a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 300,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'easingIn' : 'easeOutBack',
                    'easingOut'        : 'easeInBack',
                    'overlayShow': true
                    }
                    );
    
                    $("div#bbvideo a").fancybox(
                    {
                    'zoomSpeedIn': 800,
                    'zoomSpeedOut': 500,
                    'zoomSpeedChange': 800,
                    'zoomOpacity': 0.5,
                    'overlayOpacity': 0.5,
                    'overlayShow': true
                    }
                    );
            });
       </script>
    <script type="text/javascript">
    <!--
    jQuery(document).ready(function() {
       $("a#ToogleSidebar1").click().toggle(function() {
           $('#sidebar1').animate({
               width: 'hide',
               opacity: 'hide'
           }, 'slow');
       }, function() {
           $('#sidebar1').animate({
               width: 'show',
               opacity: 'show'
           }, 'fast');
       });
    });
    -->
    </script>
    
    </head>
    
    <body>
    
    
    <div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 142px; background:
    url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
       <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
    
    
    
    <div id="icon_button" style="left:0px;position:fixed;top:19px;" >
    <a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
    <a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
    <a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
    <div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
    <!-- Anfang TS Code -->
    <a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
    <!-- Ende TS Code -->
    </div><div id="fade" class="black_overlay"></div>
    <table cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
    
    <div id="top">
      <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
    <div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
    
    </div>
    
      <div id="center">
        <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
            {_list_menunr1@
        <table cellpadding="0" cellspacing="0" border="0" width="160">
    
              <tr>
                      <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
            </tr>
          <tr>
            <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
          </tr>
              <tr>
                      <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
            </tr>
        </table>
    
        }
    
      </div>
        <div id="main_col">
    
                <table width="715" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
    <div align="center" id="countdown">
    </div>
    </div></div>
    
    </p><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="20%"></td>
        </tr>
    
    
    </table><br></b>{EXPLODE}<br></td>
              </tr>
            </table>
                    <div align="center">
    
    
    
    </div>
    
        </div>
    
    
    
     <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
    </div>
    </div>
    </div>
        </td>
      </tr>
    </table>
    
    
    
    
             <!--
                                            {_list_DDDmenupoint@
                                              <strong><big>&middot;</big></strong>
                <a %1 class="box" href="%2">%3</a>
                <br />
                                            }
              //-->
    
              <!--
                [null, '%3', '%2', '%1', null|],|,
              -->
              <!--           anfang        +     link                |ende |teilende|teilee  -->
              <!-- horizontaler menupunkt -->
              {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
              <!-- horizontaler menupunkt anfang -->
              {_list_hmenubegi@<ul>}
              <!-- horizontaler menupunkt ende -->
              {_list_hmenuende@</ul>}
    
              <!-- vertikaler menupunkt -->
              {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
              <!-- vertikaler menupunkt anfang -->
              {_list_vmenubegi@<ul>}
              <!-- vertikaler menupunkt ende -->
              {_list_vmenuende@</ul>}
    
    
    <script type="text/javascript">
    var state = 0;
    var wait = false;
    
    function changeSlider2()
    {
    if(state==1){
    $('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
    );
    }
    else
    $('#game_slid').animate({width: 556 }, "slow", function(){state = 1;}
    );
    }
    
    $('#game_slid').click(function(){
    changeSlider2();
    });
          </script>
        </body>
    </html>


    LG


    Zuletzt modifiziert von Zeisig am 09.04.2013 - 11:35:16


    Ändere mal deien Jquery-Source auf

    http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js


    (Zeile 4 deiner Index)

    Meinst du mit Slider=das dingens, was ich auch auf meiner Seite habe? (siehe Signatur oder Profil)

    Bei mir öffnet sich das Ganze auf der Hauptseite (POPup)
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Doch dir Stören sich, es ist zwar möglich mehrere jQuery Versionen parallel zu verwenden, nur muss dann genau festgelegt werden, welche für was.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten