Slider zerschießt den Style
Verfasst: 28.04.2015 22:43
Ich hatte in meinem alten Board (IPB) einensogenannten TS3 slider erstellt.
Den Script habe ich ausm Forum und nur noch meine Daten eingefügt.
Wie ich jetzt auf phpBB umgestiegen bin, wollte ich den auch noch einfügen.
Ich soll im Header wie auch im Fooder einen Code einfügen.
header:
Fooder
Wenn ich das einfüge, wird er Slider auch angezeigt, verdrängt aber den rest des Forums. Ich sehe nur noch den Slider, der nicht wieder verschwindet.
Hatte den Slider auch in einer html Datei eingefügt, und per include verlinkt. Da habe ich nur noch ein freies Feld ohne irgendwas zu stehen.
Den Script habe ich ausm Forum und nur noch meine Daten eingefügt.
Wie ich jetzt auf phpBB umgestiegen bin, wollte ich den auch noch einfügen.
Ich soll im Header wie auch im Fooder einen Code einfügen.
header:
Code: Alles auswählen
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="./styles/pbwow3/template/jquery.tabslideout.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: './styles/pbwow3/themes/images/ts_3.png', //path to the image for the tab //Optionally can be set using css
imageHeight: '200px', //height of tab image //Optionally can be set using css
imageWidth: '44px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //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: '250px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: scroll //options: true makes it stick(fixed position) on scroll
});
});Code: Alles auswählen
<div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<iframe allowtransparency="true" src="http://ts3.angry-mob.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=ffffff&fontcolor=000000" style="height:1100px;width:405px;" scrolling="auto" frameborder="0">Your Browser will not show Iframes</iframe>
</div> Hatte den Slider auch in einer html Datei eingefügt, und per include verlinkt. Da habe ich nur noch ein freies Feld ohne irgendwas zu stehen.
