Guten Tag.
Wie ersetze ich den Textlink durch ein Logo?
Gruß Stefan Thiedemann
Druckbare Version
Guten Tag.
Wie ersetze ich den Textlink durch ein Logo?
Gruß Stefan Thiedemann
Am besten guckst Du da mal bei Bootsrap rein:Zitat:
Zitat von mrstringer
http://stackoverflow.com/questions/1...vbar-with-logo
Dafür gibt es ein extra Template navbar_brand. Man kann auch ein eigenes anlegen, z.B. navbar_brand_logo und dies in der Navbar auswählen.
Moin.
Das es ein eigenes Template gibt, habe ich bereits gesehen. Dieses Template ist im Modul der Navigation auch als Template für den Header-Bereich ausgewählt.
Nur, wie genau ersetzte ich den Textlink durch ein Logo.
Die jetzt in Entstehung befindliche Seite ist schon einmal von mir nur in Bootstrap erstellt worden und da habe ich den Link ganz einfach im HTML-Code geändert.
Ich weiss einfach nicht, wie ich das Template ansprechen muss.
<a href="{{link_url::<?php echo $GLOBALS['objPage']->rootId; ?>}}" class="navbar-brand"><?php echo $GLOBALS['objPage']->rootTitle; ?></a>
Über die Klasse "navbar-brand"? Das habe ich im CSS versucht - ohne Ergebnis.
Code:#header .navbar-brand {
margin-left:0;
width:200px;
height:200px;
border:1px solid #4c669c;
background-image: url(./hano-quad_ropa_cover.jpg);
display:block;
overflow:hidden;
text-indent: -9999px;
}
Ich nehme mal an dass der Pfad falsch ist ... aber ohne link oder Glaskugel wird das schwer nachzugucken ...Zitat:
background-image: url(./hano-quad_ropa_cover.jpg);
http://www.halau-kuechen.de/index.php/start.html
Bitte nicht an den Farben stören. Sind nur dafür da, damit ich weiss, wo ich bin.
Das Logo liegt 1x in dem Datenordner, den ich der Webseite zugeordnet habe. Dann habe ich es 1 x in einen Unterordner (img) gepackt und 1x in einen Unterordner von img (logos).
Gruß
Danke nochmal für alle Hinweise.
Hat sich erledigt.
Habe es hinbekommen. Fehler war fehlerhafte Pfadangabe.
Gruß
Es gibt sogar in der Boostrap "Bibel" einen neuerdings einen Eintrag dafür:
http://getbootstrap.com/components/#navbar-brand-image
Nur zur Vollständigkeit ;)