CSS Code Hintergrundbild

  • Seite 3 von 4
04.03.2019 22:18 (zuletzt bearbeitet: 04.03.2019 22:22)
avatar  Mike48
#31 RE: CSS Code Hintergrundbild
avatar
Mitglied

Ich habe es bei mir mal mit einem Smatphone getestet. Es ist für Gäste und Mitglieder gleich.
Die Breite könnte man auch auf 90% setzen.

Im Admin ist die mobile Ansicht aktviert, sonst könte ich die nicht auf meinem Smartphone sehen.
Du darfst die mobile Ansicht nicht im Browser ganz unten deaktiveren.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
04.03.2019 22:23 (zuletzt bearbeitet: 04.03.2019 22:28)
#32 RE: CSS Code Hintergrundbild
Th
Mitglied

@F. Peters lassen Sie es bitte gut sein! Ich habe die Sache abgehakt und das sollten Sie auch


@Mike48 vielleicht liegt es auch am Smartphone . Die Hintergrundbilder sind bei aktiviertem Modus nicht zu sehen.


 Antworten

 Beitrag melden
04.03.2019 22:28
#33 RE: CSS Code Hintergrundbild
avatar
Mitglied

Herr Schmidt, es liegt daran, dass Ihr Screenshot gar nicht die mobile Ansicht zeigt, wie Sie zunächst behaupteten, sondern die Desctop Version des Forums.
Man sollte gelegentlich selbst reflektieren, was man eigentlich mit widersprüchlichen Nachfragen erreichen möchte.

Vielen Dank
MfG, F. Peters



(Business TP)

 Antworten

 Beitrag melden
04.03.2019 22:31
avatar  Mike48
#34 RE: CSS Code Hintergrundbild
avatar
Mitglied

Es geht um die zu breiten Kategorien.

Ohne den CSS Eintrag





Mit dem CSS Eintrag



www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
04.03.2019 22:43
#35 RE: CSS Code Hintergrundbild
Th
Mitglied

@F. Peters was ist an: "Schluss jetzt!" missverständlich?

@Mike48 danke


 Antworten

 Beitrag melden
04.03.2019 22:44 (zuletzt bearbeitet: 04.03.2019 22:46)
#36 RE: CSS Code Hintergrundbild
avatar
Mitglied

@Mike48

...eingangs ging es noch um HG-Grafiken im mobilen Template, welche auf per Screen gepostete Art gar nicht anlegbar sind...

Vielen Dank
MfG, F. Peters



(Business TP)

 Antworten

 Beitrag melden
04.03.2019 23:18
#37 RE: CSS Code Hintergrundbild
avatar
Mitglied

Vielen Dank für den Maulkorb, Herr Schmidt, @Thomas Schmidt , das hinterlässt einen dauerhaft guten Eindruck.

Vielen Dank
MfG, F. Peters



(Business TP)

 Antworten

 Beitrag melden
04.03.2019 23:22
#38 RE: CSS Code Hintergrundbild
Th
Mitglied

@F. Peters dasselbe gilt auch für jemanden, der so eine Sache nicht hinter sich lassen kann. Ich bin hier raus.


 Antworten

 Beitrag melden
04.03.2019 23:23
#39 RE: CSS Code Hintergrundbild
avatar
Mitglied

Vielen Dank
MfG, F. Peters



(Business TP)

 Antworten

 Beitrag melden
05.03.2019 01:38 (zuletzt bearbeitet: 05.03.2019 01:43)
avatar  Mike48
#40 RE: CSS Code Hintergrundbild
avatar
Mitglied

@Thomas Schmidt

Hintergrundbild und Logo im Kopf der mobilen Ansicht könntest du mit einem kleinen Plugin machen.

Admin → Plugins → Plugin-Entwicklung → Neues Plugi erstellen



(Plugin ID und Name zum Beispiel)
Plugin ID: mobilkopflogo01
Pluhin Name: Header und Logo mobil

Unterstützte Templates = Mobile - Template (77)

Neues Element erstellen
- Template Element
- Obere Leiste
- Footer

