Clansphere TS3 Viewer

[.AceD]

Habe keinen richtigen bzw. guten gefunden der mit Clansphere funktioniert.

Wurde nur mit Clansphere getestet,denke aber der funktioniert auch mit anderen CMS'ssesess.

Folgenden Code in eure gewünschte .html datei über /head

<!-- TS3-Viewer by Acerxz -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>

    <script type="text/javascript">
    
	$(document).ready(function(){
		$("#ts3viewer_1025904").hide();
		$(".open-close").click(function(event) {
		    event.preventDefault();
			$("#ts3viewer_1025904").slideToggle("slow");
		});
	});
    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                   
            pathToTabImage: 'images/ts_3.png', 
            imageHeight: '250px',                     
            imageWidth: '60px',                       
            tabLocation: 'right',                      
            speed: 20,                               
            action: 'click',                          
            topPos: '50px',                          
            leftPos: '10px',                          
            fixedPosition: false                      
        });

    });
    </script>
<style type="text/css">
.slide-out-div {
	padding: 0px;
	width: auto;
	height: auto;
	background: #313131;
	background-image: url (images/ts_3_b.png);
	background-repeat: no-repeat;
	border: 0px;
	position: absolute;
	top: 195px;
	right: 0;
}      
</style>
<!--
/*<script type="text/javascript">
$(document).ready(function(){
    	$("#content").hide();

    $("a.open-close").click(function () {
      $("#content").slideToggle("slow");
    });

}); */
</script>-->

<!-- TS3-Viewer by Acerxz END -->

Und folgenden irgendwo zwischen body und /body

		<!-- TS3-Viewer by Acerxz -->

			<div class="slide-out-div">
			<a href="#" class="open-close"><img src="images/ts-toogle.png" alt="TS3 Viewer Button" /></a>
				<div id="ts3viewer_1025904" style="width:; background-color; alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;"> </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=1025904&text=000000&text_size=12&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=525284&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=525284&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=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&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,1025904, 100);
			-->
			</script>
			</div>

			<!-- TS3-Viewer Acerxz END -->

Anschließend könnt ihr euch im Anhang die benötigen grafiken runterladen und den runtergeladenen Ordner einfach in das Verzeichnis wo auch eure html datei liegt.

Beispiel :

MeinOrdner(<- Da ist meine .html drinne) \ Images (<- Runtergeladener Ordner)

Dann nurnoch die TS3-Viewer ID von eurem TS3 an den 5 stellen ersetzen. ( In dem Code ist es 1025904 )
Ich denke alle die das benutzen wollen wissen wo sie die her bekommen

Fragen,probleme oder ähnliches hier rein.

Viel Spaß.