#1

Blues

Grünschnabel  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Logo ersceint nicht in der Homepage und wie kann ich es grösser al 90px machen , wenn es mal erscheinen sollte?

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


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »W2D Fan« (08.03.2023, 12:31)
#2

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo, 

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


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#3

Blues

Grünschnabel  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.

 

#4

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

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.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#5

Blues

Grünschnabel  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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

 

 

#6

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

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.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#7

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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. 


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 


Dieser Beitrag wurde bereits 3 mal bearbeitet, zuletzt von »MuggelClan« (08.03.2023, 12:04)
#8

Micha

Routinier  (449 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://violent-dreamer.de

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


Best,
Micha

#9

Blues

Grünschnabel  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

@ 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.

#10

Blues

Grünschnabel  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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>
#11

Emilrolle

Mitglied  (41 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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

#12

Emilrolle

Mitglied  (41 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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 

#13

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo, Muggel Clan, würde mich auch interessieren? Was muss ich den machen das ich bei meiner Homepage das Logo auf dem Smartphone größer bekomme?

 

 

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. 

 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »alexB« (08.08.2023, 12:49)
#14

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#15

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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?

#16

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#17

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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
#18

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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;
	}
}
#19

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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;
	}
}
#20

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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;
	}
}

Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »alexB« (08.08.2023, 16:33)
#21

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »alexB« (08.08.2023, 17:16)
#22

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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? 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »alexB« (10.08.2023, 20:54)
#23

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#24

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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;
	}
}

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


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#25

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#26

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

geht nicht, laut Windows 10 bin ich aber admin

 


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »alexB« (10.08.2023, 20:55)
#27

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.

 


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »MuggelClan« (08.08.2023, 17:45)
#28

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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?

 

 

 


Dieser Beitrag wurde bereits 4 mal bearbeitet, zuletzt von »alexB« (10.08.2023, 20:55)
#29

alexB

Mitglied  (49 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

 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;
	}
}

Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »alexB« (08.08.2023, 18:02)
#30

MuggelClan

Forum-Sponsor  (808 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

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.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »MuggelClan« (08.08.2023, 18:15)
1853 Aufrufe | 35 Beiträge