Header png responsive
5 Jahre 3 Monate her #4399
von bigthe
bigthe antwortete auf Header png responsive
Guten Morgen,
vielen Dank dafür, ich werds bei Gelegenheit gleich umsetzen!
Ein schönen Tag euch.
vielen Dank dafür, ich werds bei Gelegenheit gleich umsetzen!
Ein schönen Tag euch.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
5 Jahre 3 Monate her #4400
von bigthe
bigthe antwortete auf Header png responsive
Es geht! Sieht richtig gut aus auf dem PC, auf dem Smartphone allerdings etwas gequetscht also unterproportional klein im Vergleich zum Rest. Was könnte ich tun um das etwas anzu passen?
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
5 Jahre 3 Monate her #4401
von Matthias
Matthias antwortete auf Header png responsive
Dafür werden mehrere Bilder benötigt. Diese unterscheiden sich in ihrer Breite (oder der Höhe) und der verwendeten Schriftgröße. Je kleiner die Breite/größer die Höhe des Bildes ist, desto größer muss die Schriftgröße sein.
Dann musst du ein neues Modul vom Typ "Eigenes Modul" erstellen und dies auf die Position "headermodule1" legen. Der Code für das eigene Modul sieht folgendermaßen aus (hier mit zwei Bildern):
Der obige LESS-Code kann dann wieder entfernt werden. Stattdessen wird folgender LESS-Code benötigt:
Dann musst du ein neues Modul vom Typ "Eigenes Modul" erstellen und dies auf die Position "headermodule1" legen. Der Code für das eigene Modul sieht folgendermaßen aus (hier mit zwei Bildern):
Code:
<a href="/index.php" class="medialogo">
<img src="http://joomla.bts-suhl.de/images/2.png" class="hidden-phone">
<img src="http://joomla.bts-suhl.de/images/logo_mobile.png" class="visible-phone">
</a>
Der obige LESS-Code kann dann wieder entfernt werden. Stattdessen wird folgender LESS-Code benötigt:
Code:
.custom_template_less_header() when (@navbarCollapseWidth > 0) {
@media (min-width: @navbarCollapseDesktopWidth) {
.border-top-radius(5px);
}
}
.custom_template_less_header() when not (@navbarCollapseWidth > 0) {
.border-top-radius(5px);
}
a.imglogo, a.medialogo {
padding: 0;
img {
.custom_template_less_header();
border-top: 1px solid @headBorderColor;
border-left: 1px solid @headBorderColor;
border-right: 1px solid @headBorderColor;
}
}
#header {
padding: 0;
min-height: auto;
border: none;
background: transparent;
}
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.120 Sekunden