Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.

[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 am 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.


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.



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 : 5399
Hinweis : Flash The Scene™
Anmeldedatum : 20.10.11
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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