+- 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: Announcement (/thread-30289.html)
RE: Eigene Slideshow in Header einbinden - Wie? - MrBrechreiz - 08.09.2017
Hallo, Du könntest den Style
Code:
<style>
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}
/* Slideshow container */
.slideshow-container {
max-width: 100%;
position: relative;
margin: auto;
}
.active {
background-color: #FFFFFF;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
</style>in das headerinclude Template einfügen und diesen Code
Code:
<div class="slideshow-container">
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/riva-torbole.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/san-vigilio.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/sundown01.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/torbole01.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/torri.jpg" style="width:100%">
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 10000); // Change image every 10 seconds
}
</script>in das header Template, an gewünschter Stelle, eintragen.
RE: Announcement - Stefano - 16.09.2017
Hallo,
also es hat soweit geklappt, nur ich bekomme einfach nicht mehr als 4 Bilder in der Slideshow zu sehen, egal ob über das Plugin oder direkt einbinden in die Templates.
An was könnte das liegen? Ist der Code daran schuld? Den Code habe ich über eine Webseite erstellt, bei der aber mehr Bilder angezeigt wurden.
RE: Announcement - MrBrechreiz - 16.09.2017
Ich Rate mal ins blaue.
Diesen Code verwendest Du für einen Slide.
Code:
<div class="mySlides fade">
<img src="http://gardasee-forum.com/forum/images/slide/riva-torbole.jpg" style="width:100%">
</div>und so weiter und so weiter
Ich vermute, Du musst für jedes einzelne Bild (Slide) ein dot mit anfügen. Wenn es drei Blider sind, dann drei dots, zehn Bilder = 10 dots.
Code:
<span class="dot"></span>RE: Announcement - Stefano - 16.09.2017
Gut geraten, MrBrechreiz.
Jetzt funktioniert es, wie ich mir das vorgestellt hab.
Danke für die Hilfe.
RE: Announcement - MrBrechreiz - 16.09.2017
Freut mich das es funktioniert.
RE: Announcement - sjfm - 18.11.2017
hi!
eigentlich müsse ich jetzt knallrot sein im gesicht.
seit 3 tagen versuche ich einen link in ein announce zu basteln, bin aber zu dämlich dazu.
dabei konnte ich das schon. irgendwie is ein knopf in den synapsen.
kann mir wer einen tritt in die richtige richtung geben?
thnx
RE: Announcement - MrBrechreiz - 18.11.2017
Ich nutze auch dieses Plugin. Du kannst da einfaches HTML verwenden als Verlinkung.
Sprich:
<a href="blabla" title="blabla">blabla</a>
Optional kannst Du auch target="_blank" hinzufügen und rel="noopener" wenn es sich um Links die nach draussen gehen handelt.
RE: Announcement - sjfm - 18.11.2017
hi!
danke für den gepflegten arschtritt!
html hab ich schon fast vergessen nachdem ich da im mybb rumfummel...
RE: Announcement - Santhony - 25.06.2018
Hallo und guten Tag an alle.
Ich will meinen Foren-Kopf etwas anders gestalten und dazu auch das Announcement nutzen.
Ich habe bereits zwei Stück erstellt; würde die aber an unterschiedlichen Stellen gerne nun darstellen wollen.
Die Variable zum Aufrufen aller Announcements ist ja {$announcement}.
Gibt es eine Möglichkeit, so wie zum Beispiel bei den Profilbildern, die Announcements einzeln auszuwerfen?
Also jetzt irgendwie sowas wie: {$announcement['aid1']} oder so?
Vielen Dank im Vorfeld für Eure Rückantworten.
MfG
Santhony
Geht um dieses Forum
RE: Announcement - saen - 18.09.2020
Ich hätte mal eine Frage,
kann man es auch so einstellen, dass nicht nur der Hauptaccount (Teamaccount) auf die Funktion zugreifen kann, sondern alle die das Admin CP nutzen können? Weiß das jemand? Weil aktuell kann es nur unser Superadmin und das ist doch ein wenig lästig, wenn man sich immer wieder nur damit einloggen muss um es bearbeiten zu können.
Viele Grüße
Hat sich erledigt, habs über die Admin Berechtigungen umgestellt