I hope I can find an answer to my question on this forum. We run a Joomla site (v1.5.23) and have integrated facebook comments, recommendations etc on the site.
A while ago a strange squared frame turned up on our site. If I check the frames code I can see that it is originated from Facebook (there are for example references to s-static.ak.fbcdn.net).
I can't find out why this is shown like this. I have tried to unpublish the facebook-plugins in Joomla, but it is still there.
Does someone have an idea what this can be and how I can get rid of it?
Here are a live page, search for "Det är förmiddag, lätt nattfrost, ett svagt ljus" - in that paragraph you will see the frame:
http://www.tidningenkulturen.se/artiklar/ess-mainmenu-57/riga-mainmenu-130/11840-mjaellare-aen-aelfvenben
Or here is an image of it: http://my.jetscreenshot.com/5366/20120412-kw0j-300kb
With kind regards,
- Johan.
welcome to stackoverflow!
Add the following to your CSS stylesheet and it will go away. After you do it, just check that it doesn't hide anything that you don't want hidden.
iframe#fb_xdm_frame_http {display:none;}
iframe#fb_xdm_frame_https {display:none;}
If this helped you, please consider supporting http://area51.stackexchange.com/proposals/34294/joomla-answers
Cheers!
Related
Please have a look on fiverr.com's page. they have sign in/register buttons that pop up and darkens the page behind it.
Any suggestions for this functionality on Wordpress? I'd be happy to pay for a good plug in!
Just as a reference - I do not use WordPress, but I am almost certain this functionality is in it somewhere. To answer at the heart of your question though using other means...
You can absolutely do this using CSS/jQuery/PHP. Here is a link to get you started on a tutorial. There is also a number of other tutorials for this with simple google searches.
https://codyhouse.co/gem/loginsignup-modal-window/
As for darkening the background, you should be able to do that using CSS/jQuery for the on-click/open events.
For a specific wordpress solution, I believe this might be what you are looking for but to be frank, I have very little experience with WP so can't confirm it is correct.
https://en-ca.wordpress.org/plugins/tags/login-dialog
Best of luck!
I am having one problem in my Facebook share button.
I have 8 images in my current post and all the images are greater than the size of 200x200.
But when i click on the Facebook share button it will only displayed 3 images out of 8 from which we can choose thumbnail.
I have also googled for this problem and according to many suggestion I have also reviewed
https://developers.facebook.com/tools/debug link for the debugging the problem. But there also all the 8 images are displayed properly.
Any help would be appreciable.
Thanks.
This is a great question, but I think the answer can disappoint you.
Short answer: far I know and searched, you can't do that.
Long answer: you can optimize this scenario with some good static images - or if you can be more creative, dinamically images.
The first tip
Add a static image to every share. You can do that adding Open Graph Meta Tags inside your head section of HTML:
<meta property="og:image" content="http://www.myawesomesite.com/logo.jpg"/>
With the code above you'll say to Facebook always show this image as an option in Share button. According to Facebook documentation is recomended use images with at least 1200 x 640 pixels, because this will share a post with a large image. Following is the preview of one post with the recomended dimensions:
And now a post with a small image:
The second tip
In this post I found a possible good solution for your problem. The author used the same principles of the previous tip, but he used another practical way to do that.
He used the following tag:
<link rel="image_src" href="http://myawesomesite.com/logo.png" />
This tag is almost the same the previous one, but I think rel="images_src" can be a interesting thing. The link tag is applied in the head section of the website too (acording to W3C page), but I think you can lie to Facebook, because they're bad guys and don't provide a good API.
I was wondering - and this is just a supposition - why not try apply image_src as ID of your post / website images? I can't test this currently, but for now is the best thing I can think.
Conclusion:
Facebook isn't very good in a lot of different ways, and they don't provide everything we need - like this interesting function. But maybe we can fool the Facebook using some strange techniques.
If you don't want test things like this, the only way you can choose images to share is giving to your page the static OpenGraph Meta Tags of the first tip.
I expect it helped something - sadly I think this is the best answer for your question.
Our website was recently redesigned and since then I have been unable to get the correct image to appear when I choose link.
For instance:
If I post this link:
http://www.horrormovienews.net/article1184.html
It does not show the image of Ethan Hawke as one of the choices for me to post along with this story. I have asked a few other people (co-workers) and some friends who live around the USA, PA, NC, etc. and they can not get that pic as a choice either. One person who lives in MA can see it when he posts a link.
(This happens to every news story in our network of sites since the theme was changed on the sites)
Another bizarre thing is it WILL show the image for this story:
http://www.horrormovienews.net/article1160.html
but not the one at the top of this post.
I have even used the Facebook lint tool about a week ago to try to refresh the cache.
I have tried to many different things to try to fix thing. I changed the image path, the size of the images, etc. Nothing seems to work.
Does anyone have any idea what could be causing it? Any help would be much appreciated.
You need to specify og:image tag. See your results here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.horrormovienews.net%2Farticle1184.html
Fix up those warnings and then you should be able to share the link much more consistent.
I am new at designing websites. I would like to insert FB's "Like" Box into my website. I am using Dreamweaver CS4.
I am on the FB's Like Button/Box generator page.
I received the code.
I tried putting it into my index.dwt page where I want it to be, and it does not show up.
Any suggestions? Thanks so much!
Update: I am still getting nowhere with this!! I've been trying everything I read in help topics, and nothing is working! My head is about to explode... PLEASE if anyone knows how to help, let me know. Thanks in advance.
***I posted the codes I'm using in comments below... thanks
Heather I tried your generated code and generated code for my site too and both do not work.
Use this simple code: (replace the putyoursitehere and yourhomepage with your own)
You can change the properties to fit your own.
If the code doesn't come through, go to this page, view source and copy FB code.
http://diananashif.com/fb_code.html
Hope this helps,
Diana
I need help with a problem I'm facing, basically I'm utilizing the new "Facebook Comment Box" feature and the issue is it is overlaying with standard Wordpress comments. It is best described by showing you the following screenshot:
Because I'm new here I couldn't post a screenshot because I don't have enough rep so a link to the screenshot of the problem is here - http://www.wdbc.org.au/comment_screenshot.jpg
The true URL for the above screenshot is here
So I did some investigating around, I couldn't find anyone else who came across this problem, but I also found that it is a combination of factors which makes encountering it more rare. Below are some specifics on what I'm using, and factors I believe are contributing to this problem:
Wordpress 3.1
Wordpress Theme Genesis1.5
Wordpress Plugin Facebook Comments for WordPress 3.1
Wordpress Plugin The Events Calendar 1.6.5
Google Chrome Browser 10.0.648.204
Some important notes on this problem:
It does not happen for the same URL in Explorer or Firefox, only in Chrome
It only happens in Wordpress posts tagged as Events so the events calendar plugin is definitely part of the issue here (for example I don't see the overlap issue on a non-event post which does not utilize the Events Calendar plugin)
My thoughts:
The plugin "The Events Calendar" has something to do with this. The plugin adds some information at the top of the post such as Date, Address, Cost, etc, and the height this information takes up seems to be about exactly the height the wordpress comment is encroaching on the space of the facebook comment section.
I don't have enough Wordpress expertise to dig deeper in to this and determine what is wrong with either the Events plugin or the Chrome browser and I'm not really sure where to start. I would really appreciate if anyone can help provide some tips or guidance on how I could progress with this issue. If you need any further details just ask and I would be happy to share, thank you.
Edit: Same problem observed in Safari (on iPhone) so impacts Chrome/Safari not Firefox/Explorer.
Edit2: On further testing it looks like this is only impacting retrospectively. I created a new Event post and it works fine, but older Event posts are affected. I guess this makes the issue not as impacting as I first thought so I might be able to live with this.
It might have something to do with the like button. I use a plugin for wordpress that also includes the like button. I chose to hide it, and all is good. I will enable the like button using another plugin.