[3.3] BBCode für Blinken

bammerli · Beitrag von **bammerli** » 07.03.2025 09:55

edit LukeWCS: abgetrennt von: viewtopic.php?t=214116

Hallo zusammen

Ich versuche seit längerem folgenden code in ein bbcode um zu wandeln, dass in phpbb3 3.3.1.4 auch läuf

Code: Alles auswählen

<style> /* Blink-Effekt mit sanftem Übergang */ 
@keyframes smooth-blink 

      { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } 
      
     .smooth-blink { animation: smooth-blink 4s ease-in-out infinite; 

</style> 

<body> 
<p class="smooth-blink" style="text-align: center;"> Dieser Text blinkt geschmeidig!!</p> 
</body>

Dieser Code in eine leere Seite eingepflanzt und es Blinkt geschmeidig

Also ab in acp, beitrage, bbcodes

Benutzung

Code: Alles auswählen

[blink]{TEXT}[/blink]

Ersetzung

Code: Alles auswählen

<style>
@keyframes smooth-blink 

      { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } 
      
     .smooth-blink { animation: smooth-blink 4s ease-in-out infinite; 

</style> 

 
<p class="smooth-blink" style="text-align: center;">{TEXT}</p>

Code: Alles auswählen

Text blinken lassen: [blink]{TEXT}[/blink]

Hat jemand eine Idee warum der text nicht geschmeidig blinkt?

Beitrag von **Mike-on-Tour** » 07.03.2025 12:23

Ich habe deinen Beitrag aus dem Uralt-Thema unter 3.0 in ein aktuelles Thema verschoben.
Bitte zukünftig darauf achten, wo du was postest, phpBB 3.0 wird nicht mehr unterstützt und kein Mensch schaut in einem 14 Jahre alten Thema nach.

Lies dir bitte unseren Knigge durch und beachte diesen in Zukunft.

chris1278 · Beitrag von **chris1278** » 07.03.2025 13:41

Versuche es mal damit:

bbcode:

Code: Alles auswählen

[blink]{INTTEXT}[/blink]

html-ersetzung:

Code: Alles auswählen

<script type="text/javascript">

  function colorblink(elmid,ms){
    elm=document.getElementById(elmid);
    elm.style.color="rgb("+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+")";
    setTimeout("colorblink('"+elmid+"',"+ms+");",ms);
  }
</script>
<div id="{INTTEXT}">{INTTEXT}</div>

<script type="text/javascript">colorblink("{INTTEXT}",800);</script>

Die Quelle dieses BBcodes findest du hier:

https://www.phpbb3bbcodes.com/viewtopic.php?t=192

bammerli · Beitrag von **bammerli** » 07.03.2025 16:17

Hallo zusammen

Erstmal, danke Mike-on-tour für die Platzierung meiner Anfrage im richtigen Teil von phpbb.de. Ich bin relativ neu und darf mich an die jeweiligen Gegebenheiten, erst noch gewöhnen. Die 'Knigge' wurde gelesen, Ich bedanke mich.

Lieber chris1278, diesen blinkenden text habe ich bereits im forum drinn, mag ich persönlich echt gerne

Ich versuche folgendes hinzubiegen schau mich an
In dieser erstellten seite, ist der oben erwähnte code drin und funktioniert,

Das ganze nun als BBCode war mir bisher nicht vergönnt

Wolkenbruch · Beitrag von **Wolkenbruch** » 07.03.2025 16:54

Schau dir diesen bbCode einmal an.

bammerli · Beitrag von **bammerli** » 07.03.2025 17:34

Hallo zusammen

Vielen Dank Wolkenbruch. Die Tage scheinst du ja nicht in meiner Nähe zu sein

Dein Link mit dem BBCode funktioniert sehr gut, wenn auch nicht ganz so geschmeidig wie das in der erstellten Seite.(Im Auge des Betrachters)
Ich bin sehr zufrieden und bedanke mich nochmals bei allen helfenden Händen, führ die Unterstützung

Beitrag von **LukeWCS** » 07.03.2025 18:08

Hallo

Auch wenn man dir jetzt 2 Alternativen gezeigt hat, will ich noch auf deine ursprüngliche Frage eingehen:

bammerli hat geschrieben: 07.03.2025 09:55 Hat jemand eine Idee warum der text nicht geschmeidig blinkt?

Der <style> Tag darf nicht innerhalb von <body> vorkommen, sondern muss nach HTML Definition innerhalb <head> definiert sein. Somit ist dein BBCode schon per se nicht korrekt, denn BBCode Ersetzung ist immer innerhalb <body>. Aber das ist noch nicht der Grund, warum es so nicht geht, dazu kommen wir jetzt:
Die BBCode Engine von phpBB lehnt deinen BBCode als Ganzes direkt ab, weil <style> generell nicht erlaubt ist. Deswegen müsste dir aufgefallen sein, dass bei einer Vorschau dein BBCode als Code direkt angezeigt wird. Das ist immer ein klares Zeichen dafür, das mit dem BBCode etwas nicht stimmt.
Im CSS Code ist ein Fehler: Die Klasse .smooth-blink wurde nicht korrekt notiert, das schliessende } fehlt. Dass das zufällig trotzdem funktioniert, liegt schlicht an der Autokorrektur der Browser die solchen Kleinkram direkt zur Laufzeit "beheben".

Lösung für 2: CSS extern definieren, also in einer der vorhandenen CSS Dateien einbinden.

Übrigens, aber das nur am Rande, die von dir verwendete CSS Notation ist schon sehr "eigenwillig" und wäre für Entwickler und Styler in der Form auch nicht erlaubt. Nach phpBB Vorgaben würde das eher so aussehen:

Code: Alles auswählen

@keyframes smooth-blink { 
	0% { 
		opacity: 1; 
	} 
	50% { 
		opacity: 0;
	} 
	100% {
		opacity: 1;
	}
} 
      
.smooth-blink {
	animation: smooth-blink 4s ease-in-out infinite;
}

bammerli · Beitrag von **bammerli** » 10.03.2025 02:55

Hallo zusammen

Bitte entschuldigt meine Verspätung, aber komische Bots waren am Werke, durfte mich zuerst darum kümmern.

LuceWCS, ich bedanke mich recht herzlich, für die Zeit einem blutigen Anfänger Wissen mitzuteilen. Ich denke und hoffe, dass ich es verstanden habe, werde in Zukunft besser darauf achten und mich danach richten.

Jedes Wissen ist willkommen, danke Euch allen nochmals, ich durfte kriegen was ich haben wollte und dabei richtig was lernen.

grüsse
bammerli

phpBB.de

[3.3] BBCode für Blinken

[3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken

Re: [3.3] BBCode für Blinken