The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

MemberList table Order

View previous topic View next topic Go down

MemberList table Order

Post by nextlevelgaming on July 17th 2012, 4: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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: MemberList table Order

Post by LGforum on July 17th 2012, 1:01 pm

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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: MemberList table Order

Post by nextlevelgaming on July 17th 2012, 7: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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: MemberList table Order

Post by nextlevelgaming on July 17th 2012, 8: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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: MemberList table Order

Post by LGforum on July 17th 2012, 10: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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: MemberList table Order

Post by nextlevelgaming on July 18th 2012, 12:39 am

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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: MemberList table Order

Post by LGforum on July 18th 2012, 3: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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: MemberList table Order

Post by nextlevelgaming on July 18th 2012, 4: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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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