Basic Layout Questions

I have checked out the FAQ and tips and tricks section but can't seem to find answers to the following layout questions:


How do I setup the poster details on the left of the message (like on this forum) instead of on the right of the post (as per my forum)?


How do I setup a different theme (mine looks different to this forum) and where do I get the themes?


How do I add a thumbs up button that counts how many times it's been pressed?

I followed this walkthrough but haven't been able to change the +/- buttons to thumbs up/down: Thumbs Guide


How do I edit the user message details to show location and age as well as post count and join date?

I somehow stumbled across an option in 'users and groups' whereby I select 'profile and messages' and the categories I want to show were highlighted - posts, points, reputation, location, join date, age - I clicked 'save' but nothing happened and I still only see posts, points, reputation and join date.


Thanks

Hello @Dolly,

1) Go to: Admin Panel > General > Forum : Configuration > Pages structure : Profile position in the messages : and change it to Left

2) Go to: Admin Panel > Display > Skins : Choose a theme and select any theme you want or visit Hitskin for more themes.

3) You have to activate the Like system first. To do that go to: Admin Panel > Modules > Points and reputation : Reputation and activate the Reputation system to activate the + and - system.

4) Go to: Admin Panel > Users & Usergroups > Users : Profiles and edit the profiles you want and tick the box Display : Messages

These should fix your problems!

Luffy wrote:
3) You have to activate the Like system first. To do that go to: Admin Panel > Modules > Points and reputation : Reputation and activate the Reputation system to activate the + and - system.

Hi Luffy,

Thanks for your help. All your advice worked with the exception of this. Reputation and thanks are already enabled. I have the +/- bars in place, I just can't change them to the thumbs despite copying and pasting the scripting:

Thumbs up: <img src="https://i.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/>
Thumbs down: <img src="https://i.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>


I'd also like to have the 'online' icon contained within the user's details on the left of the message rather then on the right, is there a way to do this too?


Thx

Please try not to use bold text since that is used for moderation.

@Dolly the tutorial here requires you to add a Javascript and a CSS code. In order for the tutorial to work you have to do it step by step.

Luffy wrote:@Dolly the tutorial here requires you to add a Javascript and a CSS code. In order for the tutorial to work you have to do it step by step.

That's exactly what I did.
I also set negative votes to 'false' so they wouldn't be an option but I still see the + and - buttons

Get this, I also set the position of the 'like' to the left of the post options so that it appears alongside, and to the left of, quote, edit, multi-quote but it's still on the far right, still shows 'like' and 'dislike' and still shows a vertical bar even though, as you can see, my coding states otherwise:

// General Configuration of the plugin
var config = {
position_left : true, // true for left || false for right
negative_vote : false, // true for negative votes || false for positive only
vote_bar : false, // display a small bar under the vote buttons

// button config
icon_plus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/>',
icon_minus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>',

Okay, and have you activated the Javascripts?
ACP(Admin Control Panel) > Modules > HTML & JAVASCRIPT > Javascript codes management > Javascript Codes > Enable Javascript code management :

Oops! No, I hadn't. (To be fair, there was no mention of doing so in the guide).
Problem is almost solved - I now have my green thumb but I only get a vote count if I hover over it - it's not displaying automatically.

This system doesn't show on the author's post. That means that on your posts you won't be able to see it, only if you get a vote. On other member's post you will be able to see it normally.

If the problem is something else, please give me screenshot of what's the problem to be more to the point!

I am almost there! It looks like there was a conflict when I tried to add the thumbs up and the thank you message (with stars).

Unlike the javascript section, which allows you to create a new script each time, the CSS field has only the one text box so when I input the 'thumbs up' script, I get my thumbs up with the vote count displayed yet when I go to add the 'thank you' script, I have no choice but to overwrite the 'thumbs up' script.

I assumed all would be okay, as I previously saved the 'thumbs up' CSS script but in doing so, the result is the green thumb stays but the vote count disappears. I changed it back - by reapplying the 'thumbs up' script and I the count retuned but the 'thank you' stars have shunted to the left, partially covering the username box, and the thank you text is very small, like size 8.

You have to add the script in the Javascript box and the CSS code in the CSS Stylesheet. As for the thank you information you can change them in the Colors tab next to the CSS Stylesheet tab.

Luffy wrote:You have to add the script in the Javascript box and the CSS code in the CSS Stylesheet. As for the thank you information you can change them in the Colors tab next to the CSS Stylesheet tab.

Yes but what I am saying is I already had content in the CSS box for the thumbs up. There doesn't appear to be anyway to post separate CSS scripts without overwriting what's already there.