Tranzparenz und zentriertes Logo

JoeKuh

Hallo Leute,

ich baue gerade die nicht-kommerzielle Seite http://www.fcb-erfurt.net auf und habe dafür ein das "ColorWay" Thema von inkthemes installiert. So weit so gut.

Nun möchte ich folgende Optionen im Design verwirklichen.

1) Das Logo soll zentriert werden. Dies habe ich mit folgendem Code probiert:

Code

.logo{{
  text-align: center;
  }

Aber :???: es tut sich nichts.

2) Da ich ein Hintergrundbild verwenden möchte, soll der Schrifthintergrund, die weiße Fläche semi-transparent werden.

Dies habe ich zuerst mit diesem Code versucht:

Code

#page { background: rgba(255,255,255,.80); }

Da tat sich gar nichts.

Der zweite Versuch führte zum Ist-Zustand.

Code

.container{
  opacity: 0.8;
  }

Nun ist alles transparent, leider auch auch das Logo und die Bilder. Diese sollen aber nicht transparent sein (so wie hier http://www.fcb-2008.net).

Wo liegen meine Fehler?

Euch ein herzliches Danke!
Beste Grüße,
Joe

Werbepost

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

Marcus[IS]

Hi,

mit dem Hintergund bei .container liegst du schon richtig, muss allerdings hier die background-color: rgba(255,255,255,0.5); anwenden. (Oder halt 0.8, je nachdem wie stark du den Effekt haben willst, es geht generell von 0 - 1, wobei 1 nicht mehr Transparent ist)

Funktioniert zumindest mit Chrome, wenn ich es in den Entwicklertools so abändere.

Wegen dem Logo müsstest du mit der margin-left Anweisungen arbeiten.
Zum Beispiel;

Code

.logo img{
margin-left: 50%;
}

Das mit dem Logo kann man sicher noch etwas ausarbeiten denke ich mal, aber so kannst du das auf die Schnelle lösen.

JoeKuh

Marcus, Danke!

Kannst Du mir den container code einmal konplett notieren, ich habe da gerade irgendwie Scheuklappen und bringe es nicht fertig.

chilidog

Zitat von JoeKuh

Marcus, Danke!
Kannst Du mir den container code einmal konplett notieren, ich habe da gerade irgendwie Scheuklappen und bringe es nicht fertig.

Bin zwar nicht Marcus, aber ich helfe auch gerne :smile:

Code

.container{
  background-color: rgba(255,255,255,0.8)
  }

Mit dem 0.8 kannst Du etwas spielen, wie Marcus bereits angemerkt hat. Da kannst Du werte zwischen 0 - 1 eingeben.

JoeKuh

Marcus & Chilidog ! Daaaaanke! Ihr seit klasse.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tranzparenz und zentriertes Logo

Jetzt mitmachen!