Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Announcement
#11
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.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#12
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.
Mit besten Grüßen,

Stefan
Zitieren
#13
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>
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#14
Gut geraten, MrBrechreiz. Smile

Jetzt funktioniert es, wie ich mir das vorgestellt hab.

Danke für die Hilfe.
Mit besten Grüßen,

Stefan
Zitieren
#15
Freut mich das es funktioniert.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#16
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
greets
sjfm
Zitieren
#17
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.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#18
hi!
danke für den gepflegten arschtritt!
html hab ich schon fast vergessen nachdem ich da im mybb rumfummel... Wink
greets
sjfm
Zitieren
#19
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
Zitieren
#20
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
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Announcement Views MyBB.de Bot 10 2.421 09.02.2023, 06:45
Letzter Beitrag: Shorty
  Announcement Redirect MyBB.de Bot 0 722 20.02.2021, 05:35
Letzter Beitrag: MyBB.de Bot
  OUGC Announcement Bars MyBB.de Bot 3 1.985 31.10.2020, 09:55
Letzter Beitrag: MyBB.de Bot
  Announcement Go MyBB.de Bot 9 3.188 17.05.2015, 21:23
Letzter Beitrag: MrBrechreiz
  Portal Announcement Cutoff MyBB.de Bot 0 1.370 15.12.2014, 18:30
Letzter Beitrag: MyBB.de Bot