Tani hosting

Przeróbka Paginacji
ayala Online
Donator TenTego 2.x

Liczba postów: 78
Reputacja: 0
Post: #1
Przeróbka Paginacji 23-01-2017 18:56
Cześć, mam pytanie, wie ktoś jak zmienić paginacje w taki sposób jak poniżej na obrazku nr 2? (obecnie mam taką jak na obrazku nr 1) Bo na telefonie przycisk następnę historie mi nachodzi na cyfry i nie za dobrze to wygląda.. Mam taki kod paginacji:

<div class="pagination-wide"><div class="pagination" align="center">'.$img->pagination(' <span><a href="?page=#" class="greenbutton" style="float:left;">&laquo; Poprzednie Historie </a></span> ','  <a href="?page=#" class="pages">#</a>  ', '  <span class="pagescurrent">#</span> ', '  <span><a href="?page=#" class="greenbutton" style="float:right;">NastÄ™pne Historie &raquo;</a></span> ',$page->load('objects_per_page'),0,@$_GET['page']).'</div>




[Obrazek: pag.png]
(Ten post był ostatnio modyfikowany: 23-01-2017 18:58 przez ayala.)
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
Leśny Offline
Moderator

Liczba postów: 449
Reputacja: 59
Post: #2
RE: Przeróbka Paginacji 17-02-2017 15:48
Najpierw tym przyciskom z klasą "greenbutton" dodaj jeszcze (po spacji) jakieś indywidualne klasy, żeby móc je odróżnić w CSS, dajmy na to "greenleft" i "greenright".
Potem całej paginacji dodaj padding-top i padding-bottom, ile to nie wiem, tak, żeby zrobić miejsce przyciskom.
Następnie greenbutton dostaje position:absolute;, a przyciski greenleft oraz green right odpowiednio: top:0px; oraz bottom:0px;
Potem jeszcze trzeba ustawić je z boku, możesz to zrobić przy pomocy fukncji calc(); w CSS, czyli dajmy na to przycisk greenleft będzie miał atrybut right: calc(50% - XXpx); gdzie XX to połowa szerokości danego przycisku.

Pewnie można to zrobić ładniej i elastyczniej gdyby napisać cały HTML i CSS od nowa, ale tak jak wyżej będzie... no, po prostu będzie.

[Obrazek: sig.png]
A z hostingów, polecam MyDevil.net - wydajny i niezawodny
IOR0J0R30H - kod na 20% zniżki
Cytuj
ayala Online
Donator TenTego 2.x

Liczba postów: 78
Reputacja: 0
Post: #3
RE: Przeróbka Paginacji 17-02-2017 17:27
Dzieki za odpowiedz, tylko strasznie to skomplikowane, postaram sie cos kombinowac! Smile ale nie wydaje mi sie zebym sobie z tym poradzil Tongue
Cytuj
ayala Online
Donator TenTego 2.x

Liczba postów: 78
Reputacja: 0
Post: #4
RE: Przeróbka Paginacji 17-02-2017 19:25
na sportowememy.pl maja dobrze zrobiona taka paginacje, na twoim skrypcie zoltan
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości