ilch Forum » Ilch CMS 2.X » Design und Templates » Bootstrap Logo einbinden

Geschlossen
  1. #1
    User Pic
    RTX2070 Mitglied
    Registriert seit
    14.06.2019
    Beitrge
    50
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag
    versuche derzeit ein Logo im Template einzubauen.
    Bin nach Anleitung von Bootstrap vorgegangen.
    Das alt-tag wird mir angezeigt aber mein Logo leider nicht.
    Mein logo.jpg liegt im img Verzeichnis vom Design.
    Eigentlich ja simpel sowas aber es wird einfach nicht angezeigt.
    Jemand eine Idee?
    Gebe im Pfad img/logo.jpg an...aber nichts...
    Beim allen anderen Grafiken funktioniert es ohne Probleme.


    verwendete ilch Version: 2.1.x

    betroffene Homepage: localhost


    Zuletzt modifiziert von RTX2070 am 29.09.2019 - 12:59:21
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.206
    Beitragswertungen
    176 Beitragspunkte
    Hi,
    Kopier doch mal dein Imgtag vom logo aus dem Design, du wirst wohl möglich Pfad Technisch was Falsch haben.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    RTX2070 Mitglied
    Registriert seit
    14.06.2019
    Beitrge
    50
    Beitragswertungen
    0 Beitragspunkte
    <a class="navbar-brand" href="#">
          <div class="logo">
                <img src="img/logo.jpg">
          </div>
    </a>

    .logo{
        width: 327px;
        height: 172px;
        border-radius: 10%;
        overflow: hidden;
        
    }
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.206
    Beitragswertungen
    176 Beitragspunkte
    Deine Ilch version ist 1.x oder 2.x?
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    RTX2070 Mitglied
    Registriert seit
    14.06.2019
    Beitrge
    50
    Beitragswertungen
    0 Beitragspunkte
    2.x.
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.206
    Beitragswertungen
    176 Beitragspunkte
    Ok dann müsste der Pfad zum bild so aussehen :
    <a class="navbar-brand" href="#">
          <div class="logo">
                <img src="<?=$this->getLayoutUrl('img/logo.jpg') ?>">
          </div>
    </a>
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    RTX2070 Mitglied
    Registriert seit
    14.06.2019
    Beitrge
    50
    Beitragswertungen
    0 Beitragspunkte
    Allerbest..
    Das hat geklappt, Danke.

    Aber wieso nicht bei mir???
    Habe es doch eigentlich gleich nur halt statisch im html...


    Zuletzt modifiziert von RTX2070 am 29.09.2019 - 15:19:34
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.206
    Beitragswertungen
    176 Beitragspunkte
    Naja auf deinem wege würde er es so abrufen :
    www.deinedomain.de/img/logo.jpg

    was ja nicht Funktionieren kann weil das bild im design Ordner ist.
    Deswegen haben wir die getLayourUrl Funktion gemacht so brauchst du nicht immer den gesamten Pfad angeben sondern nur innerhalb des Design ordners.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    RTX2070 Mitglied
    Registriert seit
    14.06.2019
    Beitrge
    50
    Beitragswertungen
    0 Beitragspunkte
    Ok das leuchtet ein.

    Mein nächster Schritt wird sein "Eigenes Modul" erstellen.

    Kann man Sie hier auch fragen wenn es soweit ist?

    Mfg
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Nex4T Hall Of Fame
    Registriert seit
    28.02.2007
    Beitrge
    3.206
    Beitragswertungen
    176 Beitragspunkte
    Natürlich kannst du uns oder andere Community Mitglieder fragen wenn du soweit bist.
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten