Hi Michelle, I know you said that you are not a designer, but I wonder if you could kick start me on my themeing efforts?
Currently the user info column (avatar, points, join date etc) is on the left of each forum post and comment. For my forum this uses up valuable horizontal pixel realestate.
I would like to theme the forum so that user info appears as a horizontal row at the top of each forum post.
For example, vBulletin layout:
http://www.vbulletin.com/forum/showthread.php?t=275089
| Comment | File | Size | Author |
|---|---|---|---|
| #10 | temp forum image.jpg | 122.46 KB | general need |
Comments
Comment #1
michelleSorry, but when I say I'm not a designer I really do mean it. This is purely a CSS layout question and would be better asked of someone actually skilled in that area.
Michelle
Comment #2
general need commentedUnderstood and respected. I have asked in the Drupal forum.
Comment #3
general need commentedFor anyone with a similar task at hand, here is the thread with most of the solution
http://drupal.org/node/271783
Comment #4
chrism2671 commentedI think a vBulletin layout would be more appropriate- the user-info wastes valuable space and makes the forum look silly/unusable on a standard 3 column layout.
Comment #5
michelle@chrism2671 - You can theme it however is appropriate for your site. There's a link in #3 that should help you.
Michelle
Comment #6
chrism2671 commentedI've rethemed it horizontal, there's an example here:
http://www.wikijob.co.uk/forum/accounting-professional-services/deloitte...
It's not perfect but it was the best I could do in a short space of time!
Thanks for the tips!
(Point of note for future- I've had to modify the code in a lot of places (including the module code) to get the presentation I want- I think this will make upgrading out of alpha 10 almost impossible, which is a shame! :-< )
Comment #7
michelleI don't see anything about that theme that would require changing the module code. All you have to do is move things around in the HTML and CSS it to match.
Michelle
Comment #8
chrism2671 commentedSorry I should be clearer- the module code changes were required for the forum topic listings. I reformatted all the dates, and modified the column listings to remove the 'created' column which can be redundant in many circumstances.
Comment #9
michelleAh, yeah, that's a bit more involved. You could have done that in your own module, but whatever works best for you, I guess.
Changing the status on this. Stephthegeek is doing some work on the default theme to make a stronger base and I'm hoping to finally add more themes to the module like I wanted to from the start. I'll see about getting a stacked one in there.
Michelle
Comment #10
general need commented@chrism2671 - good work!
I still have problems with my css mod. I cant get the member stats on the hard right hand side like you did. How did you do that?
Also, the positioning of the post contents is relative to the member stats and the forum stats visisble depend on whether you are looking at your own post and if you are logged in or not.
eg, user stats for another users post:
Posts: 108
Joined: 2008-06-08
Points: 26
Offline
Email
Send PM
User stats for my post:
Posts: 163
Joined: 2008-06-07
Points: 142
Online
So the reduced user stats content for own-posts means that the post content starts further up than for other users posts.
It is almost impossible to explain in words what I mean.... see the attached image. The red arrow is the same size. The first post results in the content being pushed down due to teh additional user stats.
Any ideas how I might get around this problem?
Comment #11
chrism2671 commentedIn order to get things to go to the right hand side, I gave them an extra CSS class (in my case called topright) and then inside the class I assigned them as:
This seemed to do the trick.
If you want to have a closer look at how I've done mine, download Firebug for Firefox and use the 'Inspect' function, and click around my layout, and you will see al the invisible things in the code light up!
With regards to the second problem - by sticking the stuff that comes and goes into a different column, this problem was alleviated- at least- now it looks very natural, whereas I had the same problem as you.
Post a link to your forum when it's done! Incidently, I couldn't get the background colour to go blue for the picture bar- is that an image background or a CSS background?
Comment #12
general need commentedThanks Chris, I am slowly working on it. One of the problems I have is that advanced profile.module uses a few lines of code from the the css file for Advanced forums.module. So changing the position of the user pic in the forum also influences the appearance of advanced profile.
Comment #13
michelle@general need - Which lines? There's not any intentional overlap.
Michelle
Comment #14
michellePutting this on the to do list. I'm no designer, but maybe steph will give me a hand. :)
Michelle
Comment #15
michellenaked_stacked, thanks to stephthegeek, committed to both branches.
Michelle
Comment #16
q8doc commentedWroking on a new style with features requested... hope thats ok with Michelle??
Comment #17
michelle@q8doc - Sure. Styles always welcome. You've got rather bad timing as you're chasing a rapidly changing dev at the moment but it will settle down in the next couple days as I finish up and get the alpha out.
Michelle
Comment #18
Anonymous (not verified) commentedAutomatically closed -- issue fixed for two weeks with no activity.