Strona 1 z 1
Zmiana wyglądu paginacji
: 18 sierpnia 2013, 14:15
autor: misterious
Witam!
W jaki sposób mogę zmienić wygląd paginacji?
Konkretnie gdzie mogę zmienić cokolwiek związane z nią...

Re: Zmiana wyglądu paginacji
: 18 sierpnia 2013, 19:28
autor: Aviator
Jaki styl?
Choć raczej nazwa tej klasy jest niezmieniana i odpowiedzialne jest za to:
i cała reszta gdzie w nazwie masz
pagination
w pliku common.css i colours.css i content.css
Re: Zmiana wyglądu paginacji
: 19 sierpnia 2013, 08:34
autor: misterious
Chodzi mi dokładnie o to, aby uzyskać taki wygląd:
- zxy.png
- (1.11 KiB) Pobrany 2964 razy
Re: Zmiana wyglądu paginacji
: 19 sierpnia 2013, 11:19
autor: jaroslw
No to w zasadzie wszystko co potrzebne podał Ci Psikus. Będziesz mógł w tych plikach usunąć obramowanie, zmienić kolor, nadać tło. Zaokrąglone narożniki zrobisz dzięki border-radius w CSS.
Re: Zmiana wyglądu paginacji
: 19 sierpnia 2013, 21:10
autor: Aviator
Spróbuj to: (choć kolory to już sam musisz sobie dopasować)
colours.css
Kod: Zaznacz cały
/* Pagination
---------------------------------------- */
.pagination span strong {
color: #FFFFFF;
background-image: url("{T_THEME_PATH}/images/pagin.jpg");
font-weight: bold;
border-radius: 4px 4px 4px 4px;
margin-bottom: 3px;
padding: 4px 8px;
}
.pagination span a, .pagination span a:link, .pagination span a:visited {
color: #FFF;
background-color: #9bb574;
border-radius: 4px 4px 4px 4px;
margin-bottom: 3px;
padding: 4px 8px;
}
.pagination span a:active {
color: #5C758C;
background-color: #5e8b19;
border-color: #B4BAC0;
}
.pagination span a:hover {
border-color: #008CE5;
background-color: #5aac00;
color: #ffffff;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}
.row .pagination span a, li.pagination span a {
background-color: #9bb574;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #5aac00;
}
common.css
Kod: Zaznacz cały
/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
.pagination span.page-sep {
display: none;
}
li.pagination {
margin-top: 0;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
font-size: 0.9em;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}
.pagination img {
vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}
Re: Zmiana wyglądu paginacji
: 22 sierpnia 2013, 12:35
autor: misterious
Troszkę się nakombinowałem, pozmieniałem

Z góry dziękuję Psikus - dużo z twojego kodu wykorzystałem

Końcowy wygląd: