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.

change bookmarks image

View previous topic View next topic Go down

Solved change bookmarks image

Post by Richard. on December 31st 2011, 2:00 am

How can i change the imagines from the Blog bookmark, SS:

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: change bookmarks image

Post by Richard. on January 1st 2012, 7:34 am

bump

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: change bookmarks image

Post by FL.ux on January 1st 2012, 7:41 am

i think there's no way

FL.ux
Forumember

Male Posts : 842
Reputation : 18
Language : I hope I could be a FM staff :'(
Location : I shall fly to the subterranean sky.

Back to top Go down

Solved Re: change bookmarks image

Post by robot_boy18 on January 1st 2012, 8:48 am

I give you the example for twitter Wink Take a look at this css
Code:
#bookmarks a img.twitter {background-image:url('your image url');}

robot_boy18
Forumember

Male Posts : 107
Reputation : 7
Language : English
Location : Greenville, South Carolina, USA

http://en.fmvi.org/

Back to top Go down

Solved Re: change bookmarks image

Post by Guest on January 1st 2012, 12:56 pm

Try to add in your JavaScript management:
Code:
jQuery(document).ready(function() {
    jQuery('div#bookmarks a img').each(function() {
        if(jQuery(this).attr('src') == 'LINK_ORIGINAL_IMAGE') jQuery(this).attr('src', 'LINK_NEW_IMAGE');
    });
})
So, this code works very simple:
jQuery('div#bookmarks a img') = This code give the css selectors;
if(jQuery(this).attr('src') == 'LINK_ORIGINAL_IMAGE') = If the image attribute src from img tag that are selectors (div#bookmarks a img) is a certain image link replace that attribute's src value with new image;
jQuery(this).attr('src', 'LINK_NEW_IMAGE'); = As I said below, this code replace the value's src attribute. Smile

I give you an example with first image: (http://illiweb.com/fa/social_bookmarking/twitter.png)

Code:
jQuery(document).ready(function() {
    jQuery('div#bookmarks a img').each(function() {
        if(jQuery(this).attr('src') == 'http://illiweb.com/fa/social_bookmarking/twitter.png') jQuery(this).attr('src', 'http://i.imgur.com/8xvmW.gif');
    });
})
Enjoy! Smile

Guest
Guest


Back to top Go down

Solved Re: change bookmarks image

Post by Richard. on January 1st 2012, 4:04 pm

Thanks Gassy.

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: change bookmarks image

Post by Guest on January 1st 2012, 4:16 pm

My pleasure. Smile

Guest
Guest


Back to top Go down

Solved Re: change bookmarks image

Post by Sanket on January 1st 2012, 7:06 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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