+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Beez3 Header anpassen

  1. #1
    Neu an Board
    Registriert seit
    16.01.2011
    Beiträge
    31
    Bedankte sich
    15
    1 Danksagung in 1 Beitrag

    Frage Beez3 Header anpassen

    Hallo zusammen,

    ich bin gerade dabei das Beez3 Template für mich anzupassen. Was habe ich bisher gemacht?

    ->
    ich habe den ARI-Slider installiert und konfiguriert. Diesen anschließend auf die Position-1 im Template gesetzt. Da es aber noch komisch aussah habe ich in der nature.css in Zeile 63 padding-top 20em gesetzt.
    Soweit so gut, der Slider ist ist mehr oder weiniger an seinem Platz.
    Screenshot_1.jpg

    Nun möchte ich noch links über dem Slider ein Logo drüberlegen. Wenn ich es über das Template -> Erweitert -> Logo hinzufüge sieht es wie folgt aus.
    Screenshot_2.jpg

    Meine Frage: Was und wo muss ich am Template ändern damit das Logo drüber liegt?

    Danke
    Gruß
    Navigato
    Geändert von Navigato (31.12.2014 um 15:49 Uhr)

  2. #2
    Gehört zum Inventar Avatar von chr-hl
    Registriert seit
    28.07.2009
    Ort
    Lübeck
    Beiträge
    5.991
    Bedankte sich
    158
    Erhielt 1.823 Danksagungen
    in 1.780 Beiträgen

    Standard

    Hallo,

    mit einem Link auf Deine HP ginge das sicherlich schneller.

    Somit bleibt deshalb erst einmal Folgendes: absolute Positionirung und z-index als Schlagworte.

    Christian
    1. Ohne Link >>> Kein Wink!!!
    2. Konnte ich Dir helfen - dann freut ein Klick auf "Bedanke Dich"
    JUG Lübeck + develop.linsner-luebeck.de

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    16.01.2011
    Beiträge
    31
    Bedankte sich
    15
    1 Danksagung in 1 Beitrag

    Standard

    Vielen Dank nochmal an den Tipgeber!!
    Damit ist mir schon sehr geholfen

    Code:
    nature.css Zeile 47
    .logoheader {
        border-top: 1px solid rgba(0, 0, 0, 0);
        color: #FFFFFF;
    /*  margin: 37px auto 0; */ /* löschen bzw. so auskommentieren */
        max-width: 1050px;
        min-height: 20px;
        position: absolute; /* neu */
        z-index: 1000;      /* neu */
        top: 5px;						/* neu, Wert ggf. ändern */
        left: 100px;				/* neu, Wert ggf. ändern */
    }
    
    position.css Zeile 298
    .logoheader {
        font-weight: normal;
        line-height: 1.5em;
    /*  margin: -2px 10px 0; */ /* löschen bzw. so auskommentieren */
        padding: 0;
        text-align: left;
    }
    
    nature.css Zeile 65
    #header {
        background: -moz-linear-gradient(center top , #004746 0%, #0A5E69 25%, #185359 18%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        left: 0;
        padding: 100px 0 0 0;  /* geändert, Wert ggf. ändern */
        height: 300px					 /* neu, Wert ggf. ändern */
    /*  position: absolute;  */ /* löschen bzw. so auskommentieren, wenn doch gewünscht, müssen die nachfolgenden Elemente anders positioniert werden. */
        top: 0;
        width: 99.9%;
    }
    
    nature.css Zeile 63
    #all {
    /*    padding-top: 20em;  */ /* löschen bzw. so auskommentieren */
    }

+ Antworten

Berechtigungen

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