sentraSX Entwicklerforum

Support => Visual Template Designer => Thema gestartet von: Thomas am 04. Januar 2021, 03:17:06

Titel: Hor. Linie
Beitrag von: Thomas am 04. Januar 2021, 03:17:06
Hallo Robert, könnte man im VTD bei Textmarker -> Horizontale Linien -> den Radius auch negativ machen, zB.  -8px
Ich möchte optisch zwischen jedem Absatz eine Horizontale Linie einfügen, dass es so aussieht als würde zwischen den Absätzen ein Abstand mit Rundungen sein und man den hellgrauen body Hintergrund sieht ...

Startseite: leider kann ich keine negativ abgerundeten Linien machen... Oder fällt dir was anderes dazu ein!?

https://www.ts-design4you.de/
Titel: Antw:Hor. Linie
Beitrag von: Robert am 04. Januar 2021, 08:12:03
Mach mir winw Grafik wie diese Linie aussehen soll auf fem Bild kann ich nichts erkennen
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 04. Januar 2021, 13:51:14
Schau dir das mal online an, nur das ich es abgerundet möchte! Entweder mit ner Grafik oder per css Parameter, wenn ich Rundung negativ eingeben könnte –8 px
https://www.ts-design4you.de/
Titel: Antw:Hor. Linie
Beitrag von: Robert am 04. Januar 2021, 14:44:15
Mit dem Plugin geht es einfach nicht. Ich werde über eine Lösung nachdenken.
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 04. Januar 2021, 21:33:24
Ich denke so müsste in etwa die Grafik aussehen ...
Titel: Antw:Hor. Linie
Beitrag von: Robert am 05. Januar 2021, 23:11:11
Ich hoffe du meinst es so.
Wenn ja zuerst einmal als HTML-absatz.

<div class="hrline-wrapper">
<div class="hrline-top hrline-common"></div>
<div class="hrline-bottom hrline-common"></div>
</div>

<style>
.hrline-wrapper {
    margin: 0 -11px;
    background:#f1f1f1;
}
.hrline-common {
    position:relative;
    background:#FFFFFF;
    height: 10px;
    border-color: #e0e0e0;
    border-style: solid;
}
.hrline-top {
    border-width: 0 1px 1px 1px;
    border-radius:0 0 10px 10px;
    z-index:1;
    margin-bottom:10px;
}
.hrline-bottom {
    border-width: 1px 1px  0 1px;
    border-radius:10px 10px 0 0 ;
}

</style>
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 06. Januar 2021, 22:14:03
Ja genau so meine ich das... wie muss ich den Code einfügen? Nach jeden Absatz? Oder nur einmal dafür einen Hor. Linie Absatz?!
Titel: Antw:Hor. Linie
Beitrag von: Robert am 06. Januar 2021, 22:21:19
Momentan als HTML Absatz überall dort wo du willst. Wenn Dir das gefällt reden wir wie man das ins Design einbauen kann. Via HorLine Plugin.
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 07. Januar 2021, 01:26:29
Ja, das gefällt mir, über html wäre es auch ok, besser aber per Hor. Linie ..,
Titel: Antw:Hor. Linie
Beitrag von: Robert am 07. Januar 2021, 12:00:24
Ja sicher da man dort die als template speichern kann. und in anderen Projekten auch verwendbar machen. HTML ABsatz war einmal nur zum Test.
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 07. Januar 2021, 13:07:30
Ok dann warte ich auf die Finale Version und Spar mir jetzt die doppelte Arbeit!
Titel: Antw:Hor. Linie
Beitrag von: Thomas am 07. Januar 2021, 15:34:31
So jetzt bin ich dazu gekommen es in der Startseite und den Unterseiten einzubauen ... PERFEKT ROBERT genau so wollte ich das ... wenn du es jetzt noch als Hrlinie machen kannst wäre es TOP!!
Dankeschön ... Gruß Thomas