NexLike suggestion

Heaven is a Halfpipe
Schmooziland
Joined: September 8th, 2017, 3:49 pm

March 13th, 2018, 3:52 am #1

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"?
Quote
Like
Share

Helena
Symbiotica
Joined: October 9th, 2009, 2:20 am

March 13th, 2018, 4:28 am #2

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: Select all

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: Select all

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.
Last edited by Helena on March 13th, 2018, 9:10 pm, edited 4 times in total.


:deviantart:
Quote
Like
Share

Heaven is a Halfpipe
Schmooziland
Joined: September 8th, 2017, 3:49 pm

March 20th, 2018, 4:40 am #3

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
Quote
Like
Share

Helena
Symbiotica
Joined: October 9th, 2009, 2:20 am

March 20th, 2018, 3:34 pm #4

This will remove the number:

Code: Select all

dl.like dd .rifdivtv { display:none; }
this will hide the "likes" text:

Code: Select all

dl.like dd .tvrating0 { color:transparent; }
Last edited by Helena on March 20th, 2018, 3:37 pm, edited 2 times in total.


:deviantart:
Quote
Like
Share

Heaven is a Halfpipe
Schmooziland
Joined: September 8th, 2017, 3:49 pm

March 20th, 2018, 6:02 pm #5

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?
Quote
Like
Share

Helena
Symbiotica
Joined: October 9th, 2009, 2:20 am

March 20th, 2018, 8:30 pm #6

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.
Last edited by Helena on March 28th, 2018, 5:17 pm, edited 2 times in total.


:deviantart:
Quote
Like
Share

Heaven is a Halfpipe
Schmooziland
Joined: September 8th, 2017, 3:49 pm

March 27th, 2018, 6:23 am #7

Okay will wait and see if somebody can do this :)
Quote
Like
Share

Skyon Archer
Symbiotica
Joined: November 19th, 2009, 11:57 am

March 28th, 2018, 2:47 pm #8

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

Links to my websites and much more!
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
Quote
Like
Share

Heaven is a Halfpipe
Schmooziland
Joined: September 8th, 2017, 3:49 pm

March 31st, 2018, 4:21 am #9

Can you show me the code to add please?
Quote
Like
Share

Helena
Symbiotica
Joined: October 9th, 2009, 2:20 am

April 2nd, 2018, 1:46 am #10

Try this (thanks Archer, for the clue):

Code: Select all

div.ratetitletv {
width:50px;
float:left;
}

div#rifdivtv {
width:50px;
float:right;
}
You'll need to remove this entry that hides the number:

Code: Select all

dl.like dd .rifdivtv { display:none; }
Last edited by Helena on April 2nd, 2018, 4:43 pm, edited 1 time in total.


:deviantart:
Quote
Like
Share