Dynamiczna ozdobna linia pomiędzy elementami na stronie

Odpowiedz Nowy wątek
2019-11-03 23:27
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

Pozostało 580 znaków

2019-11-03 23:54
0

Sugeruję pseudoelementy z odpowiednim tłem graficznym.


Pozostało 580 znaków

2019-11-04 08:17
0

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

Pozostało 580 znaków

2019-11-04 08:32
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?

Pozostało 580 znaków

2019-11-04 08:41
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ść.


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-11-04 12:31
2019-11-04 13:07
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>

Pozostało 580 znaków

2019-11-04 16:02
0

@cerrato: mnie prosił:
https://jsfiddle.net/uszLr0jy/


Pozostało 580 znaków

2019-11-04 16:03
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


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-11-04 16:04
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ł.


Pokaż pozostałe 2 komentarze
No smoczyca może to za 50 zł załatwić, więc może OP zapłaci, żeby uzyskać satysfakcjonującą odpowiedź ;) - cerrato 2019-11-04 17:14
Ale w ten sposób jakby zamykasz naszą (moją) licytację... - Silv 2019-11-04 17:19
Zrób swojego posta, a nie że się na sępa doczepiasz do czyjejś oferty :P - cerrato 2019-11-04 17:21
Nie mogę, to byłby offtop. Należy pisać takie rzeczy w komentarzach. - Silv 2019-11-04 17:25

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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