[Erledigt] Web 12 / Design Titanium / Logo wird nicht angezeigt .. und wie könnte ich es vergrössern?

Hallo zusammen, mal wieder eine Frage.

Also , ich nutze Web12, Design Titanium. Als Eyecatcher ein Video. Grösse Eyecatcher 100 %.

Nun habe ich ein Logo erstellt von 90 x 90 px (die Anleitung zu Titanium ermpfiehlt eine Höhe von 90 px). Das sollte eigentlich links im Eyecatcer angezeigt werden.

Das Logo wird aber nicht angezeigt!. Auch Browsercache schon gelöscht, auch danach nicht.

Hat jemand eine Idee woran es liegt? Die Anleitung gibt da nichts her leider.

*****

Dann die nächste Frage:

Sollte das Logo mit 90 x 90 px zu klein sein - wenn es mal zu sehen sein sollte - , wie kann ich ein grösseres Logo einbetten? Dazu gab es einen Ratschlag in proweb, der sich aber in web12 nicht umsetzen lässt.

Beste Grüße, UR

Hallo, 

Habe zwar das Design nicht, aber es gibt zwei Felder, Logo und Logo (alternativ). Hast du dein Logo in beide eingepflegt?

Guten Morgen,

ja, ich habe das Logo auch als Ersatzlogo eingestellt / platziert.

Der Stand ist folgender:

Eyecatcer ist ein Video oder Foto, je nach Versuch. Auf der Starseite wird das Logo gar nicht angezeigt. Es erscheint nur auf den weiteren Seiten nach der Startseite, also z.B. auf "über uns", Kontakt usw.

Ich frage mich nun nur, warum es auf der Startseite nicht zu sehen ist, obwohl bei m Hersteller Siquando im Designbeispiel Titanium selbst, das Logo auch auf der Startseite zu sehen ist. 

Also irgendwas stimmt wohl nicht.

Dann gebe doch mal einen Link zur Problemseite, Blues. Vielleicht fällt jemand dann etwas dazu ein.Titanium ist ein optionales Kaufdesign was nicht jeder hat. Ich zumindest auch nicht. Und ohne Link können wir nur die Glaskugel reiben.

Na dann wollen wir mal Licht in die Glaskugel bringen

Der Link mit der Beispielseite ist www.bluesdruck.de

Eine weitere Auffälligkeit neben dem Logo ist, dass die Umlaute im normalen Text ok sind.

ABER In der Eyecatcher-Überschrift als auch im blauen Kasten mit dem Zitat werden die Umlaute mit Fragezeichen dargestellt. z.B. das Wort Düsseldorf oder im Zitat das "it`s"

Komisch, oder? 2 verschiedene Wiedergaben in der selben Seite.... Generell ist es ISO-8859-1

Ich habe schon mehrere Seiten mit Siquando und diversen Designs gemacht über die vielen Jahre. Aber diese Probleme wie mit Titanium hatte ich noch nie.

Beste Grüße, UR

Das die Umlaute falsch angezeigt werden liegt wohl an dem Cookiemanagement, wie schon in DIESEN Beitrag angemeckert.

Ob das Logo auch damit zusammen hängt könnte möglich sein, denn auf andere Seiten wo kein Cookiemanagement wird es schon angezeigt.

Eine Lösung dafür kann dir wohl nur SIquando geben.

Das Demo Design „Titanium“ auf der Seite von SIQUANDO ist im Jahr 2017 mit ProWeb 2 erstellt worden.
Da die Infinity Designs zwischen klassischen Web/Shop zu ProWeb/Shop unterschiedlich programmiert sind, kann es auch sein (so wie es hier aussieht), dass bei der klassischen Variante gar kein Logo für die Startseite vorgesehen ist.
Zumindest ist auf der Startseite im Code auf deiner HP bei id="sqrheadertopbox" keine Image-Datei hinzugefügt worden, so wie es bei den anderen Seiten wie folgt der Fall ist (dieser Code fehlt auf der Startseite):

<div id="sqrheadertopbox">
<div><img src="../images/titanium-logo-254-x-90png_logo.jpg" width="254" height="90" alt=""></div>
</div>

Du könntest dies eventuell bei Website-Eigenschaften Reiter HTML-Optionen bei HTML-Code bearbeiten wie folgt ergänzen, dann gilt dies jedoch für alle Webseiten.

<header>
<div id="sqrheadertopbox">
<div><img src="../images/titanium-logo-254-x-90png_logo.jpg" width="254" height="90" alt=""></div>
</div>
</header>

Die Größe kann man dann in diesem Code mit width und height anpassen und ich würde hier sogar das alt-Attribute für das Bild mit "Stainless Blue" ergänzen.

Bzgl. das Problem mit Zeichensatz /  ISO-8859-1, hier im Forum gibt es verschieden Lösungsansätze, einfach mal mit " ISO-8859-1" suchen. Ich würde es mit .htaccess Datei und entsprechenden Code im Root-Verzeichnis versuchen

Fehler berichtigt, nicht style (war ein Gedankenfehler), sondern es müsste in den Header-Bereich. Sorry.
Ich weiß nicht was heute wieder mit mir los ist. 

... nimm mal die Eyecatcher Überschrift raus
Es geht entweder nur Logo oder Überschrift (jedoch nicht beides)

@ Micha... bis dahin ganz lieben Dank, das ist die Lösung zu sein... ohne Eyecatcerüberschrift erscheint auch das Logo dann....

@ Muggel Clan, Dir und allen anderen hier auch lieben Dank... da werde ich mich mal durcharbeiten.

Hallo nochmal an alle hier:

Es geht um die falsche Darstellung der Umlaute. Also nachdem ich mir die Tipps aus den Vorverweisen durchgesehen habe, habe ich nun in die hataccess folgendes eingefügt. Und auf einmal wird alles richtig dargestellt. Supersupersuper.

Lieben Dank an alle hier

<Files ~ "\.php?$">
Header set Content-Type "text/html; charset=ISO-8859-1"
</Files>

 Und wie habt ihr das logo jetzt größer gemacht auf dem Smartphone? Bei dem angegebenen link, sieht kann kein Titanium Design 

Also bei mir geht's nur Titanium Web 12 wie ich das Logo größer machen kann besonders auf dem Smartphone alles andere passt schon, wäre sehr nett wenn mir da auch einer helfen könnte, danke 

Verantwortlich für die Größe des Logos für Smartphone bzw. bis eine Weite von 767px ist folgender vorhandener Code:

@media screen and (max-width: 767px) {
	#sqrheadertopbox h1 {
		font-size: 32px;
	}
	
	#sqrheadertopbox img {
		height: 40px;
	}
}

Durch die Änderung die Höhe (height) von 40px auf 90px bleibt das Logo gleich groß wie bei Desktop.
d.h. diesen Code z.B. wie folgt ändern (90px ist die Logo-Höhe bei Desktop):

@media screen and (max-width: 767px) {
	#sqrheadertopbox h1 {
		font-size: 32px;
	}
	
	#sqrheadertopbox img {
		height: 90px;
	}
}

(Bemerkung: bei 90px Höhe könnte man auch diesen Code sparen bzw. löschen. Will man eine andere Logogröße, dann macht die Änderung wieder Sinn)

Die Höhenangabe "height: 40px" bestimmt also die Größe des Logos, da diese mit "width: auto;" die Breite automatisch responsiv die Seiteverhältisse des Bildes anpasst.

Hallo vielen Dank aber ich muss das im Quellcode ändern über Filezilla oder kann ich den Code auch bei dem CMS-System hinterlegen? Aber vermutlich nur über Ftp das heißt nach jeder Änderung auf der Webseite muss ich das immer wieder anpassen richtig? Und muss ich das dann auch auf jeder Unterseite oder nur einmal?

Ich habe zwar das Design Titanium nicht, aber ich denke, dass die Struktur des Design gleich zu den anderen Design sein wird:

Es müsste im Design-Ordner auf dem PC folgende Datei geben (berichtigt mich falls es nicht so ist, eventuell hat ja jemand anderes noch das Design):

C:\Program Files (x86)\SIQUANDO\Web 12\designs\titanium\style_design.css

Diese Datei durch kopieren oder umbenennen sichern (damit man alles wieder Rückgängig machen kann) und dann die Änderungen in dieser Datei "style_design.css" durchführen.
Natürlich gilt diese Änderung dann für alle Projekte, die dieses Design bzw. diesen Design-Ordner verwenden.

Für fortgeschrittene User: man könnte auch das ganze über erweiterete Designeigenschaften im Siquando-Programm flexibel gestallten. Hierzu empfehle ich die PDF-Datei "workshop_erweiterte_design_eigenschaften.pdf" im Files-Bereich hier im Forum durchzulesen.

Okay vielen Dank aber wie genau muss ich den Code jetzt ändern das ist jetzt mir nicht ganz ersichtlich durch deine vorige Erklärung wie genau muss ich den Code ändern? Und für mich ist nur die Smartphone Größe wichtig die Desktop Größe ist okay könnte zwar auch minimal größer sein aber Smartphone ist halt winzig

weil das hier width: auto; steht nicht in deinem code?

@media screen and (max-width: 767px) {
	#sqrheadertopbox h1 {
		font-size: 32px;
	}
	
	#sqrheadertopbox img {
		height: 90px;
	}
}

unter:

C:\Program Files (x86)\SIQUANDO\Web 12\designs\titanium\style_design.css

steht jetzt das

#logo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 0 20px;
	box-sizing: border-box;
}

#logo>img {
	display: block;
	border: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#logo>img {
		max-width: 260px;
		height: auto;
	}
}

was genau soll ich dann hier ändern um auf dem Smartphone das logo größer zu bekommen und welche würdest du empfehlen, also mindestens doppelt so groß wenn nicht dreifach auf dem Handy, auf dem Desktop darf es natürlich auch nicht zu groß sein, also ich würde sagen desktop doppelt , könnte aber so bleiben und handy dreifach und mindestens doppelt?

#logo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 0 20px;
	box-sizing: border-box;
}

#logo>img {
	display: block;
	border: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#logo>img {
		max-width: 260px;
		height: auto;
	}
}

Bitte schön gelöscht ich hatte nur den kompletten Code hier reingetan damit ich weiß wo genau ich welchen Teil austauschen soll was wenn du mich nicht ganz ersichtlich war

und was ist eigentlich mit alternativ logo gemeint, so etwas hat kein anderes design, das man die möglichkeit hat 2 unterschiedliche logos rein zu tun? 

Okay vielen Dank aber wie genau muss ich den Code jetzt ändern das ist jetzt mir nicht ganz ersichtlich durch deine vorige Erklärung wie genau muss ich den Code ändern? Und für mich ist nur die Smartphone Größe wichtig die Desktop Größe ist okay könnte zwar auch minimal größer sein aber Smartphone ist halt winzig

 Das habe ich doch genau mit Beispiel im Beitrag #14 erklärt.

#logo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 0 20px;
	box-sizing: border-box;
}

#logo>img {
	display: block;
	border: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#logo>img {
		max-width: 260px;
		height: auto;
	}
}

 Schau mal weiter unten bevor footer kommt, eins davor findest du den richtigen Code.

Nimm bitte sofort den kompletten Code von Beitrag #21 raus, das verstößt gegen die Forumregel. Vielen Dank.

geht nicht, laut Windows 10 bin ich aber admin

Dann hast du die Siquando-Software nicht mit Adminrechten installiert gehabt.

Kopiere dir die Datei "style_design.css" in den Dokumenten-Ordner, bearbeite ihn dort, anschließend kannst du ihn nach dem speichern wieder zurück in den Design-Ordner kopieren. Du kannst die Datei im Designordner überschreiben.

Oder die Datei im Design-Ordner umbenennen und dann die kopierte Datei zurückkopieren.

so geschafft, desktop unverändert, auf dem smartphone größer aber das ganze header bild ist größer geworden und hat sich verschoben, ich wollte aber nur das logo auf dem handy größer haben nicht das headerbild, gibt es da noch eine bessere möglichkeit?

 hatte das so wie du geschrieben hast geändert:

@media screen and (max-width: 767px) {
	#sqrheadertopbox h1 {
		font-size: 32px;
	}
	
	#sqrheadertopbox img {
		height: 90px;
	}
}

aber es gibt doch in dem code noch, kann man da nichts ändern und wenn ja was genau:

#logo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 0 20px;
	box-sizing: border-box;
}

#logo>img {
	display: block;
	border: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#logo>img {
		max-width: 260px;
		height: auto;
	}
}

Ok, dann mach mal dies wieder rückgängig (90px auf 40px zurück) und ändere mal folgenden Code, den du bereits schon mal im Beitrag #19 und #20 geschrieben hast:

@media screen and (max-width: 767px) {
 #logo>img {
 max-width: 520px;
 height: auto;
 }
}

Hiermit müsste sich dann das Logo (bei Smartphone bzw. biss 767px) von einer Breite 260px auf 520px ändern und durch das vorhandene "height: auto;" die Seiteverhältnisse bleiben.

Für den Desktop mal folgende Zeile hinzufügen:

#logo>img {
	max-width: 780px;
	height: auto;
	display: block;
	border: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	#logo>img {
		max-width: 520px;
		height: auto;
	}
}

Das müsste dann das Logo für Desktop am maximal 780px Breite vergrößern.