ilch Forum » Ilch Clan 1.1 » Allgemein » ts slider zu dumm dafüt

Geschlossen
  1. Mi. 04.01.2012 15:06 Uhr #1
    User Pic
    deinem_klodecke Mitglied
    Registriert seit
    23.11.2011
    Beiträge
    70
    Beitragswertungen
    0 Beitragspunkte
    ich weiß das es schon etliche beiträge gibt ich habe auch alles versucht zu meim proplem habe alles nach dießer anleitung gemacht
    demo.maretz.eu/tutorials/mar_xantur_tsslider.html
    nun hab ich rechts das bild aber es sleidet nicht
    es sol rechts der arm sein habe einfach mal ein normales bild von google genommen!
    hier mal meine index.htm 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html>
<head>
	<title>{TITLE}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/DDvXv2/style.css">
    
    
    <link rel="stylesheet" href="/include/designs/DDvXv2/slider/themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/include/designs/DDvXv2/slider/themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/include/designs/DDvXv2/slider/slider.css" type="text/css" media="screen" />
   

<style type="text/css">

.hame
{
	display: block;
	border:none;
	color: #0CF;
	font-size: 12px;
	width: 208px;
	text-indent: 50px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
	background: url(include/designs/DDvXv2/Bilder/button_sitemenu.png);
}
.hame:hover
{
	display: block;
	border:none;
	color: #0FF;
	font-size: 12px;
	width: 208px;
	text-indent: 50px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
	background: url(include/designs/DDvXv2/Bilder/button_sitemenu_2.png);
} 


/*--Setzt alle Abstände auf "Null"--*/ 
* { 
margin: 0; 
padding: 0; 
}

/*--formatiert die Menüleiste + BGcolor Blau--*/ 
#menu { 
width: 1100px;
height:38px; 
background: ; 
font-family: Verdana; 
font-size: 1em; 
line-height: 1.5; 
float: left; 
}

/*--formatiert die Themenblöcke - Nebeneinander--*/ 
#menu ul { 
float: left; 
width: 119px;
list-style-type: none;
padding-top: 2px;
}

/*--definiert die Blocküberschriften--*/ 
#menu h3 { 
font-size: 11px; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 

/*--definiert die Blocküberschriften--*/ 
#menu h3:hover { 
font-size: 11px; 
text-align: center; 
color: #3CF; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
} 

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
text-decoration: none; 
display: block; 
border: 1px solid #222; 
text-align: center; 
background: url(include/designs/DDvXv2/Bilder/DropDownbutton.png);
color: #3CF;
height: 20px; 
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #000; 
background: url(include/designs/DDvXv2/Bilder/DropDownbutton_hover.png);
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/ 

#menu a.direkt:link { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366;  
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/ 

#menu a.direkt:hover { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #3CF; 
border: 0px solid #ccc; 
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
} 

/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 

#menu li { 
position: relative; 
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block; 
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ 

* html #menu ul li { 
float: left; 
width: 100%; 
} 

/*--nur für IE 7 erkennbar--*/ 

*+ html #menu ul li { 
float: left; 
width: 100%; 
}


</style>
<script type="text/javascript" src="include/designs/DDvXv2/jquery.min.js"></script>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
   $("a#ToogleSidebar1").click().toggle(function() {
       $('#sidebar1').animate({
           width: 'hide',
           opacity: 'hide'
       }, 'slow');
   }, function() {
       $('#sidebar1').animate({
           width: 'show',
           opacity: 'show'
       }, 'fast');
   });
});
-->
</script>
</head>
<script type="text/javascript">
var state = 0;
var wait = false;
 
function changeSlider1()
{
if(state==1){
$('#ts_slid').animate({width: 316 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
 
$('#ts_slid').click(function(){
changeSlider1();
});
      </script>
<body> 
<div id="ts_slid" class="ts_slid" style=" right: -245px; width: 316px; position: fixed; top: 122px;
background: url(include/designs/DDvXv2/images/tsserver.png) repeat scroll 0% 0% transparent; height: 594px; z-index: 999;" >
   <div style="position:absolute;top:9px;left:86px;width:214px;height:576px;overflow:auto; color:#ffffff;">TS-Code</div></div>

<center>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center">
  
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/header.png">
    <tr>
     <td width="1100" height="246" align="right">
     <div style="width:400px; padding-right:15px;">{_boxes_DDVX-LOGIN}</div>
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="5" align="right" background="include/designs/DDvXv2/Bilder/kante.png">
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/menu.png">
    <tr>
     <td width="1100" height="49" align="left">
       <table border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td style="padding-top: 2px;">
<a href="index.php" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/home.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/home_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/home.png'" border="0"></a><a href="?news" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/news.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/news_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/news.png'" border="0"></a><a href="?forum" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/forum.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/forum_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/forum.png'" border="0"></a><a href="?user" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/user.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/user_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/user.png'" border="0"></a><a href="?teams" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/teams.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/teams_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/teams.png'" border="0"></a><a href="?links" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/links.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/links_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/links.png'" border="0"></a><a href="?gbook" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/gbook.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/gbook_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/gbook.png'" border="0"></a><a href="?joinus" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/joinus.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/joinus_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/joinus.png'" border="0"></a><a href="?fightus" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/fightus.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/fightus_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/fightus.png'" border="0"></a>
         </td>
        </tr>
       </table>
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/lastbox.png">
    <tr>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_DDVX-LASTNEWS}</td></tr></table>
     </td>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_DDVX-LASTFORUM}</td></tr></table>
     </td>
     <td width="350" height="199" valign="middle">
      <table width="100%"><tr>
      <td width="100%" align="center" style="padding-left: 12px; padding-right:19px; padding-bottom:3px;">
      
      
      <div id="wrapper">

        <div class="slider-wrapper theme-default">
            
            <div id="slider" class="nivoSlider">
            <img src="include/designs/DDvXv2/slider/images/bf3.jpg" height="150" width="230" border="0" alt="" />
            <img src="include/designs/DDvXv2/slider/images/cod.jpg" height="150" width="230" border="0" alt="" />
            </div>
            
        </div>

    </div>
    <script type="text/javascript" src="include/designs/DDvXv2/slider/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="include/designs/DDvXv2/slider/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
      
      
      
      
      
      </td></tr></table>
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="6" background="include/designs/DDvXv2/Bilder/page_bg_oben.png"></td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" background="include/designs/DDvXv2/Bilder/page_bg.png">
     
      <table width="1100" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td width="230" align="left" valign="top">
         {_list_menunr1@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="left" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="11">&nbsp;</td>
             <td align="left" valign="top" class="hame">%2</td>
            </tr>
           </table>
   
           </td>
          </tr>
          <tr>
           <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
         
         {_list_menunr4@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
   
           </td>
          </tr>
          <tr>
           <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
        </td>
        <td width="640" align="left" valign="top">
         <table width="638" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td height="64" background="include/designs/DDvXv2/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>
          </tr>
          <tr>
           <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>
          </tr>
         </table>
        </td>
        <td width="230" align="left" valign="top">
        
        {_list_menunr5@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
           
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/DDvXv2/Bilder/box_rechts_unten.png"></td>
          </tr>
         </table>    
         }
        
        </td>
       </tr>
      </table>
     
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="130" valign="bottom"><img src="include/designs/DDvXv2/Bilder/footer.png" border="0" usemap="#Map"/>
     </td>
    </tr>
   </table>
   
   <br />
   
  </td>
 </tr>
</table>


</center>




<map name="Map" id="Map">
  <area shape="rect" target="_blank" coords="27,90,281,118" href="http://www.dragondesigns.de" alt="copyright" />
  <area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />
</map>
</body>
</html>


<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="hame" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->


    betroffene Homepage: planb-nrw.eu
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 04.01.2012 15:14 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Stimmt die URL zum Jquery-Code?
    Das JQueryscript in den Header (nicht wie praktiziert zwischen </header> und <body>
    Der Link zur betroffenen WebSite beinhaltet keine Änderung!
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  3. Mi. 04.01.2012 15:15 Uhr #3
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    ZitatZitat
    Als letztes trage folgendes Script über </body></html> ein :


    <script type="text/javascript">
var state = 0;
var wait = false;

function changeSlider1()
{
if(state==1){
$('#ts_slid').animate({width: 316 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
 
$('#ts_slid').click(function(){
changeSlider1();
});
      </script>


    (:

    hast es über <body> soll aber über </body>, also kurz vorm ende.
    gametasy.de >>
    youtube.com/gametasyde >>
    1 Mitglieder finden den Beitrag gut.
  4. Mi. 04.01.2012 15:18 Uhr #4
    User Pic
    deinem_klodecke Mitglied
    Registriert seit
    23.11.2011
    Beiträge
    70
    Beitragswertungen
    0 Beitragspunkte
    boah mann sry jungs ich war zu blöd und ihr seid so schnell!!!
    ich habe es hinbekommen danke eucht trotzdem eins muss ich euch sagen ihr seid spitze!!!!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten