[Invision] Transparent Logohintergrund/Struktur

URL-Adresse des Forums:https://fantasy-anthologien.forumieren.com/forum
Rang/Funktion im Forum:Admin
Forenversion:Invision
Browser: egal
Persönliches CSS(Ja/Nein):
Templateänderungen(Ja/Nein): Nein

Liebes Forumieren-Team,

ich habe noch eine Frage und konnte das mit eigenen CSS Versuchen nicht lösen.

Ich wüsste gerne, wie ich bestimmte Teile des Forums transparenter gestalten kann.
Wie man den ganzen Forenblock transparenter macht habe ich gefunden, ist allerdings nur semi-hilfreich.
Da ich gerne noch etwas rumprobieren möchte, hätte ich zwei Fragestellungen.



1. Was muss ich im CSS Code ändern, damit das Hintergrundbild transparenter wird? Ich kann das natürlich auch im Bildeditor vorher machen, damit dauert aber das experimentieren länger. Und ich würde es gerne verstehen.

Code:

 body {
      width: 100%;
      height: 100%;
      background-image: url('https://i.servimg.com/u/f77/16/55/61/14/leonar14.jpg');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-attachment: fixed;
opacity: 0.9;
    }

Wenn ich background-attachment, background-image davor schreibe, hat das opacity keinen Einfluss, ist also wohl nicht das richtige

2. Wie kann ich den Hintergrund hinter dem Logo transparent gestalten (unabhängig von der Forenstruktur)? Das Logo ist noch nicht fertig, erstmal nur eine Dummyversion. Die Schrift ist weiß, der Hintergrund des Bildes ist transparent. Die Farbe kommt durch die Einstellung in "Kopfzeilen Grundfarbe". Ich würde es gerne etwas transparenter gestalten und einmal sehen wie es aussieht. Es wird wohl via "opacity" funktionieren, aber ich habe nicht herausgefunden, worauf es sich beziehen soll. Dachte "overall_header", aber das hatte keinen Effekt
Würde man die Navigationsleiste ebenso transparent gestalten wollen, müsste man die Links wahrscheinlich durch Bilder ersetzen und dann via eines CSS die Farbe transparenter setzen oder? Wie wäre dazu der CSS? Der Streifen unter der Navigationsleiste (da wo steht "eingeloggt als") kann wahrscheinlich nicht irgendwie modifiziert werden (außer von der Farbe) oder?

Vielen Dank im Voraus!

hallo

2. Wie kann ich den Hintergrund hinter dem Logo transparent gestalten (unabhängig von der Forenstruktur)?

Code:


div#logostrip {
    background: transparent !important;
  }


Würde man die Navigationsleiste ebenso transparent gestalten wollen

Code:


#submenu {
    background: transparent !important;
}
#submenu ul li a {
    color: #000 !important;
}


Hi,

herzlichen Dank, das funktioniert auf jeden Fall.

Wie heißt diese Leiste unter der Navigationsleiste, wo dann z.B. steht "eingeloggt als [Username]" und "Neue Beiträge seit dem letzten Besuch" etc, damit man die auch transparent gestalten kann, wenn man möchte? Sonst steht sie da so allein als ein Balken da

Wie schafft man es, dass man die Transparenz bei den drei Leisten nur teilweise eingesetzt wird, wie bei dem Befehl Opacity: 0.9, das man auf die Forenstruktur anwenden kann?

Hi,

herzlichen Dank, das funktioniert auf jeden Fall.

Ich hab auch noch herausgefunden, wie man die Box mit den Bekanntmachungen unsichtbar macht, bzw abtönt:

Code:

#fa_ticker_block .module {
  background: transparent !important;
  border: none;
}

#fa_ticker_block .box-content {
  background-color: #eff1f380;
  border: none;
}

Der Code #eff1f380 bestimmt dabei wie transparent der Hintergrund ist.
#eff1f3 bestimmt die Farbe und die letzten zwei Zahlen wie transparent es sein soll von 00 bis FF

Vielen Dank für die Codes, wer weiß, vielleicht kann jemand anderes damit etwas anfangen.

	Thema ist erledigt und wurde ins Archiv verschoben. Regeln des Forums der Foren