ich habe eine Frage zum Einbauen von Logos mittels CSS im Vorlagen-Editor. Ich habe nach der Vorlage von Joffm ein Logo in den Header unserer Umfrage eingefügt:
"Eine Möglichkeit ist Folgende:
In der "startpage.pstpl" findest Du in Zeile 17:
<nav class="navbar navbar-default navbar-fixed-top" id="topsurveymenubar">
Ich habe also ans Ende der "template.css" Folgendes hinzugefügt:
#topsurveymenubar {
background: #2ECC37 url("../files/mein_Logo.png") no-repeat right center;
}
Aber bedanke: Das Logo sollte bereits die Abmessungen haben, dass es gut passt.
Probiere es einmal.
Joffm"
Das funktioniert für die Willkommensseite auch perfekt (s. Screen Willkommensseite). Auf den Frageseiten wird das Logo dann allerdings von dem Link "Umfrage verlassen und Antworten speichern" überlagert (s. Screen Frageseite).
Wahrscheinlich müsste ich mittels CSS angeben, dass die Links unterhalb des Logos oder wie auf der Willkommensseite auf der linken Seite unter dem Umfragetitel angezeigt werden. Leider bin ich CSS-Neuling und weiß nicht, wie ich die entsprechenden Angaben finde bzw. verändere.
Könnte mir jemand weiterhelfen, welche Angaben ich hierfür im Vorlagen-Editor verändern müsste?
Vielen Dank im Voraus und viele Grüße,
Natascha
P.S. Ich nutze Version 2.72.6+171207 im Internet Explorer und arbeite mit der Vorlage Default, die ich farblich angepasst habe.
Schau es Dir an. Ich will nicht den ganzen Artikel noch einmal kopieren.
Interessant sind ja nur diese Zeilen:
Code:
<!-- Hier alle col-Größen auf 12 gesetzt -->
<span class="navbar-brand col-xs-12 col-sm-12" >{SURVEYNAME}
<!-- Hier wird das Logo in die Kopfzeile gesetzt -->
<div class="col-sm-hidden" style="float:right; display:inline; margin-right:10px;">
<img id='page_logo' src='{TEMPLATEURL}/files/meinlogo.png' class="img-responsive clearfix pull-right" />
</div>
<!-- -->
Bis dann
Joffm
P.S. Nichts mehr in der "template.css"
Volunteers are not paid.
Not because they are worthless, but because they are priceless