Header png responsive

Mehr
1 Monat 4 Tage 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.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Monat 4 Tage 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.

Mehr
1 Monat 4 Tage her #4401 von Matthias
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):
<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:
.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.221 Sekunden
Powered by Kunena Forum
   
© Bakual