• Hey Leute,

    ich würde gern meinen Body leicht transparent machen.
    Habt ihr eine Ahnung wo ich dafür hingehen muss, um was zu ändern?

    Wäre toll wenn ihr mir helfen könntet

    • 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

  • Mojn,

    So etwas wird meist über die style.css des Themes geregelt, welches du für deinen Blog gewählt hast.

    Allerdings solltest du dabei berücksichtigen, dass jeder Browser die Darstellung von Transparenter Darstellung anders handhabt.

    Code
    opacity: 0.5;       /* modern browser */  
        -moz-opacity: 0.5;  /* older Mozilla browser */  
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
        filter:alpha(opacity=50); /* IE5.x -7.0 */

    Dies sind die Anweisungen und damit musst du den Body Tag in der style.css deines Themes erweitern.

    Ist jetzt allerdings von mir ungestestet, sollte aber laut diverser Quellen bezüglich css so hinhauen.;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Stimmt da war noch was. :roll:

    Da gab es auch schon ein paar Anfragen dazu.
    Ich habe mal eine rausgesucht.

    http://forum.wpde.org/design/95043-t…verhindern.html

    Also man kann anstelle der von mir zuerst geposteten Filterfunktionen auch rgba Anweisungen nehmen, doch ich weiß nicht, ob die mit allen Browsern funktionieren.

    Ansonsten gib uns mal den Link zum betroffenen Blog, dann können wir denke ich besser helfen, wenn wir nachschauen was wo geändert werden müsste. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Wie kann ich es ändern, damit Bilder nicht transparent werden?

    das opacity(dadurch wird alles transparent, Schrift Bilder Navi usw.) im body wieder entfernen
    und nur die gewünschten "background" Anweisungen anpassen

    also z.B. bei (themes/twentyeleven/colors/dark.css)

    Code
    #page {
    	background: #0f0f0f;
    }


    den Farbcode ersetzen
    also

    Code
    #page {
    	background: rgba(0, 0, 0, 0.6);
    }
  • Ich hoffe ich überlaste euch nicht damit, wenn ich euch die style.css mal zeige. Das sind jetzt die Stellen an denen ich das body und page Element gefunden habe. Was muss ich jetzt wo machen?


    Und noch eine Frage hinterher. Wie kann ich den Hintergrund im Footer weg machen, so dass es so aussieht als würde der Footer "schweben"

  • ich hab dir doch den Link zur dark.css extra dazu geschrieben!

    Zitat

    also z.B. bei (themes/twentyeleven/colors/dark.css)

    und auch welchen Teil du bearbeiten sollst........

    hier nochmal der volle Link zum anklicken

    http://riensartwork.de/wp-content/the…colors/dark.css

    und gleich oben findest du

    Code
    #page {
        background: #0f0f0f;
    }

    und bevor du den Footer schweben lässt :D, vielleicht erst mal die Transparenz lösen :wink:

    ach ja, mit Firebug für Firefox oder "F12 drücken" bei anderen Browsern, findest du auch alle Codestellen und kannst Änderungen vorher live testen

  • Alles klar, danke dir. Habs erledigt.

    Jetzt zum Footer^^

    Der Hintergrund muss weg...wo muss ich was genau machen? BZW gibts ne Funktion für visibility für den background?

  • gerade mal angesehen, der Page-Hintergrund ist auch hinter dem Footer
    somit kleine Änderung... Page transparent setzen, dafür "primary" und "main" neu mit transparenten Hintergrund versehen

    also

    Code
    #page {
    	background: rgba(0, 0, 0, 0.6);
    }


    ersetzen mit

    Code
    #page {
        background: transparent;
    }
    #primary, #main {
        background: rgba(0, 0, 0, 0.6);
    }


    und weiter unten, also auch in der dark.css

    Code
    #site-generator {
    	background: #060606;
    	border-color: #000;
    }


    ersetzen mit

    Code
    #site-generator {
        background: transparent;
        border-color: transparent;
    }
    #site-generator a {
        background: transparent;
    }

    ach und noch ein kleiner Tip
    wenn du dies

    Code
    .gallery .gllr_image_block {
        text-align: center;
    }


    auch noch in die dark.css einfügst, sind die Bilder sowie der Text darunter, in der Artwork-Gallery mittig :wink:

  • [COLOR=Red]Doppelpost da hier scheinbar das Bearbeiten eines Beitrags schon nach 5min nicht mehr möglich ist[/COLOR]

    Code
    #primary, #main

    muss noch #container hinzu

    also

    Code
    #primary, #main, #container
  • Ok, ich hab hier ein kleines Problem. Seitdem ich das mit der Galerie gemacht, damit die Bilder in der Mitte sind, werden sie beim Anklicken im gleichen Tab als neue Seite angezeigt, das Aufpoppen funktioniert nicht mehr...

    Habt ihr eine Ahnung?

  • Seitdem ich das mit der Galerie gemacht, damit die Bilder in der Mitte sind

    das heißt du hast schon getestet, das es auch wirklich daran liegt?!

    kann mir nämlich überhaupt nicht vorstellen, das

    Code
    text-align: center;

    3Tage später ein Plugin deaktiviert ;)

  • ...und in den Einstellungen gibt es keine derartige Einstellung...


    von welchen Einstellungen redest du?

    das

    Code
    text-align: center;


    hast du doch selbst in die dark.css eingefügt

    Zitat

    Ich glaube das Plugin hat sich verabschiedet


    welches Plugin?

    was hast du den für ein Plugin installiert, das sich nun verabschiedet hat?

    du musst schon etwas genauer beschreiben was du alles verändert, installiert, deinstalliert oder was auch immer gemacht hast

    oder eben das was du verändert, installiert oder deinstalliert hast, wieder rückgängig machen

Jetzt mitmachen!

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