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.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
Die neuesten Themen
» [phpBB3] Sendeplan für Webradio Forum
von inde Heute um 15:58

» [phpBB3] ReCaptcha ausschalten
von Primory Heute um 15:44

» phpBB3 (prosilver) : Keine URLs für Besucher
von Minthouse Heute um 15:25

» [phpBB2] Veröffentlichungen - Kategorien werden nicht angezeigt
von inde Heute um 15:16

» [#10599] Gelöschtes Forum wiederherstellen?
von inde Heute um 14:40

» [phpBB2] Einvernehmliche Übernahme eines Forum
von inde Heute um 11:17

» Wie können die Gäste in die Threads und Kategorien sehen?
von inde Heute um 9:48

» [#10551][phbBB3] Events werden nicht dargestellt.
von inde Sa 19 Aug 2017 - 16:27

» Catlantis
von Emily Stein Fr 18 Aug 2017 - 22:15

» Unternehmensberatung feat. Ideenfindung
von Emily Stein Fr 18 Aug 2017 - 22:14

» Animebase
von Emily Stein Fr 18 Aug 2017 - 22:12

» Anime World Forum
von Emily Stein Fr 18 Aug 2017 - 22:12

» Akatsuki und Naruto Forum
von Emily Stein Fr 18 Aug 2017 - 22:11

» Glee-Forum
von Emily Stein Fr 18 Aug 2017 - 22:06

» Keksiix3.forumieren.net . Lets rock !
von Emily Stein Fr 18 Aug 2017 - 22:04

» Meinungs-Zeitung
von Emily Stein Fr 18 Aug 2017 - 22:01

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 : 4958
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