Search…

X3 Photo Gallery Support Forums

Search…
 
DarthStijn
Experienced
Topic Author
Posts: 27
Joined: 14 Dec 2008, 05:29

Facebook like button

11 Jun 2011, 05:03

I have a question.
I've followed the steps to add the Facebook like button as show in the documentation. But the code there is for the close button...
In the Demo gallery you don't work with the close button, but the like button appears on mouse over.
Can I get the code for that effect to?
Thnx!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Facebook like button

11 Jun 2011, 09:35

We are in fact working with some new stuff for this as you see in the demo gallery. We also have some even cooler stuff, but its not currently working in Internet Explorer so we need to fix it first:
https://www.photo.gallery/demo/x2/social2.html

For the Facebook button in the current demo gallery, we used the following code:
Code
<div style="position: absolute; top: 12px; left: 276px;" id="facebook-container">
	<div>
		<img id="small-icon" src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif" style="position: absolute;"/>
		<div id="myfacebook" style="position: absolute; padding: 0px 0px 0px 25px;">
			<div id="fb-root"></div>
			<script src="http://connect.facebook.net/en_US/all.js#appId=220574884633155&xfbml=1"></script>
			<fb:like href="https://www.photo.gallery/demo/x2/" send="true" show_faces="false" colorscheme="dark" font=""></fb:like>
		</div>
	</div>
</div>
		
<script>
    $("#facebook-container").mouseenter(function () {
		$("#myfacebook").fadeIn("fast");
	});
	$("#facebook-container").mouseleave(function () {
		$("#myfacebook").fadeOut("fast");
	});
</script>
You will need to at least change the href link to point to your own gallery, and you may want to use this tool to create your own code to fit within our modifications:
http://developers.facebook.com/docs/ref ... gins/like/
 
DarthStijn
Experienced
Topic Author
Posts: 27
Joined: 14 Dec 2008, 05:29

Re: Facebook like button

11 Jun 2011, 11:04

Widget is looking nice!
To the button doesn't move when de links of the menu come out.
Looking forward to use the whole widget!
 
clemi6
Experienced
Posts: 80
Joined: 07 Dec 2006, 07:46

Re: Facebook like button

22 Jun 2011, 14:22

how I can change the color of the font?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Facebook like button

23 Jun 2011, 06:27

clemi6 wrote:how I can change the color of the font?
The Facebook "like" button is from Facebook, so you don't have many option for changing styles. You can go here to change a few options and then use the code:
http://developers.facebook.com/docs/ref ... gins/like/

Image