Top ten students template edit

[almahditv]

Hi, I want to edit this template https://prnt.sc/k54wit I want to change some template of displaying names like this https://img00.deviantart.net/e9a8/i/2015/160/b/1/top_ten_characters_who_act_like_me__template__by_sonicnerd24601-d8wn3lx.png I will write the code in HTML and CSS just tell me where to write Secondly what is your algorithm for showing 10 names For example it is showing highest marks but if 20 students have taken 100% then Which ten names will be showed?

[MrVibe]

What you want is really easy, it can be achieved with few lines of CSS code. Please share your site link with Leaderboard access for all and I will give you CSS for this.

[almahditv]

This reply has been marked as private.

[MrVibe]

then the marks are shown based on recency/ checking site...

[MrVibe]

result : http://prntscr.com/k5qqvi add this code in your customizer - custom CSS :

.stats_content ol.marks {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 15px;
}

.stats_content ol.marks > li {
    bordeR: 1px solid rgba(0,0,0,0.1);
    padding: 10px;position:relative;
    border-radius: 5px;
}

.stats_content ol.marks > li > span {
    color: #fff;
    background: #009dd8;
    padding: 5px 10px;
    border-radius: 2px;
}

.stats_content ol.marks > li:nth-child(1):after,.stats_content ol.marks > li:nth-child(2):after,.stats_content ol.marks > li:nth-child(3):after {
    content: "\f005";
    font-family: fontawesome;
    color: #FFCB10;
    position:absolute;
    bottom:-15px;right:-15px;font-size:32px;
}.stats_content ol.marks > li:nth-child(2):after{color:#C0C0C0;}
.stats_content ol.marks > li:nth-child(3):after{color:#cd7f32}

[almahditv]

WOWWWWWWWWWWWWW it is so cool

[almahditv]

This reply has been marked as private.

[almahditv]

Now it is showing like this http://prntscr.com/k5xfkj Now i am waiting for your response on it. Secondly My dear admin showing the results on the base of recency is not a very good criteria for Top Ten For example if some students submitted their Quiz just after few hours and other submitted at the last day of deadline. Then Our WPLMS algorithm will show the names of late submitter's on the TOP. And it will not be a justice for intelligent students who submitted just after few hours... Dear admin can we do something like it shows the results on the base of their marks and the time of submission means IF 5 students gets 100% marks but the students who submitted the exam in less time will be on the TOP.

[almahditv]

Another quiz is showing like this https://prnt.sc/k5xl9n At some point the numbers are at the middle of box and somewhere At the top and somewhere at the bottom and somewhere overlapping with name

[almahditv]

Respected Admin, i want the status like this :) https://prnt.sc/k662qe I know it requires custom work but i am ready to pay for it

[Diana]

@almahditv, your point is totally valid that if any user submitted the assignment in jut few hours then he should be on the top of the leaderboard not the other one who submitted late. i will check the code, if it is few lines of code then you need not to pay us. please ping me back for the reminder

[almahditv]

That will be super cool :) Exactly after creating this we will be able to create a good competition among students. If the quiz have 20 minutes of time, then the student who completed it in shortest time with equal numbers will be on the Top. Means if 20 students got 10/10 then the 10 students from 20 will be selected according to the Quiz time (Quiz Ending Time - Quiz Starting Time = Quiz Time). Just like in Olympics The winner is who reaches to the goal in the shortest time. Regards

[almahditv]

Any Progress Diana ?

[Diana]

This reply has been marked as private.

[almahditv]

I will wait

[Author]

Posts