Sie können Ihre eingebetteten Ergebnisse mit CSS anpassen. So können Sie von der Schriftgröße bis zur Farbe der Schaltflächen alles ändern. Hier gibt es eine Vielzahl von Optionen. In diesem Abschnitt wird ein Beispiel für eine grundlegende Änderung gegeben und erklärt, wie Sie ein Element finden, um eine kleine Änderung vorzunehmen. Beachten Sie, dass jeder CSS-Code, der im Abschnitt Online-Registrierung > Grundeinstellungen hinzugefügt wird, auch hier angewendet wird.
Grundlegende CSS-Bearbeitung
Ein einfaches Beispiel für eine CSS-Änderung wäre die Änderung der Schriftfarbe für die gesamte Seite. Dazu fügen wir dem <html>-Tag einen Stil hinzu.
<div id="divRRPublish_results2" class="RRPublish"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRPublish/load.js.php?lang=en"></script>
<script type="text/javascript">
<!--
var rrp=new RRPublish(document.getElementById("divRRPublish_results2"), 123456, "results");
rrp.ShowTimerLogo=true;
rrp.ShowInfoText=false;
-->
</script>
<style>
html {
color: red;
}
</style>
Hier verwenden wir das CSS-Feld color, um eine rote Farbe zuzuweisen. Dadurch wird die Farbe des gesamten Textes auf der Seite in Rot geändert. Wenn es jedoch Text auf der Seite gibt, der einen eigenen Stil hat, wird dieser Text nicht überschrieben. Sie sehen dies bei dem Textlink zum Anzeigen aller Teilnehmer.