Like us on Facebook clansphere.net webspell.org dzcp.de
Visits Today:
120
Visits Yesterday:
332
Visits Month:
1.287
Users:
10599
Online:
1
No data found.
Teamspeak Slider Rechts
Writer HardBass at 2012-01-15 at 6:25 PM 1

Installationsanleitung für einen Teamspeak-Slider-Viewer auf der rechten Seite Eurer Webseite.

*********************************************************
!!!Bitte haltet Euch an die Anleitung damit ihr keine Probleme mit Eurer Webseite bekommt.
Bei Problemen schreibt Uns einfach ins Forum unter der Rubrik Scripte.
Antworten kommen schnellstmöglich!!!


*********************************************************
1. Ladet bitte zunächst einmal die Grafiken für den *Teamspeak-Slider* herrunter

» www.hier.de

*********************************************************
2. Nun ladet Ihr den Ordner *Teamspeak-Slider* auf Eurem Webspace hoch

» Bitte erhaltet den Namen des Ordners damit euch keine Probleme entstehen.

*********************************************************
3. Öffnet nun Eure index.php oder Eure index.htm von Eurem Template

» Fügt dort bitte folgendes *VOR* dem </head> Tag ein.
( Ganz wichtig VOR dem </head> Tag, sonst funktioniert es nicht! )

» Ändert bitte in der ersten Zeile von dem Script die URL und fügt dort bitte Eure URL ein, den Rest bitte beibehalten

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
1. / 2. / ... 
 <br />
    <!-- 
TS3-Slider --><br />
    <
br />
    <
script type="text/javascript" src="www.EURE-DOMAIN.de/Teamspeak3-Slider/jquery.min.js"></script><br />
    <script type="text/javascript"><br />
    <!--<br />
    jQuery(document).ready(function() {<br />
       $("a#ToogleSidebar1").click().toggle(function() {<br />
           $('#sidebar1').animate({<br />
               width: 'hide',<br />
               opacity: 'hide'<br />
           }, 'slow');<br />
       }, function() {<br />
           $('#sidebar1').animate({<br />
               width: 'show',<br />
               opacity: 'show'<br />
           }, 'fast');<br />
       });<br />
    });<br />
    --><br />
    </script><br />
    <br />
    <!-- TS3-Slider END --><br />
    


*********************************************************
4. Fügt den nächsten Teil bitte *NACH* dem <body> Tag

» Ändert bitte in der zweiten Zeile die URL , fügt dort bitte Eure URL ein
(background: url(wwwEURE-DOMAIN.de/..) den Rest bitte beibehalten!

» Fügt bitte in dem Bereich Wo <!-- TS3-Code --> steht Euren Teamspeak-Viewer Code ein.


 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
1. / 2. / ... 
 <br />
    <!-- 
TS3-Slider Links --><br />
    <
br />
    <
div id="teamspeak_slider" class="teamspeak_slider" style=" right: -245px; width: 316px; position: fixed; top: 122px;<br />
    background: url(www.EURE-DOMAIN.de/Teamspeak3-Slider/Teamspeak-Slider.png) repeat scroll 0% 0% transparent; height: 594px; z-index: 999;" 
><br />
    
   <div style="position:absolute;top:9px;left:86px;width:214px;height:576px;overflow:auto; color:#ffffff;"><br />
    
   <br />
    <!-- 
TS3-Code --><br />
    <
br /><br />
    <
br /><br />
    <
br /><br />
    <
br /><br />
    <
br />
    
   Hier Bitte Euren Teamspeak-Code einfügen<br />
    <
br />
    <!-- 
TS3-Code END--><br />
    <
br />
    </
div></div><br />
    <
br />
    <!-- 
TS3-Slider Links END --><br />
    


*********************************************************
5. Zum gutem Schluss fügt ihr bitte den letzen Teil *VOR* dem </body> </html> Tag ein
( Wie gesagt ganz wichtig ist davor einfügen also vor dem </body>


 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
1. / 2. / ... 
 <br />
    <!-- 
TS3-Slider Links --><br />
    <
br />
    
    <script type="text/javascript"><br />
    var 
state 0;<br />
    var 
wait false;<br />
    
 <br />
    function 
changeSlider1()<br />
    {<
br />
    if(
state==1){<br />
    $(
'#teamspeak_slider').animate({width316 }, "slow", function(){state 0;}<br />
    );<
br />
    }<
br />
    else<
br />
    $(
'#teamspeak_slider').animate({width556 }, "slow", function(){state 1;}<br />
    );<
br />
    }<
br />
    
 <br />
    $(
'#teamspeak_slider').click(function(){<br />
    
changeSlider1();<br />
    });<
br />
    
      </script><br />
    <br />
    <!-- TS3-Slider Links END --><br />
    


*********************************************************
6. Das wäre geschaftt und nun Viel Spass mit Eurem Teamspeak-Slider

 


Pages: -

Comments: 1
Page [1]
Beenox

2014-03-30

Location: -
Posts: 19
# 1 - 2012-04-01 at 6:44 PM

So wie beschrieben gehts bei dem FX Template 5 nicht. Zeigt nix an. Kann mir wer helfen wenn ich die index.htm uploade ?

Please log in before writing comments.