Welcome Guest [Log In] [Register]


Welcome to Planet Nexus - the world of innovative forum networking.

You are currently orbiting in guest-mode, and that is OK with us. :cool: You do not have to join Planet Nexus to create a page on the NexusTree. Subscribers immediately become a part of our dynamic networking engine for message boards (which includes extras like NexChat, Members Online Today, the NexLike Reputation system, Blurb and Live Sig options). The Nexus System is free and open to anyone with a ZetaBoards, InvisionFree, zIFBoards or Jcink community! Learn more about Nexus System registration HERE. The process is quick and easy. You can be up and Nexworking in only a few minutes!

Get your own leaf on the NexusTree >> Posted Image << Sign up Today!

In order to access our Nexus support system you will need to register a personal Planet Nexus forum account. An account on Planet Nexus allows you to test our IRC-style NexChat and NexLike features and fully participate on the powerful NexusTree. You'll be able to rate communities, leave comments, become fans, and swing through the tree to discover the content of many different boards in a vast array of genres.

Register a Planet Nexus personal account! Or login below:

Username:   Password:
Add Reply
NexLike suggestion
Topic Started: Monday Mar 12 2018, 09:52 PM (186 Views)
Heaven is a Halfpipe
No Avatar
Schmooziland
[ * ]
Is it possible to add the like symbol on the post (like the other like/dislike mod for zeteboards) and change the "Rating" text to "Likes"?
Offline Member Profile Quote Post Goto Top
 
Helena
Member Avatar
on an obscure beach on Planet Nexus....

Add to bottom of your theme CSS (Theme Appearance)

To replace "Ratings" text with button image:
(Adjust amount of padding to accommodate button image size)
Code:
 

div.ratetitletv {
background: url(http://z5.ifrm.com/30475/135/0/f5278114/Like.png)no-repeat;
color:transparent;
padding-bottom: 8px;
}


To add button image and change "Ratings" text to "Likes":

Code:
 
div.ratetitletv {
visibility: hidden;
}
div.ratetitletv :after {
content:'Likes';
visibility: visible;
display: block;
position: relative;
background: url(http://z5.ifrm.com/30475/135/0/f5278114/Like.png)no-repeat;
padding: 0 0 3px 40px;
top: 2px;
}


Adjust padding to suit your image size.
Offline Member Profile Quote Post Goto Top
 
Heaven is a Halfpipe
No Avatar
Schmooziland
[ * ]
Thanks Helena that's a bit better :) is there a way to remove the number of likes it shows underneath and just show the list of names who liked? Also removing the "Like" text next to the names if possible
Offline Member Profile Quote Post Goto Top
 
Helena
Member Avatar
on an obscure beach on Planet Nexus....

This will remove the number:
Code:
 
dl.like dd .rifdivtv { display:none; }


this will hide the "likes" text:
Code:
 
dl.like dd .tvrating0 { color:transparent; }
Offline Member Profile Quote Post Goto Top
 
Heaven is a Halfpipe
No Avatar
Schmooziland
[ * ]
Wow Helena you're so helpful thanks :D and one last query, if I wanted to keep the number of likes visible but be on the same line as the like button?
Offline Member Profile Quote Post Goto Top
 
Helena
Member Avatar
on an obscure beach on Planet Nexus....

You may need JS to do that since they are in 2 different divs. I'm not a JS person. So one of the coder guys will have to write you a code for that.
Offline Member Profile Quote Post Goto Top
 
Heaven is a Halfpipe
No Avatar
Schmooziland
[ * ]
Okay will wait and see if somebody can do this :)
Offline Member Profile Quote Post Goto Top
 
Skyon Archer
Member Avatar
Keeper of the knowledge . . . all of it!

I'm currently on mobile so I can't provide the full answer . . . but, this can accomplished with CSS. Set the width of the first division and float it left. Then, the second division gets a width and a margin-left equal to the first divisions width.

I'll reply better this evening if you still need assistance.
Useful Stuff
Posted Image
Codes, Scripts & Modifications for ZetaBoards
http://skyonarcher.com
Simple Hosting Plan
~ Unlimited Disc Space
~ Unlimited Bandwidth
~ 1 Website Hosted
~ Hepsia Control Panel
~ 30-day Free Trial
~ FREE Domain Name
only $3.25 /mo
Order Now - More Info
Online Member Profile Quote Post Goto Top
 
Heaven is a Halfpipe
No Avatar
Schmooziland
[ * ]
Can you show me the code to add please?
Offline Member Profile Quote Post Goto Top
 
Helena
Member Avatar
on an obscure beach on Planet Nexus....

Try this (thanks Archer, for the clue):
Code:
 
div.ratetitletv {
width:50px;
float:left;
}

div#rifdivtv {
width:50px;
float:right;
}


You'll need to remove this entry that hides the number:
Code:
 
dl.like dd .rifdivtv { display:none; }
Offline Member Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Service Discussion & Feedback · Next Topic »
Add Reply