The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

add letters at the top of the member list

5 posters

Go down

add letters at the top of the member list Empty add letters at the top of the member list

Post by كونان2000 Wed 17 May - 19:05

Hello all,
the following tutorial will help you to add the letters in alphabetical order to the member list.
add letters at the top of the member list Unname13
_______________________


example, when pressing the letter "m"
A list of members whose names begin with the letter "m" will appear.
add letters at the top of the member list Unname11
Same with the rest of the letters
--------------------------------------------------


Works on all versions Dawa


 add letters at the top of the member list 31-20e3  Go to Administration Panel > Display > Templates > memberlist_body
ADD :
Code:
<div class="A-B-C-D-E-F-G">
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=A">A</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=B">B</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=C">C</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=D">D</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=E">E</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=F">F</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=G">G</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=H">H</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=I">I</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=J">J</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=K">K</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=L">L</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=M">M</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=N">N</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=O">O</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=P">P</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=Q">Q</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=R">R</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=S">S</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=T">T</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=U">U</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=V">V</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=W">W</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=X">X</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=Y">Y</a></div>
<div class="A-B-C-D"><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=Z">Z</a></div>
</div>

AFTER :
Code:
</form>


 add letters at the top of the member list 32-20e3 Go to Administration Panel > Display > Colors & CSS > CSS stylesheet
paste the following rules in your stylesheet.

Code:
.A-B-C-D-E-F-G {
    display: flex;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    font-size: 30px;
    background: #fff;
    justify-content: space-between;
direction: ltr;
}
.A-B-C-D a {
    display: block;
    margin-bottom: 3px !important;
    background: #2632381f;
    border: solid 1px #00000059;
    padding: 5px;
    font-size: 17px;
}
.A-B-C-D a:hover{
    background: #000;
    color: #fff;
}
 add letters at the top of the member list 33-20e3 Don't forget to save
------------------------------

Little trick 
I hope you like it add letters at the top of the member list Icon_biggrin
_____________________________


كونان2000 (❁´◡`❁)
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

skouliki, Ape, TonnyKamper and jucarese like this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by skouliki Wed 17 May - 19:17

Thanks for sharing i use this trick with a similar code its very useful
skouliki
skouliki
Manager
Manager

Female Posts : 15182
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

TonnyKamper and كونان2000 like this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by كونان2000 Wed 17 May - 20:01

skouliki wrote:Thanks for sharing i use this trick with a similar code its very useful

I thought I was the first to make this trick without javascript Laughing

كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

TonnyKamper likes this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by SLGray Wed 17 May - 21:55

Ange Tuteur created a similar tutorial.


add letters at the top of the member list Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51512
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by skouliki Wed 17 May - 22:33

كونان2000 wrote:
skouliki wrote:Thanks for sharing i use this trick with a similar code its very useful

I thought I was the first to make this trick without javascript Laughing


yes you are cheers !...he used Javascript
skouliki
skouliki
Manager
Manager

Female Posts : 15182
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

TonnyKamper and كونان2000 like this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by كونان2000 Thu 18 May - 4:48

SLGray wrote:Ange Tuteur created a similar tutorial.
I really didn't know this before   Shrug
I went to Ange Tuteur forum
I already found similar code but it works in javascript
Also, when you refresh the page, the list of members you were browsing changes,


The new code works without javascript and the list of members does not change when the page is refreshed.
  And there are no errors 


skouliki wrote:
yes you are cheers  !...he used Javascript
Thanks skouliki  Tssss
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

skouliki and TonnyKamper like this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by TonnyKamper Thu 18 May - 4:52

Wow great  @كونان2000
TonnyKamper
TonnyKamper
Active Poster

Female Posts : 1050
Reputation : 78
Language : Dutch/English
Location : DSF Admin

http://www.nederlandheelt.nl/forum

كونان2000 likes this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by كونان2000 Thu 18 May - 5:03

TonnyKamper wrote:Wow great  @كونان2000
Thanks TonnyKamper ^^
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

TonnyKamper likes this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by YoshiGM Thu 18 May - 6:56

Sort member list alphabeticall ? Hmm, not bad :3
YoshiGM
YoshiGM
Active Poster

Male Posts : 1502
Reputation : 144
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

كونان2000 likes this post

Back to top Go down

add letters at the top of the member list Empty Re: add letters at the top of the member list

Post by كونان2000 Sun 21 May - 19:02

Thanks YoshiGM ^^
كونان2000
كونان2000
Forumember

Male Posts : 206
Reputation : 93
Language : Arabic

https://anime.forumperso.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum