+ Antworten
Ergebnis 1 bis 4 von 4

Thema: roses: zusätzliches Logo in die Ecke stellen

  1. #1
    Neu an Board
    Registriert seit
    17.03.2010
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard roses: zusätzliches Logo in die Ecke stellen

    Hallo zusammen,
    ich spiele im Moment mit den template "roses" herum.
    Sehr schön ist dort die Lösung mit dem Dauerhintergrund.
    Allerdings gefällt mir die leere Ecke links oben nicht so wirklich.
    Da hätte ich gern ein Logo oder ein Zufallsbild einblendbar.

    Ich habe diverse Einträge in der template.css verändert, kriege aber an dieser Stelle nichts hin.
    Das von mir hinzugefügte Element #container #logo erscheint aber nicht.
    Die Bilddatei mylogo.png ist vorhanden.
    http://www.esskaa.bplaced.net/bizpraes/
    Hier ein Auszug aus der template.css
    Danke für die Hilfe.
    esskaa ( newbie mit null komma vier Ahnung )


    /*****************************************/
    /*** Template specific layout elements ***/
    /*****************************************/
    #page_bg {
    background: #3c481b url(../images/bg1.gif) center top repeat-y;
    }
    #bg1 {
    background:url(../images/green_bg.gif) center top no-repeat;
    }
    #container {
    width:980px;
    margin:0 auto;
    text-align:left;
    background:#fff url(../images/roses.jpg) top no-repeat
    }
    #container #logo{
    height:150px;
    width:250px;
    background:url(../images/mylogo.png) top left no-repeat;
    margin:0 auto;
    }
    #container #header{
    height:200px;
    width:600px;
    margin:0;
    text-align:left;
    margin-left:385px;
    padding-top:20px;
    float:right
    }
    Geändert von esskaa (27.11.2010 um 11:07 Uhr)

  2. #2
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Mit so etwas müsste es funktionieren:

    template.css (Zeile 71)
    #container #header {
    background:url("../images/mylogo.png") no-repeat 0 0;
    float:right;
    height:200px;
    margin:0;
    padding:0 20px 0 385px;
    text-align:left;
    width:600px;
    }
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    17.03.2010
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hallo Anka,

    12 Minuten für dieAntwort. Vettel ist lahm dagegen.

    Danke für die Hilfe, aber nun steht dasLogo unter dem Header, und der ist "nur" rechts auf der Seite.
    Ich will aber zusätzlich die Ecke links davon nutzen.

    Ich habe die Änderung aber mal eingebaut. Da kann man die Lage des Headers mitdem Logo gut erkennen.

    http://www.esskaa.bplaced.net/bizpraes/

    Gruß esskaa

  5. #4
    Neu an Board
    Registriert seit
    17.03.2010
    Beiträge
    11
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Aber es hat mir auf die Sprünge geholfen.
    Ich habe den Header-Bereich umdefiniert,so dass er über die ganze Breite geht, das Logo hinterlegt und alle Elemente im Header mit margin-left um 350px nach rechts verschoben. Jetzt habe ich die Optik, die ich haben wollte.

    Besten Dank für das "auf die Sprünge" helfe, ich steige vom null komma vier auf null komma fünf.

    Gruß

    esskaa

+ Antworten

Lesezeichen

Berechtigungen

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