Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Gestern um 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

» [Klassische Version]  Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14

[Invision] Transparent Logohintergrund/Struktur

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [Invision] Transparent Logohintergrund/Struktur

Beitrag von Alastor Mo 21 Okt 2024 - 0:52

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 Smile

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 Very Happy
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!


Zuletzt von Alastor am So 27 Okt 2024 - 12:36 bearbeitet; insgesamt 1-mal bearbeitet
Alastor
Alastor
Meister
Meister

Beiträge : 174
Anmeldedatum : 14.04.13
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Transparent Logohintergrund/Struktur

Beitrag von Skouliki Di 22 Okt 2024 - 11:59

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;
}
Skouliki
Skouliki
Moderatorin
Moderatorin

Weiblich Beiträge : 906
Anmeldedatum : 16.04.19
[Invision] Transparent Logohintergrund/Struktur Empty
Google Chrome PunBB

Nach oben Nach unten

Erledigt Re: [Invision] Transparent Logohintergrund/Struktur

Beitrag von Alastor Do 24 Okt 2024 - 13:41

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 Very Happy

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?
Alastor
Alastor
Meister
Meister

Beiträge : 174
Anmeldedatum : 14.04.13
keine
Mozilla Firefox Invision

Nach oben Nach unten

Erledigt Re: [Invision] Transparent Logohintergrund/Struktur

Beitrag von Skouliki Sa 26 Okt 2024 - 18:27

Code:

#userlinks {
    border-bottom: transparent !important;
    background-color: transparent !important; }
Skouliki
Skouliki
Moderatorin
Moderatorin

Weiblich Beiträge : 906
Anmeldedatum : 16.04.19
[Invision] Transparent Logohintergrund/Struktur Empty
Google Chrome PunBB

Nach oben Nach unten

Erledigt Re: [Invision] Transparent Logohintergrund/Struktur

Beitrag von Alastor So 27 Okt 2024 - 12:34

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
Alastor
Alastor
Meister
Meister

Beiträge : 174
Anmeldedatum : 14.04.13
keine
Mozilla Firefox Invision

Joost und Skouliki mögen diesen Beitrag

Nach oben Nach unten

Erledigt Re: [Invision] Transparent Logohintergrund/Struktur

Beitrag von Joost So 27 Okt 2024 - 12:58

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

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

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
[Invision] Transparent Logohintergrund/Struktur Empty
Google Chrome phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten