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
HTML Code:
<!-- 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
HTML Code:
<!-- 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ß.
