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.

Reputation Image

View previous topic View next topic Go down

Solved Reputation Image

Post by inallsorts on April 7th 2012, 7:12 am

Hey guys,

I followed this tutorial that you guys recommended:
http://www.diondesigns.org/t1338-example-10-a-professional-looking-like-dislike-bar-phpbb3-invision-punbb

All went well, however, I now wish to place the reputation Images to the right of the buttons as arrowed In the Image here:


I have phpBB3. Also, If I can put a text In the code with the word "Reputation", It'll denote what the Images are.
Thank you for all assistance given.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Reputation Image

Post by Guest on April 7th 2012, 12:04 pm

Hi!

Find this line:
Code:
    $('#main-content').prepend('<style type="text/css">ul.profile-icons li.ddvote{height:20px;line-height:20px;background:#fff;color:#000;border:1px solid #a0b0c0;font-size:12px;font-weight:bold}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}</style>');
and replace by:
Code:
    $('#main-content').prepend('<style type="text/css">ul.profile-icons li.ddvote{height:20px;line-height:20px;background:#fff;color:#000;border:1px solid #a0b0c0;font-size:12px;font-weight:bold;float: right;}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}</style>');
Hope it works. Very Happy

Guest
Guest


Back to top Go down

Solved Re: Reputation Image

Post by LGforum on April 7th 2012, 3:11 pm

It's as easy as changing the second instance of the word 'prepend' to 'append' Wink

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Reputation Image

Post by inallsorts on April 7th 2012, 5:15 pm

@Coddy, the code worked perfectly! Thanks heaps bud.

/Topic.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Reputation Image

Post by Nera. on April 7th 2012, 5:19 pm

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.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