Teamspeak Slider
Eingetragen von masterronnow (7)am 02.05.2016 - 00:40 Uhr in
Hallo zusammen,
ich möchte einen Teamspeak Slider auf meiner Seite einbinden. Einen Code dazu habe ich mir auch schon gebastelt.
Nur das einbinden erweist sich als schwierig.
Dieser Code muss vor das < /header >-Tag eingebunden werden.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="scripts/jquery.tabslideout.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.tsviewer').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/ts_3.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '35px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
<style type="text/css">
.tsviewer {
padding: 0px;
min-width: 280px;
min-height: 90%;
background: #BE0A09; /* Red Version */
padding: 8px;
border: 0px;
position: absolute;
z-index: 999999;
}
</style>Dieser Code vor dem < /body >-Tag.
<div class="tsviewer">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<div id="ts3viewer_1082225" style=""> </div>
<script src="https://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script>
var ts3v_url_1 = "https://www.tsviewer.com/ts3viewer.php?ID=1082225&text=757575&text_size=12&text_family=1&text_s_color=000000&text_s_weight=normal&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_i_color=&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_c_color=&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_u_color=000000&text_u_weight=normal&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_s_color_h=&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=none&text_i_color_h=000000&text_i_weight_h=bold&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=none&text_c_color_h=&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=none&text_u_color_h=&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none&iconset=default";
ts3v_display.init(ts3v_url_1, 1082225, 100);
</script>
</div>Ich benutze das theme mix_and_match, welches ein subtheme von adaptivetheme ist.
Ich habe es direkt in der page.tpl.php von mix_and_match und in der html.tpl.php von adaptivetheme versucht. Bei beidem, ist der Slider nur unter dem theme zu sehen.
Hat hier einer ne Idee?
Vielen dank.
Grüße,
Kevin
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich kenne das Theme nicht,
am 02.05.2016 - 14:49 Uhr
Ich kenne das Theme nicht, aber dein CSS von tsviewer wird so nicht stimmen.
Wenn du position absolute angibst, wird meistens noch ein left/top/right/bottom gebraucht. Es richtet sich dann an dem ersten Elternelement aus, was ein position relative enthält.
Wenn du deine Seite zeigst, kann ich kurz raufschauen.
WEBTRANSFORMER
Das wäre die
am 02.05.2016 - 17:40 Uhr
Das wäre die Seite:
http://tacticalfighters-clan.de/neu/drupal
das was du vor dem ende body
am 02.05.2016 - 17:53 Uhr
das was du vor dem ende body setzt, setz doch einfach ein einen block und den positionier in der gewünschten region. ja und das position absolute muss weg
C.A.W. Webdesign
Ihr wisst, was dieser Code
am 02.05.2016 - 21:18 Uhr
Ihr wisst, was dieser Code bewirken soll?
Zur Veranschaulichung vielleicht mal ein Bild:
(ausgeklappter Zustand)
Dieser soll ein und ausklappbar sein.
Ich kann nichts erkennen auf
am 02.05.2016 - 22:01 Uhr
Ich kann nichts erkennen auf dem Bild.
WEBTRANSFORMER
Rechtsklick "Grafik anzeigen"
am 03.05.2016 - 01:51 Uhr
Rechtsklick "Grafik anzeigen" probiert? Das was man rechts sieht, ist ein Teamspeak Viewer.
Der fährt aus, wenn man rechts auf das Teamspeak klickt..
Hier eine Beispiel Seite:
sek-gaming.de
und noch einmal: das was du
am 03.05.2016 - 05:05 Uhr
und noch einmal: das was du vor dem ende body setzt, setz doch einfach ein einen block und den positionier in der gewünschten region. ja und das position absolute muss weg
C.A.W. Webdesign
Und was ist mit dem, was vor
am 03.05.2016 - 05:16 Uhr
Und was ist mit dem, was vor den header tag muss?
Ich versuch das mal mit einem bestehenden block, denn eigentlich soll das ja in keinen block sondern rechts an die seite der hp...
das machst du vor den header
am 03.05.2016 - 06:11 Uhr
das machst du vor den header tag
wenns rechst an die seite soll musst du da eine region hinmachen oder einfach so per css positionieren
C.A.W. Webdesign
Das war ja meine frage. In
am 03.05.2016 - 07:20 Uhr
Das war ja meine frage. In meiner page.tpl.php gibt es keinen header tag weil das das sub theme ist. Also muss das ins core in den header?
Eine Website muss keinen Tag
am 03.05.2016 - 08:13 Uhr
Eine Website muss keinen Tag haben.
Meinst du vielleicht ?
Ansonsten kann man auch normale DIVs als Header Tags verwenden, spielt keine Rolle. Wenn du keinen Link bereitstellst, dauert die Lösung länger.
WEBTRANSFORMER
masterronnow schrieb Das war
am 03.05.2016 - 08:15 Uhr
Das war ja meine frage. In meiner page.tpl.php gibt es keinen header tag weil das das sub theme ist. Also muss das ins core in den header?
nein in der page.tpl gibt es nie einen header. der liegt in der html.tpl
C.A.W. Webdesign
masterronnow schrieb Das wäre
am 03.05.2016 - 15:35 Uhr
Das wäre die Seite:
http://tacticalfighters-clan.de/neu/drupal
...