Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.02.2015 um 02:07 (UTC)    
Titel: Code: Blinkende Schrift

Hallöchen,

ich habe einen Code für blinkende Schrift im Designcode, der sieht so aus:
Code:
.blink {
    -webkit-animation: blink 1s steps(5, start) infinite;
    animation: blink 1s steps(5, start) infinite;
}

wenn ich dann aber Schrift im Seiteninhalt mit:
<blink>TEXT</blink>
einfüge passiert garnix Rolling Eyes jemand eine Idea Idee was da falsch ist Question

edit: auch mit diesem Code funktionierts nicht:
Code:
<script language="JavaScript">
<!--
blink(0.7);

function blink(speed)
{
if (speed) {
if (document.all)
setInterval("blink()", speed*1000)
return;
}
var blink = document.all.tags("BLINK")
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}

// -->
</script>

______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 07.02.2015, 03:16, insgesamt 2-mal bearbeitet
Beitrag07.02.2015 um 08:28 (UTC)    
Titel:

Hallo,
es klappt leider nicht, da der CSS Code eine Klasse mit dem Namen "blink" ansprcht.
Du müsstest zum Beispiel so einen Code verwenden:
<div class="blink">Blinkender Text</div>

Liebe Grüße
Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.02.2015 um 16:57 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hallo,
es klappt leider nicht, da der CSS Code eine Klasse mit dem Namen "blink" ansprcht.
Du müsstest zum Beispiel so einen Code verwenden:
<div class="blink">Blinkender Text</div>


Liebe Grüße
Dominik

im Content-dort wo der Text steht Question
Rolling Eyes hm.........funktioniert nicht Crying or Very sad
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag07.02.2015 um 17:45 (UTC)    
Titel:

Zeig doch mal, wo du das ausprobierst, dann können wir den konkreten Fehler suchen.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag08.02.2015 um 23:56 (UTC)    
Titel:

siehe PN - danke Smile
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag09.02.2015 um 07:02 (UTC)    
Titel:

Soweit ich das auf den ersten blick sehe, hast du zwar definiert dass Elemente mit der Klasse "blink" eine Animation namens "blink" abfahren sollen, aber es gibt weder Elemente die diese Klasse haben, noch ist die "blink"-Animation definiert.

Schau mal hier: http://stackoverflow.com/a/16012979
Es ist mit .bllink das definiert was du auch schon hast und mit dem "@keyframes blink" wird dann auch noch festgelegt was passieren soll: Das Ende der Animation weicht vom Anfang insoweit ab, dass visibility auf hidden gestellt wird. Das bewirkt dann ein Blinken. mit opacity:0; könntest du auch ein Aus- und Einblenden bewirken.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag09.02.2015 um 07:52 (UTC)    
Titel:

Rolling Eyes hm....stehe irgendwie auf der Leitung und verstehe nur Bahnhof
was müsste ich also demnach tun oder wie muss ich welchen Code wo einfügen Question Rolling Eyes
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag09.02.2015 um 07:59 (UTC)    
Titel:

Code:
<style>
.blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }
</style>
<div class="blink">alles hier blinkt</div>


Den Style-Teil kannst du natürlich auch bei Text über dem Design oder sonstwo einfügen und jedes Element dem du class="blink" mitgibst, blinkt dann.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag09.02.2015 um 09:44 (UTC)    
Titel:

Embarassed *mich mal schäme*
toll - klasse - danke - funktioniert
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de