[ABD] [DEV] Post Love

[deepndark]

dismiss -master
ext/anavaro/postlove/

Yeah, now it works, thank you!

[deepndark]

One thing though, the heart icon looks weird i.e. un-symmetric, does anyone know why?

[deepndark]

I replaced the hearts with thumbs over: ext/anavaro/postlove/images
But the icons remain hearts, not my custom thumbs, I purged the cache with no avail.

[janus_zonstraal]

Did you try a other browser?

[deepndark]

Did you try a other browser?

I just tried Chrome, but the same thing there too. My primary browser is Firefox.

[.m.]

^ font awesome is used for showing the icons through default.css stylesheet

Code: Select all

\ext\postlove\styles\all\theme\default.css

[deepndark]

^ font awesome is used for showing the icons through default.css stylesheet

Code: Select all

\ext\postlove\styles\all\theme\default.css

What do I need to do? I want my icons to be replaced with my own custom ones. So I uploaded new ones to my server and replaced them. Now what?

[.m.]

there can be a few methods for replacing font based icon with an image icon

one method
you can add background images through default.css for elements .like & .liked

and remove below style property code lines

Code: Select all

https://github.com/satanasov/postlove/blob/master/styles/all/theme/default.css#L27-L35

Code: Select all

https://github.com/satanasov/postlove/blob/master/styles/all/theme/default.css#L48-L57

another method

instead of removing above referred style code lines,
add required image url as background to those style properties [eg.]

[deepndark]

there can be a few methods for replacing font based icon with an image icon

one method
you can add background images through default.css for elements .like & .liked

and remove below style property code lines

Code: Select all

https://github.com/satanasov/postlove/blob/master/styles/all/theme/default.css#L27-L35

Code: Select all

https://github.com/satanasov/postlove/blob/master/styles/all/theme/default.css#L48-L57

another method

instead of removing above referred style code lines,
add required image url as background to those style properties [eg.]

Ok, lets try the method1, if you can be arsed. Removing the lines you typed should not require any rocket-science skills. But the .like & .liked, what do I need to do exactly here?

[.m.]

^ oh, sorry. it is more than two elements. actually we should replace 4 elements
unable to devote time right now ...

[ivailo95]

Looks good through MozilaFirefox browser,but not in Opera

[deepndark]

One of my forum users can't see the Lovebutton and sees a X instead, he's using Chrome. Maybe the buttons should be .png and not a font?

[.m.]

at the bottom of earlier referred default.css style sheet
you can add style properties like below & check

Code: Select all

.like_info:before , .like:before
 {  
  content: url(image/path/of/like);
  
  }

.liked_info:before , .liked:before
 {   
   content: url(image/path/of/liked) ;
   
  }

eg. image/path/of/liked => full path of thumbs-up image
image/path/of/like => full path of another image (different of thumbs-up)

further style adjustments might be necessary
to adjust the size & the position of images

[keflin]

Same issue with the x.

I had it installed and it looked fine. Added a few other extensions then tested the like button and it would click, show a loading graphic, then never update the like count. I was able to move the heart icon to the bottom of posts and still had the graphic, x, and counter in alignment. It still wouldn't add to the counter, though, so I uninstalled, cleared the cache and cookies, reinstalled and only got the x at the bottom of each post even when I toggle for it to be a post button. I ended up deleting all of my extensions, clearing the cache and cookies again, then installing just postlove and still same issue. Any ideas?

[ivailo95]

try to see the like button with mozila firefox,i suspect work on mozila and google chrome(im not sure for chrom)