ilch Forum » Ilch Clan 1.1 » Design und Templates » Animiertes Menü

Geschlossen
  1. #1
    User Pic
    stefan0585 Mitglied
    Registriert seit
    04.10.2011
    Beiträge
    81
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute,

    folgendes kleines Problem, auf meiner HP würde ich gerne über dem Bilder Modul die animierten Buttons für Facebook und Co. haben. Hatte das auch schon mal eingefügt gehabt. Nur waren die Buttons ganz rechts von der HP.

    Hier meine Index.htm ohne den Code:

    <!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>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="http://rng-clan.de" data-send="true" data-width="450" data-show-faces="true"></div>
    
    
    
    
    
    
    <title>{TITLE}</title>
    <link rel="stylesheet" type="text/css" href="include/designs/mar_BlackSolution_modMW3/modMW3style.css">
    <script type="text/javascript" src="include/designs/mar_BlackSolution_modMW3/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_modMW3/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_modMW3/bilder/menu_stand.png');
    }
    
    #dropmenudiv a:hover{            /*hover background color*/
    color: #A0CC00;
    background-image:url('include/designs/mar_BlackSolution_modMW3/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_modMW3/flash/config.xml";
    		flashvars.font = "font.swf";
    		var attributes = {};
    		attributes.wmode = "transparent";
    		attributes.id = "slider";
    		swfobject.embedSWF("include/designs/mar_BlackSolution_modMW3/flash/cu3er.swf", "cu3er-container", "414", "128", "9", "include/designs/mar_BlackSolution_modMW3/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><script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-24755206-2']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </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_modMW3/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_modMW3/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_modMW3/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_modMW3/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_modMW3/bilder/miscation.png" name="image4" width="123" height="29" border="0"></a></td>
                      <td><img src="include/designs/mar_BlackSolution_modMW3/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_loginmw3}</div>
          <div id="img03-infopanel" align="left" ><div align="center">
    <a  href="javascript:void(0);" onclick="togglebox(1);"><img src="include/images/icons/boxen/lastmw3.png" border="0" alt="Lastwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(2);"><img src="include/images/icons/boxen/nextmw3.png" border="0" alt="Nextwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(3);"><img src="include/images/icons/boxen/trainmw3.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_modMW3/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_modMW3/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 | Free Ilch Clan und Community Templates"><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>
    </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> 
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="tall" annotation="inline"></g:plusone>
    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      window.___gcfg = {lang: 'de'};
    
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <!--Waitbox-finish end-->


    Und hier ist die Index.htm mit dem Code...habe leider keine Ahnung wo der hin muss, damit die Buttons da sind wo ich sie gerne hätte.


    <!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="icon" href="http://rng-clan.de/favicon.gif" type="image/gif">
    <div id="fb-root"></div><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    [u]<script type="text/javascript">
    $(document).ready(function(){
                                  
    $("#animatemenu a").hover(function(){
    $(this).animate({top: '5px'}, 100).animate({top: '10px'}, 200).animate({top: '0px'}, 200);
    }, function(){
    $(this).animate({top: '15px'}, 200);
     });
                
    });
    </script>
    <style type="text/css">
    #animatemenu
    {
     width:100%;
                height:50px;
                float: right;
                margin-right:20px;
                overflow:hidden;
                position:relative;
          }
          #animatemenu a
          {
                width:44px;
                height:44px;
                position:absolute;
                top:15px;
          }
          </style>	<!-- Anfang Springende Buttons -->
    <div id="animatemenu" align="right" style="margin-top:60px;">
                   <a href="http://store.steampowered.com/" target="_blank" title="Follow Us to Steam" style="right:153px;"><img src="uploads/steam.png" border="0"></a>
                    <a href="http://www.youtube.com/" target="_blank" title="Follow Us to YouTube" style="right:102px;"><img src="uploads/youtube.png" border="0"></a>
                    <a href="http://www.facebook.com/rng.clan" target="_blank" title="Follow Us to Facebook" style="right:51px;"><img src="uploads/facebook.png" border="0"></a>
                    <a href="http://www.twitter.com/#!/RheinNeckarGriz" target="_blank" title="Follow Us to Twitter" style="right:0px;"><img src="uploads/twitter.png" border="0"></a>
    </div>
    <!-- Ende Springende Buttons -->[/u]
    <script>
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="http://rng-clan.de" data-send="true" data-width="450" data-show-faces="true"></div>
    
    
    
    
    
    
    <title>{TITLE}</title>
    <link rel="stylesheet" type="text/css" href="include/designs/mar_BlackSolution_modMW3/modMW3style.css">
    <script type="text/javascript" src="include/designs/mar_BlackSolution_modMW3/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_modMW3/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_modMW3/bilder/menu_stand.png');
    }
    
    #dropmenudiv a:hover{            /*hover background color*/
    color: #A0CC00;
    background-image:url('include/designs/mar_BlackSolution_modMW3/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_modMW3/flash/config.xml";
    		flashvars.font = "font.swf";
    		var attributes = {};
    		attributes.wmode = "transparent";
    		attributes.id = "slider";
    		swfobject.embedSWF("include/designs/mar_BlackSolution_modMW3/flash/cu3er.swf", "cu3er-container", "414", "128", "9", "include/designs/mar_BlackSolution_modMW3/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><script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-24755206-2']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </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" />
    
    </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_modMW3/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_modMW3/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_modMW3/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_modMW3/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_modMW3/bilder/miscation.png" name="image4" width="123" height="29" border="0"></a></td>
                      <td><img src="include/designs/mar_BlackSolution_modMW3/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_loginmw3}</div>
          <div id="img03-infopanel" align="left" ><div align="center">
    <a  href="javascript:void(0);" onclick="togglebox(1);"><img src="include/images/icons/boxen/lastmw3.png" border="0" alt="Lastwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(2);"><img src="include/images/icons/boxen/nextmw3.png" border="0" alt="Nextwars"></a>
    <a  href="javascript:void(0);" onclick="togglebox(3);"><img src="include/images/icons/boxen/trainmw3.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_modMW3/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_modMW3/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 | Free Ilch Clan und Community Templates"><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>
    </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> 
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="tall" annotation="inline"></g:plusone>
    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
      window.___gcfg = {lang: 'de'};
    
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    <!--Waitbox-finish end-->


    Besten Dank

    MfG stefan

    betroffene Homepage: rng-clan.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    stefan0585 Mitglied
    Registriert seit
    04.10.2011
    Beiträge
    81
    Beitragswertungen
    0 Beitragspunkte
    Problem gelöst. Kann geschlossen werden

    Danke
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten