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] Gefällt mir Button erscheint nicht
von Alastor Heute um 7:30

» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Alastor Gestern um 12:41

» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34

» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03

» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46

» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20

» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52

» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26

» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35

» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49

» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34

» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04

» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki So 12 Mai 2024 - 18:10

» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03

» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14

» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in Lange Ladezeiten
( 2 )


» Beitrag von Joost in [Invision] User Style Änderung - Code geht nicht
( 2 )


» Beitrag von gnadenlos in Lange Ladezeiten
( 1 )


» Beitrag von Joost in [Invision] User Style Änderung - Code geht nicht
( 1 )


» Beitrag von Alastor in [Invision] User Style Änderung - Code geht nicht
( 1 )


[Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Tutorial [Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen

Beitrag von inde Mo 21 Nov 2016 - 21:36

Hintergrund des Banners – Logos anpassen
[mobile Version]
TUTORIAL

Mit der neuen Funktion...
Banner auf der mobilen Version
...habt ihr nun auch die Möglichkeit ein Banner/Logo auf Smartphones sowie anderen mobilen Geräten anzuzeigen.


In diesem kleinen Tutorial möchte ich ungeübteren Usern einmal aufzeigen, wie ihr den Hintergrund des Banners/Logos für die mobile Version eures Forums anpassen könnt.

Nach dem Einsetzen der Grafik sieht der Hintergrund des Banners bei der mobilen Version in etwa wie auf der nachfolgenden Grafik aus.
[Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen Mobile11

Nicht gerade schön gelungen. umkipp
Um dies zu ändern müsst ihr lediglich einen Eintrag in euer persönliches CSS vornehmen.


Verändere das Aussehen des Forums durch hinzufügen eines CSS-Codes.
Wie mache ich einen Eintrag in das CSS?


Für die Änderung ist die nachfolgende Class (Achtung: Originaleintrag) zuständig.
Code:
.forum-header-content {
    background-color: rgba(0, 0, 0, 0.75);
    height: 280px;
}
Ich habe in meinem Beispiel einmal die Hintergrundfarbe dem Forum angepasst und die Höhe des Hintergrundes auf eine automatische Höhe eingestellt.

Hinweis: Achtet bitte unbedingt darauf, dass ihr die Höhe eures Logos nicht zu hoch gestaltet, ansonsten wird vor lauter Logo nichts anders mehr von der Startseite (dem Index) angezeigt!
Code:
/*Mobile Version Hintergrund des Logos anpassen*/
.forum-header-content {
  background: #369fcf none repeat scroll 0 0;/*Hintergrundfarbe*/
  height: auto;/*Höhe des Headers*/
}
Danach sieht es dann wie auf der folgenden Grafik aus, wobei zusätzliche Einträge z.B. für Rahmen, andere Grafiken usw. durchaus auch noch möglich sind.
[Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen Mobile12


Wir hoffen, euch gefällt dieses Tutorial! Smile

Euer Team von Forumieren king


Zuletzt von inde am Mo 4 Sep 2017 - 4:39 bearbeitet; insgesamt 1-mal bearbeitet (Grund : Letzte Aktualisierung 04/09/2017)
avatar
inde
Admin a.D.
Admin a.D.

Männlich Beiträge : 5658
Anmeldedatum : 20.10.11
keine
Mozilla Firefox 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