[GELÖST] Geschwungene Linie-GYM
- Petra64
-
Autor
- Junior Mitglied
-
- Beiträge: 26
- Dank erhalten: 0
Hallo,
gerade beschäftige ich mich mit dem Template GYM. Ín der Demoversion schließen die Bilder (bzw. das Video) mit einer geschwungenen Linie ab. Leider finde ich nicht raus wie das gemacht wurde. Per CSS? Könnten Sie mir Code oder Trick zusenden und mir auch verraten wo ich das einbauen muss?
Mit besten grüßen,
Petra
gerade beschäftige ich mich mit dem Template GYM. Ín der Demoversion schließen die Bilder (bzw. das Video) mit einer geschwungenen Linie ab. Leider finde ich nicht raus wie das gemacht wurde. Per CSS? Könnten Sie mir Code oder Trick zusenden und mir auch verraten wo ich das einbauen muss?
Mit besten grüßen,
Petra
von Petra64
Dieses Thema wurde gesperrt.
- joomlaplates
-
- Moderator
-
- Beiträge: 2362
- Dank erhalten: 349
Hallo, das ist ein Module Namens Shape Divider
www.joomlaplates.de/uikit-3-dokumentatio...d-shape-divider.html
www.joomlaplates.de/uikit-3-dokumentatio...d-shape-divider.html
von joomlaplates
Dieses Thema wurde gesperrt.
- Petra64
-
Autor
- Junior Mitglied
-
- Beiträge: 26
- Dank erhalten: 0
Hallo,
soweit Danke. Dank eures Tutorial Videos hat der Einbau des Moduls problemlos geklappt. Aber es bietet leider nur die Funktion einer schrägen Für meine Kundin wäre aber die geschwungene Linie interessant. Wie bekomme ich denn die hin?
Danke, Petra
soweit Danke. Dank eures Tutorial Videos hat der Einbau des Moduls problemlos geklappt. Aber es bietet leider nur die Funktion einer schrägen Für meine Kundin wäre aber die geschwungene Linie interessant. Wie bekomme ich denn die hin?
Danke, Petra
von Petra64
Dieses Thema wurde gesperrt.
- joomlaplates
-
- Moderator
-
- Beiträge: 2362
- Dank erhalten: 349
Hallo, vorgehensweise.
1.) Eigenes Module erstellen
2.) HTML Code einfügen ( Joomla Editor vorher deaktivieren) siehe Bild
Code
Für einen anderen Divider können sie hier ihren Wunsch Divider erstellen und dann den HTML Code in ihr Module einfügen
www.shapedivider.app/
1.) Eigenes Module erstellen
2.) HTML Code einfügen ( Joomla Editor vorher deaktivieren) siehe Bild
Code
Code:
<div class="custom-shape-divider-bottom-1612793304">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
</svg>
</div>
Für einen anderen Divider können sie hier ihren Wunsch Divider erstellen und dann den HTML Code in ihr Module einfügen
www.shapedivider.app/
Last Edit:6 Monate 2 Wochen her
von joomlaplates
Letzte Änderung: 6 Monate 2 Wochen her von joomlaplates.
Dieses Thema wurde gesperrt.
- Petra64
-
Autor
- Junior Mitglied
-
- Beiträge: 26
- Dank erhalten: 0
Hallo,
sorry, aber ich bekomme das nicht hin.
Eigenes Modul erstelt, Code reinkopiert, Modulposition im Site Template ausgewählt... ich verstehe nicht warum es nicht geht.
Wenn ich aber den Code im Editor einfüge und speicher steht da nicht mehr der gesamte Code sondern nur noch
"<div class="custom-shape-divider-bottom-1612793304"> </div>".
Kann es daran liegen?
Mit besten Grüßen,
Petra
sorry, aber ich bekomme das nicht hin.
Eigenes Modul erstelt, Code reinkopiert, Modulposition im Site Template ausgewählt... ich verstehe nicht warum es nicht geht.
Wenn ich aber den Code im Editor einfüge und speicher steht da nicht mehr der gesamte Code sondern nur noch
"<div class="custom-shape-divider-bottom-1612793304"> </div>".
Kann es daran liegen?
Mit besten Grüßen,
Petra
von Petra64
Dieses Thema wurde gesperrt.
- joomlaplates
-
- Moderator
-
- Beiträge: 2362
- Dank erhalten: 349
Hallo, ich sagte doch das sie den Editor komplett deaktivieren sollen, da der joomla Editor beim Speichern ihren Inhalt löscht.
www.joomlaplates.de/joomla-tips-und-tric...lt-verschwunden.html
www.joomlaplates.de/joomla-tips-und-tric...lt-verschwunden.html
von joomlaplates
Dieses Thema wurde gesperrt.