Beiträge von RolandMHorn
-
-
Ich kann dir leider nicht sagen wie genau es beim Cassiopeia ist, aber folgenden Code habe ich in meiner custom.css für Helix Ultimate drin:
Code
Alles anzeigen/* Anker Scrolling Beginn */ html { scroll-padding-top: 12vw; /* height of sticky header */ scroll-behavior: smooth; } :target::before { content: ""; display: blog; height: 120px; /* Wert der Verschiebung */ } /* Anker Scrolling Ende */
Vielleicht kannst du den ja in abgewandelter Form in deine user.css übernehmen?
Danke. Ich wollte ein wenig mit den Werten spielen, aber da ändert sich überhaupt nix. Schade!
-
Nee, überall funktioniert's nicht. S. https://autor-roland-m-horn.de/index.php/buecher#Jesus
-
Ich glaub', ich hab's gelöst mittels des nachstehenden Codeschnipsels, den ich auf https://www.cpu20.de/2015/html-spru…nker-ansteuern/ gefunden habe:
-
Hallo,
bei mir sind nach dem Umzug von Joomla 3 auf 4 die zu einen gesetzten Anker gehörenden Zeilen verschoben. Beispiel: https://autor-roland-m-horn.de/index.php/buecher#geschichte_neu. Muss man da im Code etwas ändern oder vielleicht einen Eintrag in die user.css von Cassiopeia einfügen?
Gruß
Roland
-
PNG hat auch nicht funktioniert. ABER: Ich habe jetzt das angewendet, was ich auch auch der Seite "Bücher" gemacht habe. Keine zwei Bilder mit verschiedenen Größen, sondern nur die mit 500px genommen und erst im Bild-Manager von Joomla die Bilder skaliert. JETZT sind sie so scharf wie die auf der Seite Bücher. Damit wäre mein Problem jetzt endlich gelöst!
PS: Ich freue mich schon auf das Einstellen des nächsten Buchcovers links oben und das damit verbundene Rumfuhrwerken im Quelltext, Stef.
Die Seite mit den von sigplus erstellten Bildern habe ich versteckt.
Vielen Dank an alle Hilfsbereiten in diesem Thread!
-
Mittlerweile habe ich den Überblick verloren. Habe ich - glaube ich - aber schon einmal gefragt:
Warum sind die Bilder auf der Webseite so stark skaliert, und hast du mal das .png Format getestet?so stark skaliert sind sie, weil ich eine größere Darstellung als aufdringlich empfinde und nein, png habe ich noch nicht ausprobiert. Ist 'n Versuch wert! Danke!
-
Auf meinem Galaxy Smartphone ist das Bild ein wenig schärfer.
Dann nimm einfach das Bild dass dir besser passt.
Es ist jeweils das gleiche Bild. Da ist nur eins von jeder Sorte. Ich habe da keine Auswahlmöglichkeit! Auf der einen Seite sind sie scharf, auf der anderen nicht. Der einzige Unterschied ist eben, dass auf der Seite "Bücher" die von Joomla erstellten Thumbnails angezeigt werden, auf der Coverseite mit Photoshop CS2 erstellte ...
-
Bei mir wird's wirklich schärfer angezeigt! Da bin ich jetzt baff!
-
Jetzt mal eine andere Frage: Warum sollen Bilder von Büchern, die verschiedene Formate haben im gleichen Format gezeigt werden? Steh doch dazu dass sie verschieden sind und nimm Leerraum in Kauf.
Das sehe ich absolut genauso. Der Leerraum ist für mich kein Problem.
-
Es sind Grafikarbeiten mit der Originaldatei notwendig für eine bessere Bildqualität. Wie weiter oben hast du gesagt, du benutzt Photoshop CS2. Wenn die original PSD Datei vorhanden ist, dann ist eine Vergrösserung der Bilder «ohne» Qualitätsverlust möglich.
Nur so könntest du die Qualität verbessern.
Oder die Cover neu scannen (mit einem guten Scanner).
Grafikarbeiten haben aber mit Joomla nichts zu tun.
Wieso sind die Bilder dann aber auf der Seite https://autor-roland-m-horn.de/index.php/buecher scharf?
-
Dann wären halt die Covers nicht mehr vollständig ...
-
Zuerst einmal solltest du alle deine Bilder in ein identisches Format bringen. Auf der von dir verlinkten Seite sieht man ja sehr schön dass das ein wildes Durcheinander an Formaten ist
Dann lies dir mal die Dokumentation hier durch.
Mir fallen da spontan diese zwei Möglichkeiten ein:
1. Für jedes Buch einen Ordner, darin das Coverbild. Diesen Ordner im Beitrag einbinden:
Code{gallery}biblische-wahrheiten{/gallery} {gallery}nur-eine-geschichte{/gallery} {gallery}die-ufo-fallakten{/gallery}
2. Label anlegen (labels.txt):
CodeBiblische_Wahrheiten.jpg|Biblische Wahrheiten|Historisch - Verblüffend - Genau Geschichte_neu_frontcover%20Kopie.jpg|Nur eine Geschichte|Eine Zeitreisenovelle Hitler_Buch_16_11_2022%20Kopie-e_boo-Ausschnitt.jpg|Hitler - Ufos - Okkultismus|Die unheilvolle Verbindung
Damit solltest du volle Kontrolle über die Reihenfolge, sowie die exakte Bezeichnung des Buches und einer Kurzbeschreibung dazu haben.
Ansonsten müsstest du dir mal die komplette Dokumentation der Sigplus durchlesen, ich glaube die kann noch einiges mehr.
Viel Erfolg!
'ne Labeldatei hab' ich eingefügt, aber nach Einstellen der Parameter wird entweder die dritte Kolonne ausgeblendet oder die Reihenfolge ändert sich nicht. Bei den letzten acht Dateien - die, die ausgeblendet werden - werden in der normalen Ansicht auch keine Datainamen angezeigt.
Ähm, ich steh' jetzt ein wenig auf dem Schlauch. Was meinst Du mit "wildes Durcheinander von Formaten"?
-
firstlady , so wie es aussieht ist es nicht der alt-Text:
Der alt-Text ist: "Cover Der andere Jesus"
...
Da hat sich vieleillcht beim Raumprobieren und Austauschen von Dateien kurzfristig etwas geändert.
Ich kann immer noch nicht verstehen, warum die Bilder auf https://autor-roland-m-horn.de/index.php/buecher schärfer sind als die auf https://autor-roland-m-horn.de/index.php/cover-meiner-buecher. Auf der mit Sigplus erstellten und von mir wieder temporär eingestellten Seite https://autor-roland-m-horn.de/index.php/meine-buchumschlaege sind sie so scharf wie auf der erstgenannten Seite - nur da kommen sie halt nicht in der richtigen Reihenfolge und das lässt sich wohl auch nicht einstellen. Seltsam!
-
Dort haben aber 25 Bilder nicht die genaue Höhe von 250px
Vielleicht, weil viele Bilder nicht die gleiche Grösse haben.Beispiel:
Für die Cover hast du diese:
https://autor-roland-m-horn.de/images/cover/B…_Wahrheiten.jpg
und für Bücher diese:
https://autor-roland-m-horn.de/images/covers/…_Wahrheiten.jpg
Du hast also 2 Ordner (cover + covers)
Das wird's sein.
-
Alles klar, es muss dir gefallen wegen den Bildergrössen.
Flex Variationen, usw., findest du im Link #62, da musst du dich aber einarbeiten und testen, testen, testen.
Hm, was ich über die Schärfe der Bilder gesagt habe, stimmt doch nicht so ganz. Nur eines ist so deutlich schärfer, die anderen nicht. Auf der Seite https://autor-roland-m-horn.de/index.php/buecher kommen die Bilder mit einer *Höhe* von 250px deutlich schärfen. Seltsam das ...
-
Herzlichen Dank, Stef!
Du könntest versuchen, diesen Code, in deinem Testbeitrag, einzufügen. Dann einfach mit deinen Bildern anpassen. Als Muster sind hier die kleinen Vorschaubilder 300 x 423 px
Code
Alles anzeigen<div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div> <div class="d-flex row"> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> <div class="col-sm-12 col-md-4"><img src="images/buchcovers/Biblische_Wahrheiten.jpg" alt="Buch" style="display: block; margin-left: auto; margin-right: auto;" width="300" height="423"></div> </div>
Ansonsten einfach die Anleitung gemäss Link #63
So, ich habe nun doch meine alten Größen beibehalten, das ich 300 für die Vorschau für zu groß halte und für die großen Bilder habe ich für die alten Cover nur 500px hohe - das hat damals (Ende der 1990er Jahre) den Bildschirm eines 15''-Röhrenmonitors voll ausgefüllt). Die Alternative wäre gewesen, die Covers der älteren Bücher neu einzuscannen und dann zu verkleinern. Doch das ist mir zu viel Aufwand und außerdem reichen mit 500px völlig. Der Grund, warum die Vorschaubilder unscharf waren, lag übrigens daran, dass ich eine *Höhe* von 250px eingegeben habe, mit 250px *Breite* sehen sie seltsamerweise schärfer aus. Die Bilder sitzen nicht genau aufeinander - ist in der rechten Kolonne am auffälligsten - aber ich vermute, dass an dem Umstand liegt, dass die Proportionen der Bücher unterschiedlich sind. Oder hab' ich im Code was durcheinandergebracht? Ich musste darin nämlich ganz schön wühlen, weil ich zwei Bilder vergessen hatte und unbedingt in der richtigen Reihenfolge (nach Erscheinungsdatum) einsetzen. Apropos: Wie ist das denn, wenn ein neues Buch dazukommt, das typischerweise links oben 'rein soll: Muss ich da den ganzen Quelltext umpflügen oder geht's auch einfacher?
Gruß
Roland -
Wie schon gesagt gemäss #52, du kannst Flexbox ja auch manuell einfügen.
Hier ist etwas zum Lesen.
Ah, okay danke. Das kommt davon, wenn man alles erstmal nur schnell überfliegt und dann gleich mal 'ne Antwort 'raushaut. Sorry!
-
Im Moment sind deine kleinen Bilder 176 x 250 px und das Grosse 352 x 500 px
Wie gesagt, du kannst deine Bilder mit einem Grafikprogramm verbessern.
Das kleine Thumb finde ich mit 176px Breite zu klein. Ich würde diese vergrössern. (Ist meine Meinung) Aber auch das Grosse Bild könnte grösser sein.
Du musst dich überlegen, willst du wirklich 5 Thumb nebeneinander?
Die Bilder hast du ohne Struktur eingefügt, darum sind diese auch nicht responsive und für Mobile auch nicht geeignet.
Solltest zuerst «Flex» einfügen, und dann die Bilder.
Wie du ganz einfach mit dem JCE "Flex" einfügen kannst, ist hier sichtbar.
Auf diesem temporären Link wurde es wie beschrieben gemacht: Hier
Das mit dem Flex geht ja auch nur mit dem JPC Pro seh' ich gerade, wo wir fast wieder oben anknüpfen könnten, aber das tun wir mal besser nicht ...
-
Nein, Bilder vergrössern ist « verboten »
Das geht nicht, der Qualitätsverlust ist enorm. Verkleinern ist kein Problem.Suche dir zuerst die «Grosse» Originalbilder in guter Qualität. Findest diese vielleicht auf online Shops. (Vielleicht zuerst nachfragen, ob du die Bilder herunterladen darfst, aber da du der Autor bist, sind sie bestimmt einverstanden.)
Hab' ich befürchtet ;-), insgeheim eigentlich sogar gewusst. Ich habe ja noch die Originalcover auf der Platte, die ich als Vorlagen für die sigplus-Version verwendet habe. Die kamen ja ganz gut.