33 geniale Contao-Erweiterungen, die du kennen solltest! - Contao Academy
Ergebnis 1 bis 2 von 2

Thema: Logo "schweben" lassen

  1. #1
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.020

    Standard Logo "schweben" lassen

    Hi Leute,
    ich möchte ein Layout verwirklichen, in dem das Logo auf der rechten Seite, ca. 150px von oben und 50px vom rechten Rand entfernt über dem Inhalt (Navigationsleiste) schwebt. Das Logo soll, zur besseren Abgrenzung zum darunter liegenden Inhalt einen kleinen Schatten werfen.
    So eine Sache habe ich bis jetzt noch nie gemacht, wollte mich aber mal ran waagen. Wie würde ihr das angehen und wo muß ich mit Problemen rechnen? Ich denke es wird schwierig auf sehr großen Monitoren, weil es dann vielleicht viel zu weit rechts "schwebt", und bei kleinen Monitoren, weil es dann dort die horizontale Navigation überdeckt, auf deren Höhe es sich eigentlich befinden sollte.

    Ich hoffe, mich einigermaßen verständlich ausgedrückt zu haben!

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  2. #2
    Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    1.622
    User beschenken
    Wunschliste

    Standard

    Hallo,

    gibt es das Projekt bereits online? link?
    Das würde etwas mit den Voraussetzungen helfen ... ansonsten würde ich wie folgt, mal ins Blaue geraten, wie folgt vorgehen:

    • Logo positionieren mit position:absolute;
    • den Schatten darunter mit box-shadow: .... ;
    • für die unterschiedlichen Bildschirmgrössen würde ich mit unterschiedlichen Logo-Grössen bzw. width:...; bzw. height:...; arbeiten
    • umsetzen der unterschiedlichen Logo-Grössen, je Bildschirmgrösse, würde ich mit media-queries umsetzen

    also alles in allem via CSS
    Grüsse
    Bernhard


Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •