+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Template 247cleand, Logo verlinken?

  1. #1
    Neu an Board
    Registriert seit
    19.07.2006
    Beiträge
    55
    Bedankte sich
    2
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard Template 247cleand, Logo verlinken?

    Hallo liebe Leute,

    ich möchte das Logo mit der div id="yourImage" in meinem Template 247clean zur Startseite verlinken und habe es folgendermaßen probiert...

    PHP-Code:
    <a href="..index.php"><img src="/templates/247clean/images/logo.jpg" border="0"></a
    Leider zerschießt es dann irgentwie die Position vom Datum und verlinkt ist das Logo auch nicht. Muß ich da noch etwas in der CSS ändern?

    Hier der originale Header Bereich aus der index.php

    PHP-Code:
    <div id="globalHead"> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/gblnav_left_2.jpg" height="140" width="7" id="gnl" /> <img alt="" src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/glbnav_right_2.jpg" height="140" width="7" id="gnr" />
        <div id="globalGrey"></div>
        <div id="yourImage">  
          <?PHP echo ("<img src=".$mosConfig_live_site."/templates/247clean/images/".$header.">")?></div>
      </div>

  2. #2
    Verbringt hier viel Zeit
    Registriert seit
    08.01.2006
    Beiträge
    922
    Bedankte sich
    9
    Erhielt 259 Danksagungen
    in 248 Beiträgen

    Standard

    Hi,
    beachte, dass jetzt im Headerbereich ein Link-Element (a) auftaucht, dieses Element hat sicherlich in der CSS-Datei entsprechende Werte für bestimmte Eigenschaften (margin, padding, ...) erhalten. Diese Werte gilt es für den Headerbereich anzupassen ...
    Gruß, <matti />
    __________________________________________________ _____
    Ist dein Problem gelöst - Thread als solchen markieren [Hilfe]
    Kostenfreie Hilfe nur(!) hier im Forum. Danke!

  3. #3
    Neu an Board
    Registriert seit
    19.07.2006
    Beiträge
    55
    Bedankte sich
    2
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Hallo Matti,

    für den Header und das Logo was ich verlinken möchte sind folgende Werte definiert, allerdings bin ich mir nicht sicher, was daran noch zu ändern wäre?

    PHP-Code:
    #globalHead {
        
    position        relative;
        
    width            100%;
        
    min-width        760px;
        
    height            140px;
        
    color            #cccccc;
        
    padding            0px;
        
    margin            0px;
        
    background-imageurl(../images/glbnav_background_2.jpg); 
    PHP-Code:
    #yourImage{
        
    position        absolute;
        
    top                0px;
        
    right            10px;
        
    z-index            101

  4. #4
    Verbringt hier viel Zeit
    Registriert seit
    08.01.2006
    Beiträge
    922
    Bedankte sich
    9
    Erhielt 259 Danksagungen
    in 248 Beiträgen

    Standard

    ... an diesen Werten muss auch nicht verändert werden. Aber das html-Elemement a kommt jetzt im header-Bereich dazu und ist vielleicht ausschlaggebend für die Fehler im Layout. Hast du einen Link auf die Seite oder testest du lokal?
    Gruß, <matti />
    __________________________________________________ _____
    Ist dein Problem gelöst - Thread als solchen markieren [Hilfe]
    Kostenfreie Hilfe nur(!) hier im Forum. Danke!

  5. #5
    Neu an Board
    Registriert seit
    19.07.2006
    Beiträge
    55
    Bedankte sich
    2
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Hallo Matti,

    vielen Dank für deine Hilfe, hat sich erledigt, ich musste noch eine neue CSS-Class mit a:link anlegen.

    Danke Dir :-)

  6. #6
    Neu an Board
    Registriert seit
    19.07.2006
    Beiträge
    55
    Bedankte sich
    2
    Erhielt 3 Danksagungen
    in 3 Beiträgen

    Standard

    Einmal für alle die das Logo von 247clean ebenfalls verlinken wollen folgendes...

    Zuerst die CSS des Templates mit folgenden Werten ergänzen....

    PHP-Code:
    }
    #logo{
        
    position        absolute;
        
    border-right    1px solid #FFFFFF;
        
    padding            0px;
        
    margin            0px;
        
    left            7px;
        
    z-index            100;
    }
    #logo a:link{

    Dann den folgenden Punkt im Head der Index.php

    PHP-Code:
     <div id="globalGrey"></div
    Ersetzen durch....

    PHP-Code:
        <div id="logo">
        <
    a href="index.php" target="_top">
        <
    img src="/templates/247clean/images/logo.jpg" border="0" height="140" width="183" alt="Startseite" /></a></div
    Die CSS globalGrey könnt ihr dann rausschmeißen.

  7. Erhielt Danksagungen von:


  8. #7
    Neu an Board
    Registriert seit
    17.04.2007
    Ort
    Rodgau
    Beiträge
    10
    Bedankte sich
    5
    1 Danksagung in 1 Beitrag

    Standard

    Hallo nightfire,
    danke für die Anleitung, die ich noch in einem Punkt ergänzen möchte:
    PHP-Code:
        <div id="logo">
        <a href="index.php" target="_top">
        <img src="<?php echo $mosConfig_live_site;?>/templates/247clean/images/logo.jpg" border="0" height="140" width="183" alt="Startseite" /></a></div>
    Sonst wird das Logo unter Umständen nicht gefunden.

+ Antworten

Lesezeichen

Berechtigungen

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