Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Überlagerung von Logo und Schrift im Header

  • NataschaWe2006
  • NataschaWe2006's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 3 weeks ago #164989 by NataschaWe2006
Überlagerung von Logo und Schrift im Header was created by NataschaWe2006
Hallo,

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.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 3 weeks ago - 6 years 3 weeks ago #164992 by Joffm
Hallo, NataschaWe2006,
hier ist etwas Neueres dazu.
www.limesurvey.org/forum/design-issues/1...7-adding-logo#164109

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
Last edit: 6 years 3 weeks ago by Joffm.
The topic has been locked.
  • NataschaWe2006
  • NataschaWe2006's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
6 years 3 weeks ago #165016 by NataschaWe2006
Replied by NataschaWe2006 on topic Überlagerung von Logo und Schrift im Header
Vielen Dank für die schnelle Hilfe! Das hat mir schon einmal sehr weitergeholfen!

Viele Grüße und einen schönen Abend,
Natascha
The topic has been locked.
Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose