Dynamiczna ozdobna linia pomiędzy elementami na stronie

0

Hej! Mam za zadanie zrobienie stronki w WP, która zawiera pewną przerywaną linię, która ciągnie się przez całą stronę pomiędzy jej elementami. Czy możecie poradzić w jaki sposób najlepiej ją umieścić w taki sposób aby była dynamiczna (zmieniała się w zależności od tekstu). Planuje wykorzystać builder Elementor.
Nie mam pomysłu jak do tego podejść oraz stworzyć coś takiego jak na poniższym szkicu:
title

0

Sugeruję pseudoelementy z odpowiednim tłem graficznym.

0

Też właśnie ostatnio zastanawiałem się jak coś takiego wykonać. Masz jakiś dostęp do poradnika jak to ogarnąć?

0
Freja Draco napisał(a):

Sugeruję pseudoelementy z odpowiednim tłem graficznym.

Dzięki za odpowiedź!
Czy mogę prosić o odrobinę bardziej szczegółowe wyjaśnienie?

1

Albo każdą wiadomość zapakować w 2 elementy typu DIV - jeden z obramowaniem na 2 albo 3 krawędziach, drugi (szerszy od pierwszego - wystający poza jego obrys), który zawiera treść.

0

Masz takie coś na początek, a resztę sobie wymyśl:

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
DIV {
  border:1px solid red;
  position:relative;
}

DIV:before { 
  content: "";
  position:absolute;
  top:0;
  bottom:0;
  left:-7px;
  width:5px;
  border:1px solid green;
}
</style>
</head>
<body>

<div>aa<br>ddd<br>dd</div>

</body>
</html>
0

Ale to dopiero początek.
Zrób dla @cerrato tak z 3 divy w pionie, a do tego szlaczek do połowy szerokości obszaru z tekstem, wtedy @cerrato będzie zadowolony :P

0
cerrato napisał(a):

Ale to dopiero początek.
Zrób dla @cerrato tak z 3 divy w pionie, a do tego szlaczek do połowy szerokości obszaru z tekstem, wtedy @cerrato będzie zadowolony :P

50 zł.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0