Button poprzedni - następny

[tina45]

Dobry wieczór. Męczę się z wykonianiem ładnych przycisków poprzedni / następny pod rekordem.Za nic mi nie wychodzi. CKE edytor spłaszcza kod , próbowałam kombinować z polami - też nic z tego. Chcę ,żeby było estetycznie i nie chcę wrzucać gołego linku pod artykułem, ale ma to wyglądać. Macie jakieś pomysły?

[DawPi]

Daj to co już masz, pokaż to online. Popatrzy się.

[ferstel]

Nie widzę obecnie żadnych przycisków, na podstawie których możemy coś zdziałać. Dodaje je, lub daj demo, co da nam więcej możliwości

[tina45]

Zrobiłam przycisk w edytorze - usunełam już go . Po wstawieniu linku i tytułu, po zatwierdzeniu "wstaw " zamiast planowanego ładnego buttonu zrobiło się takie coś. Jak wstawiałam link do "Następny...." i tytuł - wyskakiwał goły link. 

Edytowane 7 godzin temu przez tina45

[DawPi]

Dasz te kody albo link do tego? 

[tina45]

Kod do przycisku

<div style="margin:36px 0 14px 0; display:flex; gap:18px; flex-wrap:wrap;">

  <a href="TU_LINK_POPRZEDNI" style="flex:1 1 320px; display:block; text-decoration:none;">
    <div style="
      background:#fcfcfd;
      border:1px solid #d9dde3;
      padding:20px 22px;
      box-sizing:border-box;
      min-height:120px;
      box-shadow:0 6px 18px rgba(0,0,0,0.04);
    ">
      <div style="
        font-family:Arial, sans-serif;
        font-size:11px;
        text-transform:uppercase;
        letter-spacing:1.2px;
        color:#7e8792;
        margin-bottom:10px;
      ">
        ← Poprzedni artykuł
      </div>

      <div style="
        font-family:Merriweather, Georgia, serif;
        font-size:21px;
        line-height:1.45;
        font-weight:700;
        color:#1d2d44;
        text-decoration:none;
      ">
        TU_TYTUL_POPRZEDNI
      </div>
    </div>
  </a>

  <a href="TU_LINK_NASTEPNY" style="flex:1 1 320px; display:block; text-decoration:none;">
    <div style="
      background:#fcfcfd;
      border:1px solid #d9dde3;
      padding:20px 22px;
      box-sizing:border-box;
      min-height:120px;
      box-shadow:0 6px 18px rgba(0,0,0,0.04);
    ">
      <div style="
        font-family:Arial, sans-serif;
        font-size:11px;
        text-transform:uppercase;
        letter-spacing:1.2px;
        color:#7e8792;
        margin-bottom:10px;
        text-align:right;
      ">
        Następny artykuł →
      </div>

      <div style="
        font-family:Merriweather, Georgia, serif;
        font-size:21px;
        line-height:1.45;
        font-weight:700;
        color:#1d2d44;
        text-align:right;
        text-decoration:none;
      ">
        TU_TYTUL_NASTEPNY
      </div>
    </div>
  </a>

</div>

https://polacynasaksach.pl/niemcy-vs-szwajcaria-czyli-magiel-kontra-salon/6_ogólny-zarys/19_rekrutacja-umowy-kruczki-pułapki/rekrutacja-do-pracy-za-granicą-jak-rozpoznać-oszustwo-zanim-oddasz-dane-i-nerwy-r16/

 

Edytowane 3 godziny temu przez tina45