Logo-Text von verschiedenen HTML-Seiten anhängen [geschlossen]
Posted: 03 Jan 2025, 18:01
Ich erstelle das Logo einer Website mithilfe des folgenden HTML-Codes:
Und ich passe die Farben mithilfe von CSS an:
Bisher funktioniert alles gut. Im Folgenden möchte ich Folgendes erreichen:
Das Suffix in einer Unterseite heißt „Design“, also das Logo sollte wie folgt lauten:
Auf der Hauptseite sieht der Besucher also nur das Logo „Sarra.“, wenn er/sie jedoch zu einer Unterseite namens „“ navigiert Design“, das Logo sollte wie folgt angezeigt werden: „Sarra.Design“.
Dazu habe ich den folgenden JS-Code geschrieben:< /p>
Und ich rufe das JS-Skript auf, bevor ich den Text in der HTML-Datei der Unterseite schließe:
Derzeit habe ich zwei Probleme, die ich lösen muss:
Vielen Dank
Code: Select all
[url=index.html]Sarra.[/url]
Code: Select all
.mil-frame-top .mil-logo {
pointer-events: all;
color: rgb(0, 0, 0);
}
.mil-logo-dot .mil-logo-suffix {
pointer-events: all;
color: rgb(255, 152, 0);
font-weight: 200;
font-size: 18px;
}
Das Suffix in einer Unterseite heißt „Design“, also das Logo sollte wie folgt lauten:
Code: Select all
[url=index.html]Sarra.Design[/url]
Dazu habe ich den folgenden JS-Code geschrieben:< /p>
Code: Select all
document.addEventListener("DOMContentLoaded", function () {
const text = "Design";
const logoElement = document.querySelector('.mil-logo-suffix');
const metaPage = document.querySelector('meta[name="page"]');
if (logoElement & (metaPage && metaPage.getAttribute("content") !== "home")) {
logoElement.textContent.replace("Massa.", "Massa." + text);
}
});
Code: Select all
- Wenn ich zwischen den Seiten navigiere, Ich erhalte das gleiche Logo: „Sarra.“. Daher möchte ich das Logo basierend auf dem Seitentitel anhängen, auf dem der Benutzer gerade surft. Aber es funktioniert nicht.
- Ich habe die Farbe des Punktes und das Suffix in der CSS-Klasse geändert, aber es trifft nicht zu ( sie werden nicht in Orange angezeigt).
Vielen Dank