Hallo,
nachdem ich länger nicht mehr mit ZETA gearbeitet hatte, habe ich mir mal meine eigene Homepage vorgenommen, um mich richtig mit dem Programm einzuarbeiten.
Schaut mal: https://siegmann.ws/
Eigene Homepage - Relaunch
-
-
Hallo Graf Foto
Sehr hübsch!
Cool finde ich auch die beim "Hovern" wippenden Bilder.Gute Tage und viele Grüsse
elch -
Wow, gefällt mir gut!
Und die Postkartenlieder sind lustig, mit welcher KI hast Du diese gemacht? -
Hallo Jürgen,
ich kann mich da nur Pete und unserem ß-Ignoranten und CSS-Fachmann anschließen: wirklich tolle Arbeit. Überhaupt eine sehr interessante Melange: Web, Fotografie, Postkarten und Literatur. Das macht wirklich neugierig.
Zwei Dinge, die mir auffallen:
Auf der Startseite verwendest Du offensichtlich Bild- und Text-Widget für die oben genannten Bereiche. Nur das Bild führt mich aber weiter auf die entsprechende Unterseite. Wäre es hier vielleicht nicht besser, das Linkbox-Widget einzusetzen, so dass ich auch über Überschrift bzw. Text auf die entsprechende Seite gelange?
Auf der Seite mit den Krimis, https://siegmann.ws/krimi.php, bin ich mir gerade unsicher, ob die verpixelten Überschriften bei einigen Titeln Vorsatz oder Zufall sind.
Viele Grüße
Tom
-
Hallo Elch ... Danke!
Hallo Pete ... die Musik habe ich mit songer.co gemacht ... hat einen hohen Spaßfaktor.
Hallo Tom ... guter Tipp mit der Linkbox ... bin noch am ausloten, welches widget wo Sinn macht, werde ich mal testen.
Und danke für den Hinweis mit den Bildern ... da ist was schiefgelaufen, die Bilder werden deutlich größer als eigentlich eingestellt ist - schau ich mir noch mal an. Das gleiche Problem tritt auch auf der Fotoseite auf, aber da werden die Bilder nicht so stark vergrößert ... muss ich mir anschauen.
-
Hallo Tom, ich hab mir das mit den Bildern noch mal angeschaut ...
Problem 1: Ich hatte angegeben, dass max 4 Bilder angezeigt werden sollen - dadurch wurden die Bilder künstlich vergrößert, damit mit 4 Bildern die ganze Breite genutzt wird. Mit 5 Bildern wird die Bildgröße eingehalten.
Aber das löst das "Verpixelungsproblem nicht".
Problem 2: Ich hab die Bilder alle in Photoshop vorbearbeitet und in hoher JPG Auflösung in Zeta eingeladen. Siehe Screenshot - in Zeta sieht es perfekt aus und auf der Homepage haben die Bilder dann jeweils ganz andere Qualität ... kann ich mir nicht erklären???
-
Nachtrag,
es ist mir nicht gelungen das Bild mit der roten Schrift auf grünem Grund in akzeptabler Qualität als JPG zu hinterlegen.
Ich habe es neu hochgeladen als PNG, dann ist es okay ... sehr seltsam???
-
Hallo Jürgen,
erklären kann ich das Phänomen auch nicht, aber mit PNG sieht es jetzt jedenfalls perfekt aus.
Viele Grüße
Tom
-
-
Jetzt experimentiere ich schon seit Ewigkeiten und bekomme es doch nicht hin. Darum frage ich einfach: Wie hast du die wippenden Bilder (bei Mouseover) auf deiner Homepage realisiert?
-
Hallo Sven,
1. zuerst gibst du dem Bildabsatz einen Klassennamen >> Absatz bearbeiten, unten links auf das Symbol mit den Schiebereglern klicken, dann rechts auf MEHR.
Dann gibst du bei CSS Klasse einen beliebigen Namen ein, bei mir: bildstyle-js1
Das wiederholst du bei allen Bildern, die den Effekt bekommen sollen.
2. Dann gehst du zu (Version 17) Einstellungen >> Webseite / Einstellungen >> CSS
3. Dort kannst du jetzt beliebige Effekte für deinen Effekt definieren, für das wippen:
<style>
.bildstyle-js1:hover {
-webkit-transform: rotate(2deg);
}.bildstyle-js1 img {
-webkit-transform: rotate(-1deg);
}</style>
Das <style> und </style> weglassen, wenn es bei dir in den CSS schon drinsteht, dann den Code irgendwo dazwischen eingeben.
Die beiden Zahlenwerte kannst du beliebig anpassen.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!