Buchstabenfarbe ändern

    Hallo.
    1. Ich bin Anfänger.
    2. Ich möchte auf meiner Seite jedes "R" (also natürlich nur am Anfang des Wortes) in einer bestimmten anderen Farbe als der restliche Teil des Wortes.

    Geht das?
    Wenn ja - wie?

    Wäre euch/dir sehr verbunden, wenn ihr/du mir helfen würde(s)t.
    Liebe Grüße

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Zitat von 'Marcus[IS

    ;589893']Mojn,

    habe ich zwar selber noch nie versucht, aber vielleicht hilft dir dies ja weiter.
    http://www.w3schools.com/cssref/sel_firstletter.asp

    ich kenne mich damit sehr gut aus, aber das ist nicht das was Cromagnon braucht.

    Er mag nicht jeden x-beliebigen Buchstaben am Beginn eines Absatzes (p) anders, sondern er mag jedes "R" das großgeschrieben wurde egal wo auf der Seite anders

    Zb Der Flughafen hatte einen großen Raum.

    ich bin bei regular expressions nicht fit, doch wenn ich verstand braucht er "regex single character"

    hab das jetzt nicht mit Wordpress getestet, eventuell musst noch die dazugehörige jQuery Datei in deinen Theme einfügen

    aber kannst dir hier mal ein Beispiel ansehen

    http://jsfiddle.net/nmw3y53e/

    oben der Text, darunter das Script, daneben das Ergebnis

    das Script müsstest du bei dir einfügen

    body kannst entsprechend ersetzen, wenn nicht überall das R anders sein soll

    Ich war mal neugierig und habe es ausprobiert... :-D klappt auch in WP.

    Einfach diesen Code in der header.php zwischen den head-Tags <head>hier zwischen</head> einfügen.

    Code
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('body').each(function () {
    $(this).html($(this).html().replace(/(\R)/g, '<span style="color: #FF0000;">$1</span>'));
});
});//]]>  
</script>

    beste Grüße moal

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden