+ Antworten
Ergebnis 1 bis 8 von 8

Thema: Logo plazieren im Template

  1. #1
    War schon öfter hier
    Registriert seit
    11.01.2006
    Beiträge
    124
    Bedankte sich
    16
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard Logo plazieren im Template

    Hallo Jungs,

    ich möchte folgendes :

    In meiner rechten Menüleiste würde ich gerne ein Logo plazieren, so zwischen dem ersten Modul und dem Header.

    Siehe Bild
    menue.jpg

    Hier mein Auszu der css und der Index.php des Templates (forest)

    Index.php
    HTML-Code:
    <body>
    
    <div class="Main">
    
    <div class="Sheet">
        <div class="Sheet-tl"></div>
        <div class="Sheet-tr"><div></div></div>
        <div class="Sheet-bl"><div></div></div>
        <div class="Sheet-br"><div></div></div>
        <div class="Sheet-tc"><div></div></div>
        <div class="Sheet-bc"><div></div></div>
        <div class="Sheet-cl"><div></div></div>
        <div class="Sheet-cr"><div></div></div>
        <div class="Sheet-cc"></div>
        <div class="Sheet-body">
    
    
    <div class="Header">
    
    
    <jdoc:include type="modules" name="flexheader" style="RAW" />
      <!--  <div class="Header-jpeg">-->
    </div>
    
    
    
    
    <!--
    <div class="logo">
     <h1 id="name-text" class="logo-name"><a href="<?php echo $this->baseurl ?>/">Headline</a></h1>
     <div id="slogan-text" class="logo-text">Slogan text</div>
    </div>
    -->
    
    </div>
    <jdoc:include type="modules" name="user3" />
    <div class="contentLayout">
    <div class="content">
    <?php if ($this->countModules('breadcrumb') || artxHasMessages()) : ?>
    <div class="Post">
        <div class="Post-body">
    <div class="Post-inner">
    <div class="PostContent">
    <jdoc:include type="modules" name="breadcrumb" />
    <jdoc:include type="message" />
    
    </div>
    <div class="cleared"></div>
    
    </div>
    
        </div>
    </div>
    <?php endif; ?>
    <jdoc:include type="component" />
    
    </div>
    <div class="sidebar1">
    
    <jdoc:include type="modules" name="right" style="artblock" />
    <div class="PageBackgroundGlare">
    <div class="PageBackgroundGlareImage"></div></div>
    </div>
    
    </div>
    
    <div class="cleared"></div>
    <div class="Footer">
     <div class="Footer-inner">
      <jdoc:include type="modules" name="syndicate" />
      <div class="Footer-text"><p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
        | <a href="#">Privacy Statement</a><br />
        Copyright &copy; 2009 ---. All Rights Reserved.</p>
    </div>
     </div>
     <div class="Footer-background"></div>
    </div>
    
        </div>
    </div>
      <p class="page-footer"><a href="http://www.pc-didi.at">Joomla Template</a> Webdesign Tirol.</p>
    
    </div>
    
    </body> 
    Css Datei :

    HTML-Code:
    .PageBackgroundGlare
    {
      position: absolute;
      width: 100%;
      right: 0;
      top: 0;
    }
    Das Logo ist jetzt zur Zeit (PageBackgroundGlare) im Header oben links plaziert. Wenn ich die Werte von right und top verändere tut sich nichts. Wenn ich das Logo im der rechten Menüleiste setzen sitz das Modul etwas zu weit hoch hinter dem Logo. Wie kann ich das Modul heruntersetzen bzw. das Logo anders positionieren ?

    Wäre über eure Hilfe dankbar.

  2. #2
    Neu an Board
    Registriert seit
    04.09.2007
    Beiträge
    52
    Bedankte sich
    6
    Erhielt 6 Danksagungen
    in 4 Beiträgen

    Standard

    Hallo!


    Bin nicht so der html-Experte, aber ich habe was in Erinnerung mit Höhe verändern das sollte so aussehen:

    .PageBackgroundGlare
    {
    position: absolute;
    top:0px; - Probier mal mit dem Wert zu spielen.
    width: 100%;
    right: 0;

    http://html-php.de/index.php?seite=c_position

    Grüße
    Geändert von Tobee (24.02.2010 um 08:40 Uhr)

  3. #3
    War schon öfter hier
    Registriert seit
    11.01.2006
    Beiträge
    124
    Bedankte sich
    16
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Das hab ich ja schon probiert, ohne Veränderung.

    Keine Ahnung was das ist

  4. #4
    War schon öfter hier
    Registriert seit
    11.01.2006
    Beiträge
    124
    Bedankte sich
    16
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Das scheint der Fehler gewesen zu sein :

    position:absolute; top:10px; left:10px;


    Wenn ich die "px" mit angebe dann verschiebt sich das Logo.

    Mal schauen ob es auch an anderen Positionen geht

  5. #5
    Gehört zum Inventar Avatar von albatros
    Registriert seit
    16.08.2006
    Beiträge
    7.840
    Bedankte sich
    1.118
    Erhielt 1.890 Danksagungen
    in 1.748 Beiträgen

    Standard

    Hi,

    warum packst Du es nicht in ein neues Modul, das Du auf der Position veröffentlichst?
    Modul, neu (eigenes HTML), Grafik rein, feddisch.

    hth

    albatros

  6. #6
    War schon öfter hier
    Registriert seit
    11.01.2006
    Beiträge
    124
    Bedankte sich
    16
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Hey albatros,

    dat mit dem feddisch ist für net ganz so leicht für mich.

    Ich habe es jetzt da wo ich es haben will auf der rechten Menuleiste. allerdings hängt dat jetzt hinter dem Modul. Werd noch wahnsinnig.

    Aber ich bin für jede Hilfe sehr dankbar und wenn du meinst es ist mit deinem Vorschlag besser zu lösen dann schreib mir bitte ganz schnell

    Gruß

  7. #7
    War schon öfter hier
    Registriert seit
    11.01.2006
    Beiträge
    124
    Bedankte sich
    16
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    Jetzt bekomme ich das Logo versetzt nur liegt es jetzt hinter der Menuleiste

    menu.jpg

    Was kann ich noch in der Index.php ändern bzw. wie plaziere ich den Code richtig ??

    Gruß

  8. #8
    Gehört zum Inventar Avatar von albatros
    Registriert seit
    16.08.2006
    Beiträge
    7.840
    Bedankte sich
    1.118
    Erhielt 1.890 Danksagungen
    in 1.748 Beiträgen

    Standard

    Sorry,

    bei Bilderrätseln bin ich nicht sehr gut.

    hth

    albatros

+ Antworten

Lesezeichen

Berechtigungen

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