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:
0
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
@cerrato: mnie prosił:
https://jsfiddle.net/uszLr0jy/
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ł.