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.

MemberList table Order

2 posters

Go down

MemberList table Order Empty MemberList table Order

Post by nextlevelgaming July 17th 2012, 2:00 am

I am working on a new look for phpbb2 memberlist. I have almost all the code correct adn what not. only problem is, the variables, I want to tables next to eachother, calling on the same variables but not repeating the memberlist. When I try to make two <td> tags so that the columns are next to eachother it repeats every member one next to eachother.

Is there a way to limit the number of members shown say ten, then next to that would be 11.

i cant make a screenshot since the program is not working today. but heres an example of what i want if possible...

1. Member 2. Member
3. Member 4. Member
5. Member 6. Member
7. Member 8. Member

Picture that as a table and in the memberlist section haha...

i tried doing colspan and colgroup but seems to not work.
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by LGforum July 17th 2012, 11:01 am

Well whatever is inbetween the begin and end statement gets repeated. Your problem is using a table.
So it would need to be like this:
Code:

<ul class="parallel_list">
  #begin memberrow
  <li> details </li>
  #end memberrow
</ul>
<div style="clear:left"></div>

Then this CSS will give you what you want:
Code:

.paralell_list { list-style: none; width: 100%; display: block }
.parelell_list li { width: 50%; float: left; }
Then you can add more of your own styling.


LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by nextlevelgaming July 17th 2012, 5:16 pm

so what would i do place this in the css? or where my html is? is it an internal css script? I was using the html file from DISPLAY>GENERAL>MEMBER LIST
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by nextlevelgaming July 17th 2012, 6:00 pm

ok so within the <li> statements do i place the table code that i created within that? also

#begin memberrow is not an html code that is recognized
<! -- begin memberrow -- > is the term it looks for.

And will it show up the way i'd like it to? Such as three columns across and fills in the members downwards?
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by LGforum July 17th 2012, 8:07 pm

The HTML code is what you use to create that look. You put it in the memberlist template. (Forget about tables, its the wrong way to do this since template engine is limiting).

I know #begin memberrow is not correct, I just don't plan on looking at what is, just swap that for what is correct, consider it "shorthand" code.

So instead of using tables use the list I gave you.
Code:

<ul class="parallel_list">
  <!-- begin memberrow -->
    <li> all the details you want to add </li>
  <!-- end memberrow -->
</ul>
<div style="clear:left"></div>

Then put the css in the css stylesheet.

I often wonder why people who don't understand the HTML and CSS decide to play around with the HTML and CSS.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by nextlevelgaming July 17th 2012, 10:39 pm

I do understand HTML, just CSS is what tricks me, but ive been following the W3 schooling for CSS and so forth. I just thought you thought i had a new version and not phpbb2 sorry. So this will use every member correct? Because the code im using now list all members without having to call each user manually. I'll try this out. thanks LG
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by LGforum July 18th 2012, 1:27 am

The code I'm providing doesn't mean you have to call each member manually. Its called a Template Loop. Basically it loops through the rows on the server, the rows in this case being all the members on the current page.

LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

MemberList table Order Empty Re: MemberList table Order

Post by nextlevelgaming July 18th 2012, 2:42 am

Sorry LG just this here is new to me. Like i said i know html. if you could further explain...like what exactly do i place inside the <li> tags? is it this...

Code:
<table class="gas" width="100%" rules="groups" border="1" cellspacing="10" cellpadding="5">
    <colgroup span="5" </colgroup>
      <tr>
    <td  align="center" width="200" valign="middle" border="0" cellspacing="10" cellpadding="3">
    <span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span>
      <div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div>
      <br /><center><font face="verdana" size="1" color="green">Join Date</font> <br />
      <span class="gensmall">{memberrow.JOINED}</span></center>
        </td>
    <td align="center" valign="middle" border="0" cellspacing="2" width="200">
  <center><font face="verdana" decoration="yes" size="2" color="white">Information</font></center>
      <left> <br /><font face="verdana" size="1" color="green">Interest:</font>  <br />
    <span class="gensmall">{memberrow.INTERESTS}</span>
        <br /><font face="verdana" size="1" color="green">Last Visited:</font>     <br />
    <span class="gensmall">{memberrow.LASTVISIT}</span>
        <br /><font face="verdana" size="1" color="green">Post Count:</font>    <br />
        <span class="gensmall">{memberrow.POSTS}</span></left>
          </td>
        <td align="center" valign="middle" border="0" cellspacing="2" width="200">
          <span class="gen"> {memberrow.L_Statut}</span>
         
  <td align="center" valign="middle" border="0" cellspacing="2" width="200"> 
      <center> <br /><font face="verdana" size="2" color="green">Contact</font><br /></center>
  <center>  {memberrow.PM_IMG} 
     {memberrow.WWW_IMG} 
     {memberrow.EMAIL_IMG} </center>
  </td>

or just the variables like

Code:
<center><font face="verdana" decoration="yes" size="2" color="white">Information</font></center>
      <left> <br /><font face="verdana" size="1" color="green">Interest:</font>  <br />
    <span class="gensmall">{memberrow.INTERESTS}</span>

Just need a little further explaination like W3 thats all sir

nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Back to top

- Similar topics

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