ilch Forum » Ilch Clan 1.1 » Allgemein » Login Slider

Geschlossen
  1. #1
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    Wollte das gerne als Ts3 haben..Nur komme ich damit nicht klar habe mir schon so einiges an Foren durchgelesen aber es klappt leider nicht.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <script type="text/javascript" src="include/designs/BlackSolution/jquery.min.js"></script><head>
    <title>{TITLE}</title>
    <link rel="stylesheet" type="text/css" href="include/designs/mar_BlackSolution_modCS/modCSstyle.css">
    <script type="text/javascript" src="include/designs/mar_BlackSolution_modCS/flash/js/swfobject/swfobject.js">
    <link href="_stylesheet.css" rel="stylesheet" type="text/css">
    <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
    
    <!--Waitbox begin-->
    <div id="waitDiv" class="waitbox" style="left: 27%; visibility: hidden; position: absolute; top: 426px" align="center">
    <table cellpadding="6" summary="Splash-Screen Wait">
    
    <tbody>
    <tr>
    <td><div align="center"><b></b><br><img src="include/designs/mar_BlackSolution_modCS/bilder/wait.gif" border="0" align="top"><br clear="all"></div></td>
    </tr>
    </tbody>
    </table>
    </div>
    
    <script type="text/javascript">
    var DHTML = (document.getElementById || document.all || document.layers);
    function ap_getObj(name)
    {
    if (document.getElementById) { return document.getElementById(name).style; }
    else if (document.all) { return document.all[name].style; }
    else if (document.layers) { return document.layers[name]; }
    }
    function ap_showWaitMessage(div,flag)
    {
    if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden'
    if(! document.getElementById) if(document.layers) x.left=280/2; return true;
    }
    ap_showWaitMessage('waitDiv', 1);
    
    </script>
    <!--Waitbox end-->
    
    <style type="text/css">
    
    #dropmenudiv{
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none; position:absolute;
    line-height:18px;
    z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
    }
    
    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 0px solid black;
    padding: 1px 0;
    color: #a5a5a5;
    text-decoration: none;
    font-weight: bold;
    background-image:url('include/designs/mar_BlackSolution_modCS/bilder/menu_stand.png');
    }
    
    #dropmenudiv a:hover{            /*hover background color*/
    color: #0077CC;
    background-image:url('include/designs/mar_BlackSolution_modCS/bilder/menu_over.png') ;
    }
    
    </style>
    
    <style type="text/css">
    {
    body { margin: 5% auto; text-align:center;}
    #cu3er-container {width:414px; outline:0;}
    }
    </style>
    <script type="text/javascript">
    		var flashvars = {};
    		flashvars.xml = "include/designs/mar_BlackSolution_modCS/flash/config.xml";
    		flashvars.font = "font.swf";
    		var attributes = {};
    		attributes.wmode = "transparent";
    		attributes.id = "slider";
    		swfobject.embedSWF("include/designs/mar_BlackSolution_modCS/flash/cu3er.swf", "cu3er-container", "414", "128", "9", "include/designs/mar_BlackSolution_modCS/flash/js/swfobject/expressInstall.swf", flashvars, attributes);
    </script>
    
    <script type="text/javascript">
        var box = 4;
        var chosbox = 1;
        function togglebox (tshow) {
            tshow = isNaN(tshow) ? 1 : tshow;
            if (tshow < 1 || tshow > box) {
                tshow = (chosbox < box) ? chosbox + 1 : 1;
            }
            document.getElementById('boxx_'+chosbox).style.display = 'none';
            document.getElementById('boxx_'+tshow).style.display = '';
            chosbox = tshow;
        }
    </script>
    
    <script type="text/javascript">
    
    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    //Contents for menu 1
    var menu1=new Array()
    menu1[0]='<a href="?news">News</a>'
    menu1[1]='<a href="?gbook">GBooK</a>'
    menu1[2]='<a href="?gallery">Gallery</a>'
    menu1[3]='<a href="?kalender">Kalender</a>'
    
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="?teams">Squads</a>'
    menu2[1]='<a href="?joinus">JoinUs</a>'
    menu2[2]='<a href="?fightus">FightUs</a>'
    menu2[3]='<a href="?wars">Wars</a>'
    menu2[4]='<a href="?trains">Training</a>'
    menu2[5]='<a href="?rules">Regeln</a>'
    
    //Contents for menu 3, and so on
    var menu3=new Array()
    menu3[0]='<a href="?forum">Forum</a>'
    menu3[1]='<a href="?user">Mitglieder</a>'
    menu3[2]='<a href="?links">Links</a>'
    menu3[3]='<a href="?downloads">Downloads</a>'
    menu3[4]='<a href="?awaycal">Away</a>'
    
    //Contents for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="?contact">Kontakt</a>'
    menu4[1]='<a href="?impressum">Imprint</a>'
    menu4[2]='<a href="?rules">Regelwerk</a>'
    menu4[3]='<a href="?history">Geschichte</a>'
    menu4[4]='<a href="?awards">Auszeichnungen</a>'
    
    var menuwidth='123px' //default menu width
    var menubgcolor='write'  //menu bgcolor
    var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?
    
    /////No further editting needed
    
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    
    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    
    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }
    
    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }
    
    
    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)
    
    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
    
    return clickreturnvalue()
    }
    
    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }
    
    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }
    
    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }
    
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    
    </script>
    </head>
    <body>
    <div align="center"><div id="all">
    <!-- BREAK //-->
    
    <div id="img01" align="left" style="margin-top: 37px">
    </div>
                    <td><table width="517" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="include/designs/mar_BlackSolution_modCS/bilder/links_leer.png" name="image23" width="22" height="29" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '105px')" onMouseout="delayhidemenu()"><img src="include/designs/mar_BlackSolution_modCS/bilder/infotainment.png" name="image1" width="105" height="29" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '121px')" onMouseout="delayhidemenu()"><img src="include/designs/mar_BlackSolution_modCS/bilder/clansection.png" name="image2" width="121" height="29" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '129px')" onMouseout="delayhidemenu()"><img src="include/designs/mar_BlackSolution_modCS/bilder/communityarea.png" name="image3" width="129" height="29" border="0"></a></td>
                      <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '123px')" onMouseout="delayhidemenu()"><img src="include/designs/mar_BlackSolution_modCS/bilder/miscation.png" name="image4" width="123" height="29" border="0"></a></td>
                      <td><img src="include/designs/mar_BlackSolution_modCS/bilder/rechts_leer.png" name="image29" width="17" height="29" border="0"></a></td>
                    </tr>
    </table>
    <div id="img02" align="left" valign="top" >
    </div>
    <div id="bsstatistik" align="left" valign="top"  style="margin-top: 42px">
          <div id="bsstatistik-inhalt">{_boxes_statistikgv}</div>
    </div></div>
    
    <div id="img03" align="left" valign="top">
          <div id="img03-login">{_boxes_logincs}</div>
          <div id="img03-infopanel" align="left" ><div align="center">
    <a  href="javascript:void(0);" onclick="togglebox(1);"><img src="include/images/icons/boxen/lastcs.png" border="0" alt="Lastwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(2);"><img src="include/images/icons/boxen/nextcs.png" border="0" alt="Nextwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(3);"><img src="include/images/icons/boxen/traincs.png" border="0" alt="Training"></a>
    </div>
    <div id="boxx_1">{_boxes_lastnewscs}</div>
    <div id="boxx_2" style="display:none">{_boxes_lastforumcs}</div>
    <div id="boxx_3" style="display:none">{_boxes_allianzcs}</div></div>
          <div id="img03-slider"><div id="cu3er-container">
        <a href="http://www.adobe.com/go/getflashplayer">
            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
    </div>
    </div></div>
    <div id="img04" align="left" valign="top" >
          <div id="ticker">{_boxes_ticker}</div>
    </div>
    
      <div id="contentbs">
     
     <div id="left_col">
           {_list_menunr1@
            <table width="210" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="width: 200px; height: 40px; background: url(include/designs/mar_BlackSolution_modCS/bilder/boxmenu_links.png) no-repeat bottom left;" align="center"><b class="btitle">%1</b></td>
              </tr><tr>
                <td style="min-height:20px; padding: 4px;">%2</td>
              </tr>
            </table>
            <br />
            }
    
      </div>
        <div id="topmenu" align="left" valign="top" ><font><b> &nabla; </b>{HMENU}</font></div>
      <div id="main_col">{EXPLODE}</div>
    
      <div id="right_col1">
            {_list_menunr2@
            <table width="300" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td style="width: 300px; height: 40px; background: url(include/designs/mar_BlackSolution_modCS/bilder/boxmenu_rechts.png) no-repeat bottom left;" align="center"><b class="btitle">%1</b></td>
              </tr><tr>
                <td style="min-height:20px; padding: 3px;">%2</td>
              </tr>
            </table>
            <br />
            }
    
      </div>
    
      <br style="clear: both;" />
      </div>
    
    <div id="bsfoot" align="left" valign="top" >
          <div id="marfoot"><div align="center">All rights reserved by <a href="index.php?impressum" title="Imprint"><u>{SITENAME}</u></a>&nbsp;&nbsp;&nbsp;&copy; Design by <a href="http://www.maretz.eu" title="Maretz.eu - Digital Art | GFX-Support"><u>Maretz.eu - Digital Art</u></a>&nbsp;&nbsp;&nbsp;CMS by <a href="http://www.ilch.de" title="Ilch.de"><u>ilch.de</u></a></div>
    </div></div>
    <div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 200px; background: url
    
    (/include/images/ddloginslider/bar.png) repeat scroll 0% 0% transparent; height: 203px; z-index: 999;" >
                 
          <div style=" margin-top:20px; margin-left:47px; text-align:left;"></div>
    </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
     
      function changeSlider()
      {
        if(state==0){
            $('#login_slider').animate({width: 40 }, "slow", function(){});
            }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){});
        wait = false;
      }
     
        $('#login_slider').mouseenter(function(event){
            if(state==0)
            {
                state =1; 
                changeSlider();
                wait = true;
                setTimeout('changeSlider();',2000)
            }
           
            if(wait)
             state = 1;
        })
    
       
        $('#login_slider').mouseleave(function(){
            state = 0;
            if(!wait)
                changeSlider(); 
        });
          </script> 
      <br /></body>
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->
    
    <!--Waitbox-finish begin--> 
    <script type="text/javascript"> 
    <!-- 
    setTimeout("ap_showWaitMessage('waitDiv', 0);",800) 
    //--> 
    </script> 
    <!--Waitbox-finish end-->



    Wie gesagt das wollte ich als Ts3 nutzen rechte Seite. Nur frage ich mich wie und wo ich da mein Script einfügen muss....


    Kann mir da einer Helfen??

    Danke

    DioXin

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    Ist das der Dragon Design Login Slider?
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    ja ist er
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    Whazza hat hier eine Anleitung, wie man den umschreibt zum TS Slider.

    externer Link

    und wenn du das einbaust und das änderst:

    <div id="ts_slider1" class="ts_slider1" style=" left: -262px; width:
    308px; position: fixed; top: 125px; background: url(/DEIN BILD LINK)
    repeat scroll 100% 0% transparent; height: 635px; z-index: 999;" >
    <div
    style="position:absolute;top:10pt;right:43pt;width:186px;height:592px;overflow:auto">DEIN
    TS3 SCRIPT EINFÜGEN</div>


    ZU

    <div id="ts_slider1" class="ts_slider1" style=" right: -262px; width:
    308px; position: fixed; top: 125px; background: url(/DEIN BILD LINK)
    repeat scroll 100% 0% transparent; height: 635px; z-index: 999;" >
    <div
    style="position:absolute;top:10pt;left:43pt;width:186px;height:592px;overflow:auto">DEIN
    TS3 SCRIPT EINFÜGEN</div>


    Müsste es funken. Rechts.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    Glaube mir habe ich alles schon durch es geht einfach nicht hatte Whazza auch eine pn geschickt er wollte sich das anschauen aber leider noch keine Antwort.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    Kann ich schlecht ahnen, richtig?
    Zumal du das nirgends geschrieben hast.

    Ich schau mir mal eben dein index an..
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    1.
    <script type="text/javascript" src="include/designs/mar_BlackSolution_modCS/flash/js/swfobject/swfobject.js">


    ist nicht geschlossen. </script>


    2.
    <!--Waitbox begin-->
    <div id="waitDiv" class="waitbox" style="left: 27%; visibility: hidden; position: absolute; top: 426px" align="center">
    <table cellpadding="6" summary="Splash-Screen Wait">
     
    <tbody>
    <tr>
    <td><div align="center"><b></b><br><img src="include/designs/mar_BlackSolution_modCS/bilder/wait.gif" border="0" align="top"><br clear="all"></div></td>
    </tr>
    </tbody>
    </table>
    </div>


    Was hat das im Head zu suchen!?


    Zuletzt modifiziert von Forcey am 03.01.2012 - 21:13:03
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    nein das ist richtig ich warte mal bis Morgen ab kann ja sein das er noch eine PN schreibt..

    Sonst melde ich mich bei dir wen du nix dagegen hast..

    Können das dann ja noch einmal durchgehen..
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    <div align="center">


    Wird auch nicht geschlossen. </div>

    Da sind einige kleinigkeiten drin.

    Ansonsten würd ich dir auch per FTP helfen, wenn INteresse einfach mal PM reinhauen.


    Zuletzt modifiziert von Forcey am 03.01.2012 - 21:17:49
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
     Code
    1:
    	 	<script type="text/javascript" src="include/designs/DEIN-DESIGNNAME-HIER-EINTRAGEN/jquery.min.js"></script>



    	<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 200px; background: url
    
    (/include/images/ddloginslider/bar.png) repeat scroll 0% 0% transparent; height: 203px; z-index: 999;" >
                 
          <div style=" margin-top:20px; margin-left:47px; text-align:left;">
          {_boxes_login}
          </div>
          </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
     
      function changeSlider()
      {
        if(state==0){
            $('#login_slider').animate({width: 40 }, "slow", function(){});
            }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){});
        wait = false;
      }
     
        $('#login_slider').mouseenter(function(event){
            if(state==0)
            {
                state =1; 
                changeSlider();
                wait = true;
                setTimeout('changeSlider();',2000)
            }
           
            if(wait)
             state = 1;
        })
    
       
        $('#login_slider').mouseleave(function(){
            state = 0;
            if(!wait)
                changeSlider(); 
        });
          </script> 
      <br />





    ist das denn so nicht richtig???
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von DioXin

     Code
    1:
    	 	<script type="text/javascript" src="include/designs/DEIN-DESIGNNAME-HIER-EINTRAGEN/jquery.min.js"></script>



    	<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top: 200px; background: url
    
    (/include/images/ddloginslider/bar.png) repeat scroll 0% 0% transparent; height: 203px; z-index: 999;" >
                 
          <div style=" margin-top:20px; margin-left:47px; text-align:left;">
          {_boxes_login}
          </div>
          </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
     
      function changeSlider()
      {
        if(state==0){
            $('#login_slider').animate({width: 40 }, "slow", function(){});
            }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){});
        wait = false;
      }
     
        $('#login_slider').mouseenter(function(event){
            if(state==0)
            {
                state =1; 
                changeSlider();
                wait = true;
                setTimeout('changeSlider();',2000)
            }
           
            if(wait)
             state = 1;
        })
    
       
        $('#login_slider').mouseleave(function(){
            state = 0;
            if(!wait)
                changeSlider(); 
        });
          </script> 
      <br />





    ist das denn so nicht richtig???









    1. include Ordner Hochladen.

    VORSICHT: überschreibt:

    include/includes/func/forum.php
    include/boxes/login.php
    include/templates/user/boxes_login.htm

    2.1 HINWEIS: DDv7 nutzer brauchen diesen Schritt 2.1 nicht zu beachten !
    include/designs/DEIN DESIGN/index.htm öffnen
    und folgende Zeile zwischen den <head> bereich einfügen.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Dieses Tutorial befolgen und dann sollte der Slider laufen.
    Grafik kannste ja auf die eigenen Bedürfnisse anpassen.

    Mfg Maretz

    demo.maretz.eu/tutorials/mar_xantur_tsslider.html

    PS: Dieses Tutorial geht auch bei allen anderen Templates.Links halt nur dem Template anpassen,also nicht mar_Xantur...ect... lächeln


    Zuletzt modifiziert von Maretz am 03.01.2012 - 21:24:37
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    danke werde es mal Testen sonst bin ich fix wieder hier zu nerven..
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    Sorry @DioXin bin noch nicht dazu gekommen. Falls es nicht klappt nochmal melden.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    DioXin Mitglied
    Registriert seit
    28.05.2011
    Beiträge
    124
    Beitragswertungen
    2 Beitragspunkte
    kein Ding werde ich machen....
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    UniX Mitglied
    Registriert seit
    25.11.2011
    Beiträge
    96
    Beitragswertungen
    1 Beitragspunkte
    also mir hats hinbekommen nach der anleitung

    ZitatZitat

    Demo.maretz.eu/tutorials/mar_xantur_tsslider.html

    PS: Dieses Tutorial geht auch bei allen anderen Templates.Links halt nur dem Template anpassen,also nicht mar_Xantur...ect... Smilie



    Danke echt toll habs auch nach rechts bekommen is auchnet schwer!
    Gfeundene verschreibär un rechtschreibfeihler Dürft ihr behalten! Der Rest ist unter meinem ©
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten