ilch Forum » Allgemein » HTML, PHP, SQL,... » TS3 Slider Problem

Geschlossen
  1. Do. 28.07.2011 16:59 Uhr #1
    User Pic
    calli Mitglied
    Registriert seit
    28.07.2011
    Beiträge
    3
    Beitragswertungen
    0 Beitragspunkte
    Hi an Alle erst einmal,

    Ich versuche auf meiner Seite einen TS3 Slider zu installieren.

    Zuerst wollte ich fragen, ob jemand einen guten TS3 Slider kennt?

    Zweitens habe ich versucht den DD Login Slider zu einen TS Slider umzubauen, so wie es hier im Forum schon oft beschrieben wurde.
    Dabei zerschieß ich regelmäßig mein gesamtes Design, wodurch ich ziemlich gefrustet bin...

    Ich würde mich sehr überhilfe freuen, besonders, da ich in Sachen HTML, PHP und co eher nicht so den durchblick habe.

    Vllt würd ja jemand mal die Zeit finden um mir zu helfen?
    TS Daten würde es dann per PM geben

    Gruß calli

    betroffene Homepage: insane-tera.de
    0 Mitglieder finden den Beitrag gut.
  2. Do. 28.07.2011 17:49 Uhr #2
    User Pic
    Digga Mitglied
    Registriert seit
    26.07.2011
    Beiträge
    47
    Beitragswertungen
    0 Beitragspunkte
    ok gerade habe ich das gleiche versucht auch mit dem Login Slider von DD nur bei mir wird der garnicht erst angezeigt, irgendwas läut läuft da schief vielleicht liegts am Design das es bei dir das Design zerschießt und bei mir nicht angezeigt wird, ich habe die Install anleitung hier und von DD versucht beides nicht geklappt.

    mfg Digga

    ps sry das ich hier rein schreibe und nicht helfen kann.

    Edit: ich habs jetzt bei gefixt wird nun angezeigt ohne die seite zu zuerschießen. ich habe nichts geändert ausser das bild ( wo es hinterlegt ist ) und das Design ( den namen meines Designs ) mehr nicht.


    Zuletzt modifiziert von Digga am 28.07.2011 - 18:56:01
    0 Mitglieder finden den Beitrag gut.
  3. Do. 28.07.2011 17:54 Uhr #3
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    externer Link
    ez-skinz.com/
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 07.03.2012 19:57 Uhr #4
    User Pic
    boebbi Mitglied
    Registriert seit
    30.10.2007
    Beiträge
    140
    Beitragswertungen
    0 Beitragspunkte
    Hallo
    Ich habe erst kürzlich unsere Clanpage auf Vordermann gebracht mit neuem Design und natürlich wollten wir auch so einen TS3 Slider. Soweit so gut. Habe nach Anleitung das auch hinbekommen.
    Nun habe ich ein Problem, dass jedes mal der Slider schon draussen ist wenn man die Seite öffnet. Zum Schliessen habe ich zwar mouseover gewählt, was aber irgendwie nur jedes 2. Mal klappt. mousklick zum Öffnen und Schliessen wäre mir aber am Liebsten. Nur bekomme ich das irgendwie nicht hin.
    Ich habe den Verdacht, dass sich die 2 Slider beissen (also der schon vorhandene aus dem Design). Denn mit einem anderen Design hat das mit dem TSSlider perfekt funktioniert.

    Auf jeden Fall muss ich zuerst den Code so hinkriegen, dass ich erst klicke und dann der Slider sich öffnen soll und nicht schon offen ist wenn man auf die Seite kommt.

    Danke für jeden Tip
    Hier der Code 
    <!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/DDvXdr/style.css">
    
    
    <link rel="stylesheet" href="include/designs/DDvXdr/slider/themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="include/designs/DDvXdr/slider/themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="include/designs/DDvXdr/slider/slider.css" type="text/css" media="screen" />
   

<style type="text/css">

.hame
{
	display: block;
	border:none;
	color: #FFF;
	font-size: 12px;
	width: 208px;
	text-indent: 52px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
	background: url(include/designs/DDvXdr/Bilder/button_sitemenu.png);
}
.hame:hover
{
	display: block;
	border:none;
	color: #FFF;
	font-size: 12px;
	width: 208px;
	text-indent: 62px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
	background: url(include/designs/DDvXdr/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;
}

/* 
*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/DDvXdr/jquery.min.js"></script>
</head>

<body> 	
<!-- Teamspeak Slider ANFANG //-->
<div id="ts_slider" class="ts_slider" style=" right: 0px; width: 300px; position: fixed; top:100px; background:url(include/designs/DDvXdr/Bilder/TS3bar.png) repeat scroll 0% 0% transparent; height: 506px; z-index: 999;" >
<div style="position:absolute;top:27px;left:60px;width:2306px;height:447px;overflow:auto; color:#ffffff;">
	<div id="ts3viewer_106808" style="width:; background-color:;"> </div>

	<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

	<script type="text/javascript">
	<!--
	var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=106808&text=fcfcfc&text_size=11&text_family=1&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=db042f&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=db042f&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=db042f&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=db042f&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=db042f&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
	ts3v_display.init(ts3v_url_1, 106808, 100);
	-->
	</script>	
	</div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider()
  {
    if(state==0){
        $('#ts_slider').animate({width: 40 }, "slow", function(){});
        }
    else
        $('#ts_slider').animate({width: 300 }, "slow", function(){});
    wait = false;
  }
  
    $('#ts_slider').mouseenter(function(event){
        if(state==0)
        {
            state =1; 
            changeSlider();
            wait = true;
            setTimeout('changeSlider();',2000)
        }
        
        if(wait)
         state = 1;
    })
 
    
    $('#ts_slider').mouseleave(function(){
        state = 0;
        if(!wait)
            changeSlider(); 
    });
</script>
  <br />
<!-- Teamspeak Slider ENDE //-->
<center>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
 <tr>


    Betroffende Page: externer Link
    www.pomd.de
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 20.08.2012 08:39 Uhr #5
    User Pic
    pontos Mitglied
    Registriert seit
    20.08.2012
    Beiträge
    7
    Beitragswertungen
    0 Beitragspunkte
    hallo zusammen.
    ich hänge mich einfach hier mal an. ich steige gerade von joomla auf ilch um und bin gerade auf ein problem gestoßen.
    ich würde mir gerne auf der neuen HP einen ts-slider einbauen, hab auch eine gute einfache anleitung gefunden.
    externer Link

    nun das problem bei mir ist, ich bekomme es nicht hin. bei mir wird der slider nicht angezeigt.

    HTML: 
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  
  <html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="include/designs/dragon/style.css">
<link rel="shortcut icon" href="include/designs/dragon/img/honklords.ico">
	<script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
</head>

<body oncontextmenu="return false"> 

<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">


<div id="top">
  <div id="header"></div>
  <div id="header2">
    <div id="header_menu"><a href="index.php">Home</a> :: <a href="index.php?links">Web-Links</a> :: <a href="index.php?downloads">Downloads</a> :: <a href="index.php?forum">Forum</a> :: <a href="index.php?gbook">Guest book</a> :: <a href="index.php?contact">Kontakt</a></div>
  </div>
  <div id="center">
  <div id="left_col">

    {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
     <tr>
	  	<td style="height: 16px; background: url(include/designs/dragon/img/box_left_top.jpg) no-repeat bottom left;" align="center"><b class="menu_heading">%1</b></td>
	</tr>    
      <tr>
        <td style="background: url(include/designs/dragon/img/box_left_middle.jpg) top left repeat-y; padding: 0px;color: #ffffff" align="left">%2</td>
      </tr>
	  <tr>
	  	<td style="height: 7px; background: url(include/designs/dragon/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
	</tr>
    </table>
    <br />
    }
  
  </div>
    <div id="main_col">
    <table width="539" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="width: 500px; height: 16px; background: url(include/designs/dragon/img/middle_top.jpg) no-repeat bottom left;" align="left">&nbsp;<b> &raquo; </b>{HMENU}</td>
          </tr><tr>
            <td style="min-height:100px; background: url(include/designs/dragon/img/middle_middle.jpg) repeat-y; padding: 5px;"><div id="explore">{EXPLODE}</div></td>
          </tr><tr>
            <td><img src="include/designs/dragon/img/middle_bottom.jpg" alt="" /></td>
          </tr>
        </table>
    </div>
  
  <div id="right_col1">
        {_list_menunr2@
        <table width="171" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="width: 171px; height: 16px; background: url(include/designs/dragon/img/box_right_top.jpg) no-repeat bottom left;" align="center"><b class="menu_heading">%1</b></td>
          </tr><tr>
            <td style="min-height:100px; background: url(include/designs/dragon/img/box_right_middle.jpg) repeat-y; padding: 5px;">%2</td>
          </tr><tr>
            <td><img src="include/designs/dragon/img/box_right_bottom.jpg" alt="" /></td>
          </tr>
        </table>
        <br />
        }
  </div>
 </div>
  <div id="footer"><div id="footer_menu"><a href="index.php?impressum">Impressum</a> | <a href="index.php?sitemap">Sitemap</a> | <a href="index.php?contact">Kontakt</a></div>
</div>
</div>
    </td>
  </tr>
</table>
</body>
 	
<div id="login_slider" class="login_slider" style=" right: 0px; width: 70px; position: fixed; top: 100px;
background:url(/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
             
<div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;>
      {_boxes_tsviewer}
      </div>
      </div>
  <script type="text/javascript">
  var state = 0;
  var wait = false;

  function changeSlider()
  {
    if(state==1){
        $('#login_slider').animate({width: 70 }, "slow", function(){state = 0;}
        );
      }
    else
        $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
      );
      }
      $('#login_slider').click(function(){
      changeSlider();
    });
      </script>
</html>



         <!--
					{_list_DDDmenupoint@
					  <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
					}
          //-->
          
          <!-- beispiel:
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
          
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}


    ich würde mich freuen wenn ihr mir bei diesem problem helfen könntet, denn diese slider funktion ist mit ein grund wieso ich/wir umsteigen möchten.

    wenn noch fragen sind. einfach stellen. bin über jegliche hilfe dankbar.
    fast vergessen. die page adresse xD PAGE


    Zuletzt modifiziert von pontos am 20.08.2012 - 10:35:36
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten