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.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Sailor Moon Forum SMF
von Rika Heute um 12:09

» Natur und Wildlife Forum
von Stephan68 Gestern um 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Gestern um 11:42

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Gestern um 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

» Möglichkeit Umfragen anonym/offen bei der Erstellung einzustellen
von LillNalle Mi 19 Apr 2017 - 17:01

» [#9632] Registrierung funktioniert nicht
von inde Di 18 Apr 2017 - 18:58

» [phpBB2] Indexmodul verschiebt Foren?
von inde Di 18 Apr 2017 - 15:45

» Der kleine Brieffreund - Brieffreunde suchen und finden
von kleiner-brieffreund Mo 17 Apr 2017 - 20:49

» [phpBB3] Überschriften im Forum abändern
von inde Mo 17 Apr 2017 - 18:38

» [phpBB3] Hintergrundfarbe der Foren auf dem Index ändern
von inde Mo 17 Apr 2017 - 17:19

» Ein drittes Geschlecht
von inde Mo 17 Apr 2017 - 15:45

» (phbBB3) Teilnehmerlisten für Veranstaltungen
von inde Mo 17 Apr 2017 - 11:56

www.forumieren.de

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[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]


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.
Administrations-Bereich -> Anzeige -> Bilder & Farben -> Farben -> CSS Stylesheet -> Eintrag vornehmen -> Annehmen



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.


Viel Spaß bei der Gestaltung deiner mobilen Version.

Dieses Tutorial stammt von inde.
Das Tutorial unterliegt dem Copyright von hilfe.forumieren.com.
Eine Veröffentlichung außerhalb von hilfe.forumieren.com ist nicht gestattet!


avatar
inde
Administrator
Administrator

Männlich Beiträge : 3997
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