Transparenzwert allen einzelnen "Seiten"-hintergrund bei Theme Reveal

    Hallo

    Habe das Theme "reveal" installiert. Statische Site. http://www.sophus-hansen.de/

    Meine Beiträge erstelle ich unter "Seiten" der Text-Raum (content) unterhalb des headers soll eine ca. 80% Transparenz erhalten, damit man das Hintergrundbild noch leicht erkennen kann, ohne dass der Text des Beitrags unleserlich wird. Das soll für alle Seiten gelten. (... gerne auch einen Hinweis darauf, wie ich eine Ausnahme machen kann ...)

    Da ich Laie bin weiß ich nicht, wo ich den entsprechenden code bei diesem Theme eintragen muß.

    Frage:
    welchen Code?
    An welcher Stelle einfügen?

    Vielen Dank.
    Kai

    • 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

    da gibt es mehrere Möglichkeiten(findest du auch über die Suche hier)
    Problem dabei ist, das nicht jeder Browser dies umsetzt

    einfach und von jedem Browser umgesetzt, den Hintergrund mit einen Bildbearbeitungsprogramm mit weiß 80%tig überlagern, hochladen und dann in der style.css (wp-content/themes/reveal/reveal/style.css) Zeile 296 bei

    Code
    #main {
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: #fff;
	max-width: 62.5em;			
}

    einfügen und ausrichten

    würde dann so aussehen(bereits ausgerichtet)

    Code
    #main {
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url("An-der-Trave-Sophus-Hansen-main-bg.jpg") no-repeat scroll center -80px transparent;
	max-width: 62.5em;			
}

    auf welchen Seiten dies dann verwendet wird, lässt sich über die ID der Seite steuern

    Hallo. Danke für die Antwort.
    Verstehe ich das richtig: - Auf das Background-Bild soll eine "fest verdrahtet" 80% transparent-Fläche installiert werden?
    Und der Code heißt dann vermutlich, daß der bisherige Seitenhintergrund (weiß) nicht erscheint?

    Wie ist das dann mit der Anpassung bei unterschiedlichen Tectlängen?
    Oder verstehe ich es nicht richtig?

    Zitat von Kai Hansen


    Verstehe ich das richtig: - Auf das Background-Bild soll eine "fest verdrahtet" 80% transparent-Fläche installiert werden?

    keine Ahnung was du mit "fest verdrahtet" und "installieren" meinst, du sollst einfach weiße Farbe über das Bild legen und die Deckkraft auf 80% festlegen, also ohne einen Draht zu installieren

    Aber deine Antwort sagt mir das du gar kein Bildbearbeitungsprogramm hast und somit auch nicht weißt wie man damit umgeht

    somit hast du ja sicherlich zwischenzeitlich die Suche bemüht und die Lösungsvorschläge mittels RGBa gefunden

    wenn nicht hilft dir diese Seite weiter klick mich

    anpassen gleiche Stelle also background bei #main

    Hallo Artofpic.
    Ja, danke. ich habe ein Grafik-Programm. Jedoch habe ich gefürchtet, daß sich die Größe der Transparenzfläche nicht mit der Textmenge anpaßt. Das "verdrahtet" meinte Bild mit weißer Ebene drüber gelegt. Sorry für die "schlechte" Sprache.

    Habe dedinem link folgend die rgba-Lösunf gewählt. Ob das browser-Probleme gibt, muß ich noch checken.

    Danke jedenfalls.
    kai

    Du solltest aber bei all der Transparenz beachten was dir wichtiger ist, die Sichtbarkeit des Hintergrundbildes oder die Lesbarkeit des Textes.

    bei 0.5 sieht man zwar schön das Bild, nur lesen kann man nicht mehr viel, die Links bei "Zur Person" sind fast ganz weg

    aber vielleicht hast du ja Besucher die sowieso mit dicker Hornbrille und Lupe vor dem Röhrenbildschirm sitzen :lol:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden