Homepage Hintergrund per CSS

    • 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

  • Das geht via CSS. Aber wo ist deine Frage? Oder möchtest du, wie so viele andere, dich nicht selbst ein wenig in die Materie einarbeiten und stattdessen lieber einen fix und fertigen Code mit Schritt für Schritt Anleitung wo du klicken musst um diesen einzufügen?

    Hilfe zu Selbsthilfe ist hier das Motto. Ein wenig Eigeninitiative ist da schon notwendig. Eigne dir zumnidest rudimentäre Kenntnisse in HTML und CSS an. Dann kannst du dir solche Fragen selbst beantworten. Nachschlagen kannst du das Thema Hintergrund unter anderem hier: https://www.w3schools.com/cssref/css3_pr_background.asp

  • Danke erst einmal für die klare Ansage. Ich bin in CSS eine Niete, trotzdem habe ich durch dich einiges hinbekommen.

    body {background-color: #80A74E;}
    #content {
    padding-top: 70px;
    background: #D1E0BF;
    }

    Zwei Sachen habe ich noch.
    ich möchte gerne die Transparenz für den mittleren Container einstellen und
    die Schrift in der Sidebar anpassen.

    Kannst du mich bitte wieder an schupsen. Danke

  • Um einen Hintergrund mit einer transparenten Farbe zu versehen muss man die Klasse bzw. die ID des jeweiligen Containers ermitteln und dort dann ansetzen.

    Um welche Klasse es sich handelt findet man relativ gut mit den Entwicklerwerkzeugen seines bevorzugten Browsers raus. Zum Thema Hintergrund noch mal ein Link: https://www.w3schools.com/css/css_background.asp Für dich wäre da der Teil mit Transparenz mit RGBA passend.

    Für die Entwicklerwerkzeuge habe ich dir auch mal ein (älteres) Video rausgesucht. Siehe:

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

  • Wenn du den Container "[FONT=Courier New]post-body[/FONT]" transparent gestaltest sieht man den schräg gestreiften Hintergrung, wie er hinter der Überschrift ist im ganzen Container!
    Wenn das weg soll, finde das Hintergrund-img [FONT=Courier New]"images/post-back.png",[FONT=Arial] setzte den Hintergrund auf [FONT=Courier New]none[/FONT] und ändere bei "[FONT=Courier New]post-body[/FONT]" die Hintergrundfarbe auf "[FONT=Courier New]background: #fff0;[/FONT]" = transparent.[/FONT]
    [FONT=Arial][/FONT][/FONT]
    [FONT=Courier New][FONT=Arial]Wenn du das schon wo gelesen hast - warum machst du es nicht o_O:rolleyes:[/FONT][/FONT]

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

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