ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » [Sammelthread] Team Slider Modul

Geschlossen
  1. #1
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hallo Ilch-Community,

    aufgrund der großen Popularität des Random Member / User Box Scroller Modul, habe ich mich entschlossen ein neues Modul der Art zu Schreiben. Der Name das Modul lautet Team Slider und basiert auf dem JavaScript Framework jQuery. Es bringt viele kleine Futures mit sich, die sich aber Kinderleicht über das Ilch AdminMenü Konfigurieren lassen.

    Team Slider Modul 1.0

    gesperrtes Bild

    zur DEMO

    zum DOWNLOAD

    Anregungen und Kritik sind hier erwünscht!
    Postet einfach mal eure Seite wo ihr das Modul Benutzt zwinker

    Viel Spaß damit !

    betroffene Homepage: externer Link


    Zuletzt modifiziert von OloX am 29.11.2010 - 16:42:33
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Hi, sehr nette Idee zwinker, hätte auch noch ne idee zür die nächste version... dass man im adminbereich vlt zu dem jeweiligem Gam n icon hochladen kann, und dieses zusätzlich zur game-bezeichnung angezeigt wir. Ansonsten find ich's sehr nice.

    Edit: Und dass die max Größe der dargestellten Avatare festgeegt ist... zB max 80x80


    Zuletzt modifiziert von trejay am 26.09.2010 - 22:48:28
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Akira Mitglied
    Registriert seit
    25.01.2007
    Beiträge
    1.369
    Beitragswertungen
    1 Beitragspunkte
    das schaut cool aus lachen

    ich teste das mal durch zwinker
    externer Link Visit Us zwinker
    Neue Scripte: JQuery Login usw... Turnier(externer Link Multi-Bewertung, Refferer, Forum Upload, E-Mail login
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    ZitatZitat geschrieben von trejay

    Edit: Und dass die max Größe der dargestellten Avatare festgeegt ist... zB max 80x80

    Die Avatare werden nur verkleinert, wenn "User Details unter dem Avatar Positionieren?" auf Nein seht und die Boxen Breite kleiner als 165 eingestellt ist zwinker

    27.09.2010 - 01:20 HOTFIX
    An Alle die es schon Geladen haben, bitte nochmal Laden und Updaten...

    MfG OloX


    Zuletzt modifiziert von OloX am 27.09.2010 - 01:18:22
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    So, hab des mal drauf und alles funzt bis auf, dass bei uns alle member eines teams aufgelistet werden und man über die wechselbotton nicht wechseln kann und die Playerdaten lassen sich auch nicht unter die Avatare setzen.

    LINK: a-41.de/index.php
    rechts boxenmenü 2 dann etwas runterscrollen
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hey 0rsn1p3*dlx*,
    bei dir funzt das nicht, weil jQuery 3mal bei deiner Page eingebunden wird zwinker
    Die Funken jetzt dazwischen und das Modul funzt überhaupt nicht schockiert
    Bei meinen ist die aktuelle dabei und seht im Head-Bereich an erster stelle.
    Also musst du jetzt versuchen bei den anderen Modulen die jQuery auch benutzen, die jQuery Einbindung zu löschen!
    Dann funzt auch alles zwinker

    MfG OloX
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    puh ... wenn ich jetzt wüsst ^^

    jop, werd es mal versuchen hinzubekommen ... ich denk aber mal nich das des was wird zwinker
    bin zwar kein noob in sachen html und php aber des jQuery gedöns is ne sache für sich lächeln lach ...


    Zuletzt modifiziert von 0rsn1p3*dlx* am 27.09.2010 - 17:52:42
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Ist doch nicht schwer zwinker
    Schau doch einfach im Seiten Quelltext nach.

    Edit:
    ich sehe grade auf deiner Page, das du 2mal den <head> Tag öffnest und wieder schließt... das ist auch nicht GUT! Bitte den Fehler auch noch beheben zwinker


    Zuletzt modifiziert von OloX am 27.09.2010 - 18:18:26
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    hoffe das es jetzt passt ?
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    nein ist immer noch da sauer
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    ? dann weis ich es auch nicht ... hab 3 index htm und änder das erst in einer und übernehm es dann in die anderen, sonst mach ich mir ja 3 fach arbeit, aber kann sie ja mal posten.

    include/includes/js/javascript.js
    //Boxen switch
    var Box = 3;
    var chosenBox = 1;
    function toggleBox (toBox) {
        toBox = isNaN(toBox) ? 0 : toBox;
        if (toBox < 1 || toBox > Box) {
            toBox = (chosenBox < Box) ? chosenBox + 1 : 1;
        }
        document.getElementById('Box_'+chosenBox).style.display = 'none';
        document.getElementById('Box_'+toBox).style.display = '';
        chosenBox = toBox;
    }
    
    // Head Ani
    var tx = new Array ("[¼] All 4 One", "a-41", "Der Multigaming Clan", "BFBC2 | Blackshot"); 
    var txcount=4; 
    var i=1; 
    var wo=0; 
    var ud=1; 
    function animatetitle() 
    { 
        window.document.title=tx[wo].substr(0, i)+" "; 
        if (ud==0) i--; 
        if (ud==1) i++; 
        if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} 
        if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} 
        // if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; 
        // if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; 
        // if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000); 
        parent.window.document.title=tx[wo].substr(0, i)+" "; 
        setTimeout("animatetitle()",100); 
    } 
    
    // Rest
    function MM_swapImgRestore() { //v3.0
        var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
            var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
        var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
            d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
        if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
        var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
        if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    /***********************************************
    * 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, and so on
    var menu1=new Array()
    menu1[0]='<a href="?">&bull; News</a>'
    menu1[1]='<a href="?history">&bull; Geschichte</a>'
    menu1[2]='<a href="?ts3viewer">&bull; TS 3</a>'
    menu1[3]='<a href="?phgstats">&bull; Server</a>'
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="?forum">&bull; Forum</a>'
    menu2[1]='<a href="?user">&bull; User</a>'
    menu2[2]='<a href="?vote">&bull; Umfragen</a>'
    menu2[3]='<a href="?awards">&bull; Auszeichnung</a>'
    menu2[4]='<a href="?gbook">&bull; Gbook</a>'
    menu2[5]='<a href="?clans">&bull; Clans</a>'
    menu2[6]='<a href="?auszeichnungen">&bull; Awards</a>'
    //Contents for menu 3, and so on in arbeit
    var menu3=new Array()
    menu3[0]='<a style="color:#FF0000" href="?awaycal">&bull; Away</a>'
    menu3[1]='<a href="?rules">&bull; Regeln</a>'
    menu3[2]='<a href="?ruless">&bull; Server Regeln</a>'
    menu3[3]='<a href="?kalender">&bull; Kalender</a>'
    menu3[4]='<a href="?gallery">&bull; Galerie</a>'
    menu3[5]='<a href="?teams">&bull; Teams</a>'
    menu3[6]='<a href="?kasse">&bull; Clankasse</a>'
    menu2[7]='<a href="?projekte">&bull; Projekte</a>'
    //Contents for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="?fightus">&bull; Fight Us</a>'
    menu4[1]='<a href="?wars">&bull; Wars</a>'
    menu4[2]='<a href="?warstats">&bull; Warstats</a>'
    menu2[3]='<a href="?ezstats">&bull; BFBC2 Stats</a>'
    menu4[4]='<a href="?articles">&bull; Unsere Games</a>'
    //Contents for menu 5, and so on
    var menu5=new Array()
    menu5[0]='<a href="?links">&bull; Links</a>'
    menu5[1]='<a href="?linkus">&bull; Link Us</a>'
    menu5[2]='<a href="?downloads">&bull; Downloads</a>'
    menu5[3]='<a href="?impressum">&bull; Impressum</a>'
    menu5[4]='<a href="?statistik">&bull; Page Statistik</a>'
    menu5[5]='<a style="color:#FF0000" href="?topliste">&bull; TOPLIST</a>'
    //Contents for menu 6, and so on
    var menu6=new Array()
     
    var menuwidth='120px' //default menu width
    var menubgcolor='white'  //menu bgcolor
    var disappeardelay=300  //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


    <!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">
    <head>
    <link rel="shortcut icon" href="http://www.a-41.de/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="include/designs/clan/style.css">
    <script type="text/javascript" src="include/includes/js/javascript.js"></script> 
    <title>a-41 | All 4 One</title>
    </head>
    <body onload="MM_preloadImages('include/designs/clan/bilder/menu/main2.png','include/designs/clan/bilder/menu/com2.png','include/designs/clan/bilder/menu/clan2.png','include/designs/clan/bilder/menu/game2.png','include/designs/clan/bilder/menu/link2.png')">
    <center>
    <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="40">&nbsp;</td>
      </tr>
    </table>
      <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="20"><img src ="include/designs/clan/bilder/head.png" width="920" height="20"/></td>
      </tr>
    </table>
      <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="120" bgcolor="#222222" background="include/designs/clan/bilder/header.jpg">
        <div style="width:210px; padding-left:700px;">{_boxes_LOGIN+CBS}</div>
        </td>
      </tr>
    </table>
      <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="3"><img src ="include/designs/clan/bilder/bg.jpg" width="920" height="3"/></td>
      </tr>
    </table>
       <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="40" valign="middle" background="include/designs/clan/bilder/menu.png">
        
        <div style="padding-left:10px;">
        
        <a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/clan/bilder/menu/main.png" alt="Mainmenu" name="main" width="118" height="34" border="0" id="main" onmouseover="MM_swapImage('main','','include/designs/clan/bilder/menu/main2.png',1)" onmouseout="MM_swapImgRestore()" /></a>
        
        <a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/clan/bilder/menu/community.png" alt="Commenu" name="com" width="118" height="34" border="0" id="main" onmouseover="MM_swapImage('com','','include/designs/clan/bilder/menu/community2.png',1)" onmouseout="MM_swapImgRestore()" /></a>
        
        <a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/clan/bilder/menu/clan.png" alt="clan" name="clan" width="118" height="34" border="0" id="clan" onmouseover="MM_swapImage('clan','','include/designs/clan/bilder/menu/clan2.png',1)" onmouseout="MM_swapImgRestore()" /></a>
        
        <a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/clan/bilder/menu/game.png" alt="game" name="game" width="118" height="34" border="0" id="game" onmouseover="MM_swapImage('game','','include/designs/clan/bilder/menu/game2.png',1)" onmouseout="MM_swapImgRestore()" /></a>
        
         <a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu5, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/clan/bilder/menu/link.png" alt="link" name="link" width="118" height="34" border="0" id="link" onmouseover="MM_swapImage('link','','include/designs/clan/bilder/menu/link2.png',1)" onmouseout="MM_swapImgRestore()" /></a>
         
         </div>
         
         </td>
      </tr>
    </table>
         <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="3"><img src ="include/designs/clan/bilder/bg.jpg" width="920" height="3"/></td>
      </tr>
    </table>
           <table width="920" background="include/designs/clan/bilder/bg.jpg" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="50" rowspan="3" align="center" valign="top">&nbsp;</td>
        <td width="297" height="32" valign="top" class="boxes" background="include/designs/clan/bilder/box_oben_2.jpg"><div style="padding-left:8px; padding-top:8px;"><strong>Last News</strong></div>
        <td width="340" rowspan="3" align="center" valign="top">&nbsp;</td>
        <td width="297" height="32" valign="top" class="boxes" background="include/designs/clan/bilder/box_oben_2.jpg"><div style="padding-left:8px; padding-top:8px;"><strong>Last Forum</strong></div></td>
        <td width="450" rowspan="3" align="center" valign="top">&nbsp;</td>
        <td width="287" valign="top" class="boxes" background="include/designs/clan/bilder/box_oben.jpg"><div style="padding-left:8px; padding-top:8px;"><strong>Last Wars</strong></div></td>
      </tr>
      <tr>
        <td width="297" valign="top" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:4px; padding-right:2px;">{_boxes_LASTNEWS}</div></td>
        <td width="297" valign="top" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:4px; padding-right:2px;">{_boxes_LASTFORUM}</div></td>
        <td width="287" valign="top" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:4px; padding-right:2px;">{_boxes_LASTWARS}</div></td>
        <td width="360" rowspan="3" align="center" valign="top">&nbsp;</td>
      </tr>
      <tr>
        <td width="297" height="10" align="left" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="297" height="10" border="0"/></td>
        <td width="297" height="10" align="left" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="297" height="10" border="0"/></td>
        <td width="287" height="10" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="287" height="10" border="0"/></td>
      </tr>
    </table>
       <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="3"><img src ="include/designs/clan/bilder/bg.jpg" width="920" height="3"/></td>
      </tr>
    </table>
                  <table width="920" background="include/designs/clan/bilder/bg.jpg" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td valign="top">
          
          <table background="" width="613" cellpadding="0" cellspacing="0">
            <tr>
              <td width="4" rowspan="2">&nbsp;</td>
              <td width="605" align="left" valign="top" background="include/designs/clan/bilder/content_bg.jpg">{EXPLODE}</td>
              <td width="4" rowspan="2">&nbsp;</td>
            </tr>
           
          </table>
          
        </td>
        
       
        <td width="307" align="center" valign="top">
        
    <div>
      
     <div id="Menu">
        <a href="javascript:void(0);" onclick="toggleBox(1);"><img src="include/designs/clan/bilder/boxen/box_bot_1.png" border="0"  /></a>
        <a href="javascript:void(0);" onclick="toggleBox(2);"><img src="include/designs/clan/bilder/boxen/box_bot_2.png" border="0"  /></a>  
        <a href="javascript:void(0);" onclick="toggleBox(3);"><img src="include/designs/clan/bilder/boxen/box_bot_3.png" border="0"  /></a> 
     </div>
         
    
    <div id="Box_1">     
     <table width="307" border="0" cellpadding="0" cellspacing="0">
          <tr>
              <td align="left" valign="top" colspan="3">{_list_menunr3@ </td>
          </tr>
          <tr>
              <td width="10">&nbsp;</td>
              <td width="287" height="32" class="boxes" valign="top" background="include/designs/clan/bilder/box_oben.jpg"><div style="padding-left:10px; padding-top:8px;"><strong>%1</strong></div></td>
              <td width="10">&nbsp;</td>
          </tr>
          <tr>
              <td width="10">&nbsp;</td>
              <td width="287" align="left" valign="top" class="boxes" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:5px; padding-top:4px;">%2</div></td>
              <td width="10">&nbsp;</td>
          </tr>
          <tr>
              <td width="10" height="10">&nbsp;</td>
              <td width="287" height="10" align="left" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="287" height="10" border="0"/></td>
              <td width="10">&nbsp;</td>
          </tr>
          <tr> 
              <td width="10">&nbsp;</td>
              <td width="287" align="left" valign="top">}</td>
              <td width="10">&nbsp;</td>
          </tr>
       </table>
    </div>
    
    <div id="Box_2" style="display:none;">     
     <table width="307" border="0" cellpadding="0" cellspacing="0">
          <tr>
                <td align="left" valign="top" colspan="3">{_list_menunr4@ </td>
                </tr>
                <tr>
                  <td width="10">&nbsp;</td>
                  <td width="287" height="32" class="boxes" valign="top" background="include/designs/clan/bilder/box_oben.jpg"><div style="padding-left:10px; padding-top:8px;"><strong>%1</strong></div></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr>
                  <td width="10">&nbsp;</td>
                  <td width="287" align="left" valign="top" class="boxes" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:5px; padding-top:4px;">%2</div></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr>
                  <td width="10" height="10">&nbsp;</td>
                  <td width="287" height="10" align="left" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="287" height="10" border="0"/></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr> 
                  <td width="10">&nbsp;</td>
                  <td width="287" align="left" valign="top">}</td>
                  <td width="10">&nbsp;</td>
                
          </tr>
         </table>
    </div>
    
    <div id="Box_3" style="display:none;">    
     <table width="307" border="0" cellpadding="0" cellspacing="0">
          <tr>
                <td align="left" valign="top" colspan="3">{_list_menunr5@ </td>
                </tr>
                <tr>
                  <td width="10">&nbsp;</td>
                  <td width="287" height="32" class="boxes" valign="top" background="include/designs/clan/bilder/box_oben.jpg"><div style="padding-left:10px; padding-top:8px;"><strong>%1</strong></div></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr>
                  <td width="10">&nbsp;</td>
                  <td width="287" align="left" valign="top" class="boxes" background="include/designs/clan/bilder/content_bg.jpg"><div style="padding-left:5px; padding-top:4px;">%2</div></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr>
                  <td width="10" height="10">&nbsp;</td>
                  <td width="287" height="10" align="left" valign="top"><img src="include/designs/clan/bilder/content_bg_footer.jpg" width="287" height="10" border="0"/></td>
                  <td width="10">&nbsp;</td>
                </tr>
                <tr> 
                  <td width="10">&nbsp;</td>
                  <td width="287" align="left" valign="top">}</td>
                  <td width="10">&nbsp;</td>
                
          </tr>
         </table>
    </div>
    </div>     
         
         
       </td>
      </tr>
    </table>
          <table width="920" background="" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td width="920" height="80" background="include/designs/clan/bilder/footer.png">
        
        <div style=" color:#0099FF; width:600px; height:20px; padding-left:20px;">&copy; and Design by: <a style="color:#FFFFFF" href="www.a-41.de">A-41</a> Clan | Script by: <a style="color:#FFFFFF" href="www.ilch.de.de">Ilch</a></div>
        
        </td>
      </tr>
    </table>
    </center>
    </body>
    </html>
      {_list_hmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>||</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>|<ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}



    Zuletzt modifiziert von OloX am 27.09.2010 - 20:03:01
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    worldwideweb Mitglied
    Registriert seit
    30.09.2008
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    Ein </center> tag außerhalb des bodys...okey lächeln dafür bekommst du keine 1 im html lächeln

    das kannst du glaube ich auch mit ins body schreiben. <body align="center"...> frag mich aber nicht ob das geht lächeln


    Zuletzt modifiziert von worldwideweb am 27.09.2010 - 19:01:02
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    war ja auch das was ich wissen wollte wa ?!
    sehr hilfreich vorallem ... aber danke fürs darauf hinweisen ...
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    worldwideweb Mitglied
    Registriert seit
    30.09.2008
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von 0rsn1p3*dlx*

    war ja auch das was ich wissen wollte wa ?!
    sehr hilfreich vorallem ... aber danke fürs darauf hinweisen ...


    Wollte es nur mal anbringen. Also ich sehe meinserseits keinen 2. head tag....


    Zuletzt modifiziert von worldwideweb am 27.09.2010 - 19:02:28
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    den hab ich schon rausgenommen, wenn es das war was olox meinte ...
    Jetzt hab ich nur noch das prob mit dem jQerry und mit dem boxenmenü rechts
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    0rsn1p3*dlx*, ich habe deinen Beitrag oben Bearbeitet, müsste jetzt funzen zwinker
    Aber ich denke mal das deine Boxen an sich noch Probleme machen grumml
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Hi ich wollte mal fragen wie man die Avatar in der Box kleiner machen kann?
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hey whazza,
    include/templates/box/teamslider.htm

    oder im AdminMenü die Boxen Breite auf 165 stellen und "User Details unter dem Avatar Positionieren?" auf Nein stellen zwinker

    MfG OloX
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    orsnipe Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    425
    Beitragswertungen
    11 Beitragspunkte
    erst mal danke olox.
    Aber das geht auch nicht, jetzt geht das dropdown menü oben nicht und das boxenmenü auch nicht ...

    hab wieder die alte datei drin, weil menü muss ja nutzbar sein
    Schau mich nicht in diesem Ton an, ich hab nen Tinnitus im Auge, ich seh nur Pfeifen.
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    ZitatZitat geschrieben von OloX

    "User Details unter dem Avatar Positionieren?" auf Nein stellen zwinker
    MfG OloX


    Danke so ist es schon mal kleiner xD

    Hätte da noch 2 Sachen wenn ich bei mehreren Teams den harken anmache.
    Das sie angezeigt werden sollen, und dann auf den kleinen Pfeil klicke erscheinen keine Bilder.
    Und bei den ersten wo Bilder erscheinen kommt immer bei den letzten Usern keine Infos.

    beta.warriorofheaven.de/index.php
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    @0rsn1p3*dlx*,
    hattest du auch die "include/includes/js/javascript.js" Datei erstellt und Hochgeladen ?

    @whazza,
    das ist sehr komisch, ich habe das Modul in 3 verschiedenen Desgins getestet und es funzt wunderbar grumml

    ilcho.likos.bplaced.net/

    Edit:
    habe den Fehler gefunden! Die Namen von deinen Benutzern sind zu lang...
    Da muss ich mir wohl was einfallen lassen zwinker


    Zuletzt modifiziert von OloX am 28.09.2010 - 18:38:54
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    Galle81 Mitglied
    Registriert seit
    02.10.2009
    Beiträge
    195
    Beitragswertungen
    8 Beitragspunkte
    Hallöchen zusammen,

    bei mir läuft der Teamslider soweit ganz gut.
    Einiges Problem was mir bis jetzt aufgefallen ist, ist das alle Bilder untereinander angezeigt werden, sobald man auf die Gallerie und Usergallerie geht.

    Betroffene Page: externer Link

    Edit: ich denke mal das es an der Lightbox liegt traurig

    mfg Galle


    Zuletzt modifiziert von Galle81 am 29.09.2010 - 22:55:47
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hey Galle81,

    ZitatZitat geschrieben von Galle81

    Edit: ich denke mal das es an der Lightbox liegt traurig


    Da hast recht, deine Prototype Lightbox Funkt dazwischen.
    Aber das ist doch kein Problem, einfach Lightbox für jQuery Laden und gut ist lächeln
    Wenn du Hilfe Braust melde dich einfach hier zwinker

    MfG OloX
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    Galle81 Mitglied
    Registriert seit
    02.10.2009
    Beiträge
    195
    Beitragswertungen
    8 Beitragspunkte
    ZitatZitat
    Da hast recht, deine Prototype Lightbox Funkt dazwischen.
    Aber das ist doch kein Problem, einfach Lightbox für jQuery Laden und gut ist Smilie
    Wenn du Hilfe Braust melde dich einfach hier Zwinker


    jQuery?
    Sry, bin in solchen Sachen nicht gerade gewannt lächeln

    Ich hatte die Greybox drauf, da man bei der nicht viel tun musste, was das einbinden in der Index.htm angeht lächeln

    Was kann ich denn tun, damit ich beide Module nutzen kann (Teamslider + Greybox)

    mfg Galle
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    Fonsi1 Mitglied
    Registriert seit
    01.05.2010
    Beiträge
    455
    Beitragswertungen
    35 Beitragspunkte
    Absolut genial Olox.
    Habe es bei mir drauf gemacht, switcht aber nur zwei Bilder durch. dann hört er auf. Kann mir einer sagen wo drann das Liegt.
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Hey Fonsi1,
    Prototype Lightbox Funkt dazwischen...

    MfG OloX
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    Fonsi1 Mitglied
    Registriert seit
    01.05.2010
    Beiträge
    455
    Beitragswertungen
    35 Beitragspunkte
    Hm und wie kann ich das ändern.
    (Lightbox für jQuery Laden) das Sagt mir jetzt mal garnichts zwinker
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    OloX Hall Of Fame
    Registriert seit
    25.02.2006
    Beiträge
    990
    Beitragswertungen
    23 Beitragspunkte
    Du benutzt auf deiner Seite Lightbox für Prototype,
    Aber der Team Slider benutzt jQuery, deswegen gibt es da Probleme wenn man Prototype und jQuery auf seiner Seite einbindet. Mann sollte sich also für ein JavaScript Framework entscheiden zwinker

    Lightbox für jQuery
    leandrovieira.com/projects/jquery/lightbox/
    PHP, JavaScript, CSS
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    die lightbox sieht nice aus... aber wie bastel ich die ein? hat jemand eine kleine anleitung? weil dafür reicht mein englisch nicht ganz aus^^
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    Fonsi1 Mitglied
    Registriert seit
    01.05.2010
    Beiträge
    455
    Beitragswertungen
    35 Beitragspunkte
    externer Link
    Sonst das mal unter sufu eingeben Lightbox.
    Gibt hier viele Themen dadrüber
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten