Hi,
I have a problem with my memberlist (it's not the original template):
If I click on a letter like e.g. A, users will appear which beginn with letter A, but not all users with an A. After (I think) 40 users the list ends.
Does anyone has an idea? @Ange Tuteur maybe?
Thanks in advance!
Edit: I think this problem is there because of the toggle effect. The page doesn't reload because of that, so that it isn't possible that the number of pages get changed and users can choose page 2, 3, 4... for the rest of users which won't appear by clicking on a letter.
But deleting toggle effect in template doesn't work for me. The appearance of the buttons changes because of the part of CSS in this template wouldn't fit anymore (but I don't know how to change the css, tried it with firebug but that says me to use a:link {, which doesn't work and changes more than I want to change).
Furthermore, actually it is like that:
<a title="Username beginnt mit A" href="a">A</a>
That only works with toggling effect (<li class="tab_toggle"></li>). By deleting this effect and clicking on letter, a page without a content appears because of schiggysboard.com/a has no content. So I tried to search for letter A and to copy/paste this url in tag above. BIs this the best solution or are there better once?
I have a problem with my memberlist (it's not the original template):
- Spoiler:
- Code:
<!-- SEARCH FORM -->
<h1 class="ipsType_pagetitle"><strong>Mitglieder des Schiggysboard</strong></h1>
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
<p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->
<div class="ipsBox ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_tinyleft clearfix">
<div id="mlist_tabs" class="ipsVerticalTabbed_tabs ipsVerticalTabbed_minitabs ipsLayout_left">
<ul>
<li class="tab_toggle active"><a title="Alle Mitglieder anzeigen" href="0">Alle</a></li>
<li class="tab_toggle"><a title="Username beginnt mit A" href="a">A</a></li>
<li class="tab_toggle"><a title="Username beginnt mit B" href="b">B</a></li>
<li class="tab_toggle"><a title="Username beginnt mit C" href="c">C</a></li>
<li class="tab_toggle"><a title="Username beginnt mit D" href="d">D</a></li>
<li class="tab_toggle"><a title="Username beginnt mit E" href="e">E</a></li>
<li class="tab_toggle"><a title="Username beginnt mit F" href="f">F</a></li>
<li class="tab_toggle"><a title="Username beginnt mit G" href="g">G</a></li>
<li class="tab_toggle"><a title="Username beginnt mit H" href="h">H</a></li>
<li class="tab_toggle"><a title="Username beginnt mit I" href="i">I</a></li>
<li class="tab_toggle"><a title="Username beginnt mit J" href="j">J</a></li>
<li class="tab_toggle"><a title="Username beginnt mit K" href="k">K</a></li>
<li class="tab_toggle"><a title="Username beginnt mit L" href="l">L</a></li>
<li class="tab_toggle"><a title="Username beginnt mit M" href="m">M</a></li>
<li class="tab_toggle"><a title="Username beginnt mit N" href="n">N</a></li>
<li class="tab_toggle"><a title="Username beginnt mit O" href="o">O</a></li>
<li class="tab_toggle"><a title="Username beginnt mit P" href="p">P</a></li>
<li class="tab_toggle"><a title="Username beginnt mit Q" href="q">Q</a></li>
<li class="tab_toggle"><a title="Username beginnt mit R" href="r">R</a></li>
<li class="tab_toggle"><a title="Username beginnt mit S" href="s">S</a></li>
<li class="tab_toggle"><a title="Username beginnt mit T" href="t">T</a></li>
<li class="tab_toggle"><a title="Username beginnt mit U" href="u">U</a></li>
<li class="tab_toggle"><a title="Username beginnt mit V" href="v">V</a></li>
<li class="tab_toggle"><a title="Username beginnt mit W" href="w">W</a></li>
<li class="tab_toggle"><a title="Username beginnt mit X" href="x">X</a></li>
<li class="tab_toggle"><a title="Username beginnt mit Y" href="y">Y</a></li>
<li class="tab_toggle"><a title="Username beginnt mit Z" href="z">Z</a></li>
</ul>
</div>
<div class="ipsVerticalTabbed_content ipsLayout_content">
<div class="maintitle ipsFilterbar clear clearfix">
<ul class="ipsList_inline left">
<li class="tab_toggle_horizontal active">
<a title="Nach Usernamen sortieren" href="userName">Name</a>
</li>
<li class="tab_toggle_horizontal">
<a title="Nach Beiträgen sortieren" href="posts">Beiträge</a>
</li>
<li class="tab_toggle_horizontal">
<a title="Nach dem Registrierungsdatum sortieren" href="joined">Registrierungsdatum</a>
</li>
</ul>
</div>
<div id="mlist_content" class="ipsBox_container ipsPad" style="min-height: 769px;">
<center>
<form action="{S_MODE_ACTION}" method="get">
<div class="inner"><span class="corners-top"><span></span></span>
<h2 class="h3">{L_ORDER_OR_SELECT}</h2>
<p style="margin-top: 0; padding: 0; background-color: #FFF;">
{L_USER_SELECT} <input type="text" class="inputbox tiny" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
{L_SELECT_SORT_METHOD} {S_MODE_SELECT}
{L_ORDER} {S_ORDER_SELECT}
{S_HIDDEN_SID}
<input class="button2" type="submit" name="submit" value="{L_SUBMIT}" />
</p>
<span class="corners-bottom"><span></span></span></div>
</form>
</center>
<ul class="ipsMemberList">
<!-- BEGIN memberrow -->
<li class="ipsPad clearfix member_entry row1" id="member_id_">
<a class="ipsUserPhotoLink left" title="Profil anschauen" href="{memberrow.U_VIEWPROFILE}">
{memberrow.AVATAR_IMG}
<!--<img class="ipsUserPhoto ipsUserPhoto_medium" alt="- foto" src="">-->
</a>
<div class="ipsBox_withphoto">
<ul class="ipsList_inline right">
<li><a class="ipsButton_secondary" href="{memberrow.U_VIEWPROFILE}">Profil anschauen</a></li>
</ul>
<h3 class="ipsType_subtitle">
<strong><a title="Profil anschauen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></strong>
</h3>
<span class="desc">
Registrierungsdatum: {memberrow.JOINED}
<br>
Letzter Besuch: {memberrow.LASTVISIT}
<br>
Lieblingsedition: {memberrow.INTERESTS}
<br>
{memberrow.POSTS} Beiträge
</span>
</div>
</li>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<li colspan="{switch_no_user.COLSPAN_NUMBER}" class="no_messages">Keine Resultate gefunden...</li>
<!-- END switch_no_user -->
</ul>
</div>
</div>
</div>
<div class="main-foot">
</div>
<!-- BEGIN switch_pagination -->
<div class="paged-foot clearfix">
<p style="float: right; font-size: 11px; color: #848484;">JScript modify. Thank you!</p>
</div>
<!-- END switch_pagination -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".tab_toggle:first").addClass("active").show();
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
$(".tab_toggle_horizontal").click(function(){
$(".tab_toggle_horizontal").removeClass("active");
$(this).addClass("active");
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
switch (activeTab)
{
case 'userName':
$("#mlist_content").load("/memberlist?mode=username&order=DESC&submit=Ok&username .ipsMemberList", function() {
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
});
break;
case 'posts':
$("#mlist_content").load("/memberlist?mode=posts&order=DESC&submit=Ok&username .ipsMemberList", function() {
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
});
break;
case 'joined':
$("#mlist_content").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .ipsMemberList", function() {
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
});
break;
}
return false;
});
$(".tab_toggle").click(function(){
$(".tab_toggle").removeClass("active");
$(this).addClass("active");
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
switch (activeTab)
{
case '0':
$("#mlist_content").load("/memberlist .ipsMemberList", function() {
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
});
break;
default:
$("#mlist_content").load("/memberlist?mode=username&order&submit=Ok&username="+activeTab+" .ipsMemberList", function() {
$('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
});
}
return false;
});
});
//]]>
</script>
<style type="text/css">
.maintitle a {
color: #FFFFFF;
}
.pun .paged-head {
margin-left: -15px;
}
.clear {
clear: both;
height: auto !important;
}
.no_messages {
background-color: #F6F8FA;
color: #1C91D9;
padding: 15px 10px;
}
#mlist_tabs {
margin-top: 35px;
}
#mlist_tabs li a {
padding: 5px 8px;
}
#mlist_tabs li {
text-align: center;
}
.ipsVerticalTabbed_tabs li a {
color: #1C91D9;
display: block;
outline: 0 none;
padding: 10px 8px;
transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_content {
min-height: 400px;
}
.ipsVerticalTabbed_tabs > ul {
border-left: 1px solid #DBE4EF;
border-top: 1px solid #DBE4EF;
margin-top: 10px;
width: 149px !important;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul {
width: 49px !important;
}
.ipsVerticalTabbed_tabs li {
background: none repeat scroll 0 0 #F6F8FB;
border-bottom: 1px solid #DBE4EF;
color: #808080;
font-size: 13px;
}
.ipsVerticalTabbed_tabs li a {
color: #316897;
display: block;
outline: 0 none;
padding: 10px 8px;
transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_tabs li a:hover {
background: none repeat scroll 0 0 #EAEFF5;
color: #808080;
}
.ipsVerticalTabbed_tabs li.active a {
background: none repeat scroll 0 0 #FFFFFF;
border-right: 1px solid #FFFFFF;
color: #353535;
font-weight: bold;
position: relative;
width: 135px;
z-index: 8000;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
width: 32px;
}
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left {
margin-left: -50px;
width: 40px;
}
.ipsLayout .ipsLayout_left {
float: left !important;
margin-left: -210px;
width: 200px;
}
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
position: relative;
}
.ipsLayout_content {
float: left;
width: 100%;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #323232;
font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.ipsType_subtitle {
font-size: 18px !important;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft {
padding-left: 60px;
}
.ipsBox {
background: none repeat scroll 0 0 #A0D1E8;
}
.maintitle {
background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #1C91D9;
border-color: #316897;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: 0 1px 0 #528CBC inset;
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
padding: 10px 10px 11px;
}
.left {
float: left;
}
ol, ul {
list-style: none outside none;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li:last-child {
margin-right: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
.ipsFilterbar li {
font-size: 11px;
margin: 0 15px 0 0;
}
.ipsFilterbar li a {
color: #FFFFFF !important;
opacity: 0.5;
text-shadow: 0 1px 0 #0D273E;
transition: all 0.3s ease-in-out 0s;
}
.ipsFilterbar.bar.altbar li a {
color: #1C91D9;
opacity: 0.8 !important;
text-shadow: none;
}
.ipsFilterbar:hover li a {
opacity: 0.8 !important;
}
.ipsFilterbar li a:hover {
color: #FFFFFF !important;
opacity: 1 !important;
}
.ipsFilterbar li img {
margin-top: -3px;
}
.ipsFilterbar li.active {
opacity: 1;
}
.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
background: none repeat scroll 0 0 #1C91D9;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
color: ##FFFFFF !important;
font-weight: bold;
opacity: 1;
padding: 4px 10px;
}
.ipsBox_container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DBE4EF;
}
.ipsBox, .ipsPad {
padding: 9px;
}
.row1, .post_block.row1 {
background-color: #FFFFFF;
}
.row2, .post_block.row2 {
background-color: #F1F6F9;
}
.ipsUserPhoto_medium {
height: 50px;
width: 50px;
}
.ipsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5 !important
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #7D7D7D !important;
}
.ipsUserPhoto:hover{
border-color: #7D7D7D !important;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.right {
float: right;
}
.ipsMemberList > li .ipsButton_secondary {
margin-top: 15px;
}
.ipsMemberList .ipsButton_secondary {
opacity: 0.3;
}
.ipsButton_secondary {
background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all 0.2s ease-in-out 0s;
white-space: nowrap;
}
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary {
opacity: 1;
}
.ipsButton_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C;
}
.ipsMemberList li .reputation {
margin: 5px 10px 0 0;
}
.reputation.zero {
background: none repeat scroll 0 0 #DEDEDE;
color: #6E6E6E;
}
.reputation.positive, .reputation.negative {
color: #FFFFFF;
}
.reputation.positive, .members li.positive {
background: none repeat scroll 0 0 #6F8F52;
}
.reputation {
border-radius: 3px 3px 3px 3px;
display: inline-block;
font-weight: bold;
padding: 3px 8px;
}
.positive {
color: #6F8F52;
}
.ipsType_small {
font-size: 12px;
}
.desc, .desc.blend_links a, p.posted_info {
color: #777777;
font-size: 12px;
}
.desc {
margin-left: 0 !important;
}
-->
</style>
If I click on a letter like e.g. A, users will appear which beginn with letter A, but not all users with an A. After (I think) 40 users the list ends.
Does anyone has an idea? @Ange Tuteur maybe?
Thanks in advance!
Edit: I think this problem is there because of the toggle effect. The page doesn't reload because of that, so that it isn't possible that the number of pages get changed and users can choose page 2, 3, 4... for the rest of users which won't appear by clicking on a letter.
But deleting toggle effect in template doesn't work for me. The appearance of the buttons changes because of the part of CSS in this template wouldn't fit anymore (but I don't know how to change the css, tried it with firebug but that says me to use a:link {, which doesn't work and changes more than I want to change).
Furthermore, actually it is like that:
<a title="Username beginnt mit A" href="a">A</a>
That only works with toggling effect (<li class="tab_toggle"></li>). By deleting this effect and clicking on letter, a page without a content appears because of schiggysboard.com/a has no content. So I tried to search for letter A and to copy/paste this url in tag above. BIs this the best solution or are there better once?
Last edited by darki on July 19th 2015, 6:51 pm; edited 1 time in total