Überlagerung von Logo und Schrift im Header

More
7 months 1 week ago #164989 by NataschaWe2006
NataschaWe2006 created the topic: Überlagerung von Logo und Schrift im Header
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.
Attachments:

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago - 7 months 1 week ago #164992 by Joffm
Joffm replied the topic: Überlagerung von Logo und Schrift im Header
Hallo, NataschaWe2006,
hier ist etwas Neueres dazu.
https://www.limesurvey.org/forum/design-issues/105717-adding-logo#164109

Schau es Dir an. Ich will nicht den ganzen Artikel noch einmal kopieren.

Interessant sind ja nur diese Zeilen:
<!-- 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: 7 months 1 week ago by Joffm.

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago #165016 by NataschaWe2006
NataschaWe2006 replied the 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

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!