MyBB.de Forum
Bilderslideshow - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Veröffentlichungen und -Support (https://www.mybb.de/forum/forum-82.html)
+--- Thema: Bilderslideshow (/thread-27931.html)

Seiten: Seiten: 1 2 3 4 5 6 7


RE: Bilderslideshow - MrBrechreiz - 12.03.2016

Versuchs mal so.

Code:
#wrapper-slider  {margin:auto auto;width:300px;height:100px;position:relative;bottom:100px;}
#container-slider {position:relative; padding:0; height:100px; border:3px double #000; width:300px; overflow:hidden; -webkit-box-shadow: 2px 2px 23px #000000; /* webkit browser*/ -moz-box-shadow: 2px 2px 23px #000000; /* firefox */ box-shadow: 2px 2px 23px #000000;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
#slider {float:left; position:relative; overflow:hidden; width:300px; height:100px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;padding-bottom:10px;}
#slider ul {position:relative; list-style:none; top:0; left:0; margin-top:8px; padding-left:10px; margin-right:10px; padding-bottom:15px;}
#slider li {float:left; width:300px; height:90px;-moz-border-radius: 20px;}

#slideleft {position:relative;left:-180px;top:130px;}

#slideright {position:relative;left:185px;top:80px;}



RE: Bilderslideshow - Baeer - 12.03.2016

Yeah, sieht schon viel besser aus Big Grin Ich danke dir ^^


RE: Bilderslideshow - MrBrechreiz - 12.03.2016

So schaut es bei mir aus Local mit folgenden Einstellungen.

CSS

Code:
#wrapper-slider  {margin:auto auto;width:300px;height:100px;position:relative;bottom:10px;}
#container-slider {position:relative; padding:0; height:100px; border:3px double #000; width:300px; overflow:hidden; -webkit-box-shadow: 2px 2px 23px #000000; /* webkit browser*/ -moz-box-shadow: 2px 2px 23px #000000; /* firefox */ box-shadow: 2px 2px 23px #000000;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
#slider {float:left; position:relative; overflow:hidden; width:300px; height:100px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;padding-bottom:10px;}
#slider ul {position:relative; list-style:none; top:0; left:0; margin-top:8px; padding-left:10px; margin-right:10px; padding-bottom:15px;}
#slider li {float:left; width:300px; height:90px;-moz-border-radius: 20px;}

#slideleft {position:relative;left:-50px;top:130px;}

#slideright {position:relative;left:305px;top:80px;}

Template list_bilderslideshow

Code:
<li><a href="{$mybb->settings['bburl']}/index.php?action=visit&amp;id={$bilderslideshow['id']}&amp;key={$mybb->post_code}" target="_blank"><img src="{$mybb->settings['uploadspath']}/bilderslideshow/{$bilderslideshow['image']}" alt="{$bilderslideshow['name']}" title="{$bilderslideshow['name']}" width="280" height="85" style="-moz-border-radius: 16px;-webkit-border-radius: 16px;-khtml-border-radius: 16px;border-radius: 16px;"  /></a></li>



RE: Bilderslideshow - Baeer - 12.03.2016

Im lis_bilderslideshow ist aber die Größe falsch, die ist bei mir 200x58px. Und mit einem Bild ja, siehst soweit ja gut aus, aber mach das mal mit 6 Bilder ^^ dann siehst du wie sie immer mehr nach rechts verrutschen


RE: Bilderslideshow - MrBrechreiz - 12.03.2016

So, habe dies nun auch nochmals bisl verbessert und sieht nun so aus (Anhang) und hier meine css Datei. Vieleicht nützt es dir, wer weis ^^

Code:
#wrapper-slider  {margin:auto auto;width:224px;height:67px;position:relative;}
#container-slider {position:relative; margin:1px; height:62px; border:3px double #000; width:208px; overflow:hidden; -webkit-box-shadow:0px 0px 10px #000000; /* webkit browser*/ -moz-box-shadow:0px 0px 10px #000000; /* firefox */ box-shadow:0px 0px 10px #000000;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
#slider {float:left; position:relative; overflow:hidden; width:208px; height:60px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;padding-bottom:10px;}
#slider ul {position:relative; list-style:none; top:0; left:0; margin-top:2px; padding-left:4px; margin-right:4px; padding-bottom:4px;}
#slider li {float:left; width:208px; height:58px;-moz-border-radius: 20px;}

#slideleft {position:relative;left:-50px;top:113px;}

#slideright {position:relative;left:213px;top:62px;}



RE: Bilderslideshow - Baeer - 13.03.2016

Also die SlideShow funktioniert jetzt wie sie soll, auch mit der Größe und alles stimmt
Allerdings hab ich gerade festgestellt das seltsamerweiße einige Links im Header nicht mehr funktionieren, obwohl ich an denen gar nichts verändert habe.
Das sind die Links: Team, Hilfe und Admin-CP

Könnte es sein das sich da iwas mit der Slidershow beißt?
Die Links sind eigentlich nicht in den header_welcome templates sondern im header template direkt.

header template:
Code:
<a href="h"{$mybb->settings['bburl']}/showteam.php" id="navigation"><b>{$lang->forumteam}</b></a>
<a href="{$mybb->settings['bburl']}/misc.php?action=help" id="navigation">{$lang->toplinks_help}</a>{$admincplink}</a>

header_welcomeblock_member_admin template
Code:
<a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php" target="_blank"  id="navigation"><strong>{$lang->welcome_admin}</strong></a>

Die ganze Zeit gings noch, jetzt prlötzlich nicht mehr. Sehr seltsam


RE: Bilderslideshow - MrBrechreiz - 13.03.2016

Bei mir funktionieren die Links Team und Hilfe (Admin-CP kann ich ja nicht testen), oder ist an denen irgendeine sonderbare Funktion noch angehänt worden ?


RE: Bilderslideshow - Baeer - 14.03.2016

Nein, da hängt sonst nichts mehr dran, die sind so, wie ich sie dir gepostet habe. Die ID navigation beschreibt nur den Reiter wo sie drin sitzen, mehr nicht.
Ich hab daran auch nichts verändert als ich den Slider einbaute, weil sie ja auch in einem völlig anderen Template sitzen.
Wenn ich den Slider abschalte, dann funktionieren sie einwandfrei, kaum ist er wieder aktiviert, tut sich nichts mehr. Was also zeigt, es liegt definitiv am Slider.
Im Augenblick ist er abgeschaltet, deswegen gehen sie ^^

Bei aktivierten Slider funktioniert Team nur, wenn man mit dem Corser neben das Wort Team geht, statt wie eigentlich direkt auf das Wort. Help und Admin CP funktionieren gar nicht.
Ich hab schon andere Schreibweisen versucht, zB den direkten Link zur Seite statt {$mybb->settings['bburl']} und {$lang->toplinks_help} aber auch das funktioniert nicht.
Seltsamerweise gehen aber die anderen die unter {$menu_ stehen, also die, die sich in den Templates header_menu befinden.


RE: Bilderslideshow - MrBrechreiz - 14.03.2016

Was heisst denn überhaupt bei dir, geht nicht ? Nicht anklickbar vielleicht ? Wenn ja, kan dies an der Position vom Slider liegen. Dieser ist ja auch nicht für das Template, welches du verwendest, gedacht.


RE: Bilderslideshow - Baeer - 14.03.2016

Richtig, sie sind nicht mehr klickbar. Was bedeutet, ich käme nicht mal mehr in den Admin CP (außer ich benutze nen Umweg ^^)

Na ja, da wo du dachtest wo es hin soll, gefällt es mir aber nicht *blush*
Gibt es eine Möglichkeit ihn so anzupassen das er im Header sitzen kann und trotzdem alles funktioniert oder wäre das zu viel Arbeit?