[MrBrechreiz]

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.

[Stefano]

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.

[MrBrechreiz]

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>

[Stefano]

Gut geraten, MrBrechreiz.

Jetzt funktioniert es, wie ich mir das vorgestellt hab.

Danke für die Hilfe.

[MrBrechreiz]

Freut mich das es funktioniert.

[sjfm]

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

[MrBrechreiz]

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.

[sjfm]

hi!
danke für den gepflegten arschtritt!
html hab ich schon fast vergessen nachdem ich da im mybb rumfummel...

[Santhony]

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

[saen]

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