#1

Jörg Trapp

Eroberer  (96 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.geg.software

Hallo,

früher beim "alten" Web gab es für einen Absatz die Einstellung "Linie oberhalb des Absatzes".

Eine solche Einstellung vermisse ich beim Blog-Kopf im Web-Pro. Die unterschiedlichen Einträge

würden sich besser voneinander absetzen. Es ist sehr aufwendig, zwischen jedem Eintrag einen

HTML Absatz mit einer solchen Linie <hr> einzufügen. Die Einstellmöglichkeiten vom Blog-Kopf

sind recht mager. Gibt es eine Möglichkeit, das ich an jeden Blog-Kopf ein <hr> anhänge.

Gruß

Jörg Trapp  

#2

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Du kannst das Ganze auch via CSS realisieren (Bsp. Linie über dem 2. Absatz im Inhaltsbereich):

<style>
div#content div:nth-child(3) .paragraph:before {
    display: block;
    content: "";
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
</style>

Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#3

Jörg Trapp

Eroberer  (96 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.geg.software

Hallo Thomas,

das funktioniert leider nicht. Trotzdem vielen Dank für deine Mühe.

Ich habe das im Bereich News jetzt über die Rahmen gelöst.

https://www.karate-hamburg.de

Es wäre super wenn im Bereich der Startseite in dem Blog Aufmachern

noch eine Unterteilung stattfinden könnte.

Gruß

Jörg 

#4

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

Schaue mal auf diesen LInk ...
Wenn man eine einfache oder doppelte Linie realisieren möchte.
Der erste HTML-Absatz im Inhaltsbereich dieser Seite, enthält die komplette Kodierung:
Alle andere HTML-Absätze im Inhaltsbereich erhalten nur die letzte Zeile(n):

VG, Piotr

<style type="text/css">
#all-A {
  height: 7px;
  width: 100%;
  margin-left: 0px; 
  background-color: #FF00FF;
  display: block;
  border-radius: 40%;
}
#all-B {
  height: 2px;
  width: 100%;
  margin-left: 0px; 
  background-color: #FFFFFF;
  display: block;
}
.bar01 {
  margin-top: 10px;
}
.bar02 {
  margin-top: 0px;
}
.bar03 {
  margin-top: 0px;
  margin-bottom: 10px;
}
</style>

<a class="bar01" id="all-A" ></a>
<!-- <a class="bar01" id="all-B" ></a> -->
<!-- <a class="bar01" id="all-A" ></a> -->

 

<a class="bar01" id="all-A" ></a>
295 Aufrufe | 4 Beiträge