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

von inde Mo 21 Nov 2016 - 21:36



Hintergrund des Banners – Logos anpassen
[mobile Version]

TUTORIAL

Mit der neuen Funktion...

...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.
Tuto* - [Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen Mobile11

Tuto* - [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.
Tuto* - [Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen Mobile12

Tuto* - [Tutorial] [mobile Version] Hintergrund des Banners – Logos anpassen Mobile12

Wir hoffen, euch gefällt dieses Tutorial! Smile

Euer Team von Forumieren king

	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	