Avatar Matrix Gallery Module 0.1 released

Tracked it down to the display:block statement on the TD tag...that seemed to cause the avatars to form a single vertical line in Firefox. My god.

The CSS below seems to work for both IE and Firefox. Centering the avatars in a table cell would be an improvement. Suggestions?

---

table.rajavatarmatrixtable {
background:white;
border:0px;
border-style:collapse;
}

table.rajavatarmatrixtable td {
width:15%;
height:100px;
}

table.rajavatarmatrixtable td img{
border:1px solid #333;
}

tr.rajavatarmatrixoddrow {
background:#fefefe;
}

tr.rajavatarmatrixevenrow {
background:#efefef;
}

Post edited by: Raj, at: 2006/05/29 21:06

Post edited by: Raj, at: 2006/05/30 06:30

Looks very interesting. What are the queries? any chance of the user inputting the query?

Right now the queries are Random Profiles, Top Profiles, and Newest Users, taken from Jeffrey Randall's MamboMe modules of the same name (the PHP code, however, is almost completely different).

However, you can input any query you want...there's room for eight (only one can be active at a time, though). So, some smart guy who knows SQL might be able to write a query for currently logged in users. That would be neat. You could also write a query for Golf players who play a particular course, or reside in a particular city. If you need another matrix using a different query, just clone the module.

Unfortunately, the user can't input queries from the frontend, that's a security risk. Already asked on the forum here.

Raj

Ok Raj I have a couple of problems.

Here's the first one in the back end. The query and some other back end windows only appear to be a couple of characters wide:



Post edited by: mediaguru, at: 2006/05/31 16:43

Here's the 2nd problem. I set it up to display 5 images in one row. Every time I view the 5, one of the images is off line with the rest and has no username. This doesn't happen in the same place either. It seems to be random:

You're using Firefox. Man, did I learn a lesson. Never release something unless you look at the front end and the backend in both IE and Firefox.

I'll have to figure out what statements increase the width of a textarea in Firefox. That will fix the backend in Firefox. Until the, you could use IE to look at the module in the backend.

As for the avatars, your second picture, that's pretty much what they look like when they're all scrunched up. Long usernames like "JoseFromParaguay" don't wrap and cause the column widths to be irregular. I recommend you paste the previously posted CSS for IE and Firefox into your template and give your profiles some breathing room.

Also, the number of horizontal profiles depends on your template. A full width template might look good with 5 or 6 avatars horizontally, but on a template with both right and left columns, it sure won't. With a large membership, it's probably best to just turn off the right and left columns in your template and just display the matrix on that page and little else. That's what I did at the demonstration link mentioned above.

Raj

Post edited by: Raj, at: 2006/05/31 20:51