Darin diesen Code eingeben

1
2
3
4
5
 
<div style="background-image: url(//files.homepagemodules.de/b802899/a_23_e382df41.jpg);">
<center>
<img id="thelogo" src="https://img24.dreamies.de/img/773/b/hpntzgqwnt0.png" alt="" style="width: 90%; max-width:600px;">
</center>
</div>
 



sieht dann so aus



Admin → Forum → Einstellungen → Mobiles Template für Smartphones aktivieren → Farbeinstellungen → Farben & Schriften
Da kannst du auch die Farben des mobilen an den Desktop anpassen.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
05.03.2019 07:55
avatar  River
#41 RE: CSS Code Hintergrundbild
avatar
Mitglied

Zitat von Thomas Schmidt im Beitrag #32
vielleicht liegt es auch am Smartphone . Die Hintergrundbilder sind bei aktiviertem Modus nicht zu sehen.


Hallo Thomas,

Das liegt nicht am Smartphone. Standardmäßig werden bei der mobilen Ansicht nicht die HG-Bilder wie bei der klassischen Ansicht (mit deaktiviertem mobilen Template) angezeigt.

Man muss unterscheiden zwischen:
Desktop/Tablet = klassische Ansicht (wie du im Screenshot ja auch gezeigt hast)
Smartphone = mobile Ansicht (bei aktiviertem mobilen Template)

Wie man nun mit HG-Bild auf dem Display des Handys sehen kann, ist es ganz gut, dass man KEINE HG-Bilder für das mobile Template vorgesehen hat. Es füllt den halben Screen - der User scrollt sich zu Tode. Meiner Ansicht nach ist es beim mobilen Template besser, man zeigt kein Header-Bild an, es sei denn, es ist ganz schmal (das soll nicht den Plugin-Vorschlag von Mike herabsetzen, weil es für schmale Banner eine tolle Idee ist).

Der HTML-Code für Zentrieren ist

1
 
<center>Bilderlink</center>
 



falls du das mal brauchst.

HTML-Codes nachschlagen kann man auch bei SelfHTML.

Falls diese Antwort von mir sich bereits erledigt hat, weil du das nun selber herausgefunden hast, macht das auch nichts, weil alles, was hier geschrieben wird, möglicherweise für andere (neue) Admins hilfreich ist.

Zum Schluss empfehle ich noch die Bibliotheken in Luxusausführung = Forumtour, Wiki (Suchfunktion vor allem), Blog und die Video-Tutorials, wenn man die Software von der Pike auf mit allen Basics und Informationen erlernen und kennen lernen möchte oder etwas Bestimmtes sucht.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
05.03.2019 22:07
#42 RE: CSS Code Hintergrundbild
Th
Mitglied

@Mike48 irgendwo scheint ein Fehler zu sein. Oder ich bin nach 10 Stunden Arbeit zu müde. Aber ich habe alle Schritte befolgt . Auf dem Smartphone hat sich nichts geändert und auf dem Laptop wurde der Header samt Hintergrundbild direkt darunter gespiegelt


 Antworten

 Beitrag melden
05.03.2019 22:38 (zuletzt bearbeitet: 05.03.2019 22:39)
#43 RE: CSS Code Hintergrundbild
avatar
Mitglied

...die Plugins von @Mike48 sind grundsätzlich und gut durchdacht. Da kann ich nur den Hut ziehen.

Vielen Dank
MfG, F. Peters



(Business TP)

 Antworten

 Beitrag melden
05.03.2019 22:43 (zuletzt bearbeitet: 05.03.2019 22:47)
avatar  Mike48
#44 RE: CSS Code Hintergrundbild
avatar
Mitglied

Hast du diese Einstellung auf "Auto" ?



und hast du ein Plugin erstellt für das Headerbild?


Hilfe für Plugins gibt es hier im Wiki
Wiki:Plugin-Tutorial-fuer-Einsteiger-bersicht


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
05.03.2019 22:49
avatar  Mike48
#45 RE: CSS Code Hintergrundbild
avatar
Mitglied

Ist das Smartphon IOS oder Android?


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!