I just installed the Facebook Like button XFBML plugin on my blog site, which uses K2 and Joomla (I copied the code directly from facebook developers.) The problem is that the plugin is too wide - it's the default 450px wide. Even when I enter 400px, and redo it, it stays 450 px wide. I can't seem to get it to resize for some reason. This is a big problem, because the right side of the comment box is hidden (I have a column on the ride hand side that covers it.) So, you can't push the "post" button. I've searched google and your database, but I can't find any posts about a similar problem. And I'm not sure where to go for help. Here is a link to an article on my site so you can see what I mean:
http://www.artdotlife.com/art/studio-blog/entertaining-baby/item/148-if-snow-white-and-the-seven-dwarfs-were-released-today-it-would-incite-mobs-of-angry-mothers-little-people-and-screenwriters-here%E2%80%99s-why
Thanks!
Ok, your using Joomla, no problem. When I look at the code all I see is . Using Firebug I can see that the comments plugin is runnin at 550px.
When you edit this module do you turn the editor off? I would try that and make sure you add the width variable to the comments tag as it's not showing up.
Comments also requires an href tag to work properly if I'm not mistaken. Not the issue with the width but just a heads up.
Related
I a working on a client's website and decided to add a "Facebook Like Box" (example). I was working in the Facebook Developers page. I am a Joomla developer (2.5x platform) I am trying to figure out how to delete the white space from the title of the like box WAY down to where my pictures are... Any suggestions on how to do this or where I need to go into Facebook to correct this??
I tried to re-size the height, BUT once I did that to make it smaller, it cut off my pictures.
Your help in this matter would be greatly appreciated.
EDIT: ok, stack overflow does not understand the URLs so you'll have to copy and paste or use the short link.
That's a frame, short link: http://on.fb.me/152cjgH
http://www.facebook.com/plugins/likebox.php?api_key=&locale=en_US&sdk=joey&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df108e873a75ab52%26origin%3Dhttp%253A%252F%252Fwww.ordwaybuildingsupply.com%252Ff211d31607a9c7e%26domain%3Dwww.ordwaybuildingsupply.com%26relation%3Dparent.parent&height=558&header=false&show_faces=true&stream=true&width=200&href=http%3A%2F%2Fwww.facebook.com%2Fhome.php%3Fclk_loc%3D5%23!%2FOBS75%3Ffref%3Dts&colorscheme=light
The big white space is the stream so change the values you're requesting, namely
remove &stream=true
and change &height=558 to &height=300 or something
http://on.fb.me/152co4e >
http://www.facebook.com/plugins/likebox.php?api_key=&locale=en_US&sdk=joey&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df108e873a75ab52%26origin%3Dhttp%253A%252F%252Fwww.ordwaybuildingsupply.com%252Ff211d31607a9c7e%26domain%3Dwww.ordwaybuildingsupply.com%26relation%3Dparent.parent&height=300&header=false&show_faces=true&width=200&href=http%3A%2F%2Fwww.facebook.com%2Fhome.php%3Fclk_loc%3D5%23!%2FOBS75%3Ffref%3Dts&colorscheme=light
If your look at this screenshot: http://cl.ly/image/1J3m2e2x1G1z, you'll notice that the facebook iframe element overwrites the Karma comment bubble. Could anybody help me with either removing the bubble alltogether of with removing the facebook element?
thanks
This can probably be fixed pretty easily with css. If you have a link to the site I can take a look at it and tell you what you need to add to your stylesheet. Also, t.thielemans is right, it would be best set up a child theme (Not nearly as complicated as it sounds) which would prevent the changes from going away if you update your theme.
I need to build a tab looking like this one:
https://www.facebook.com/auto.co.il/app_134594493332806
I know how to add an image and a comment box and i know of several "plain" ways to hide the content from non-fans, but i came across the above tab and i really like the way it shows thee content yet you cant engage it until you press the like button.
Any help please?
Thanks in advance.
Oren
Your link didn't work for me, but you can place a absolutely positioned div with a high z-index above the rest of your content to prevent the user from clicking on anything.
Update: Now that the link has been updated I see that they are doing exactly what I described above. In chrome if you right-click the background and select "inspect element" you will see the following computed style for the div:
rgba(0,0,0,0.796);
display:block;
height:1612px;
width:810px;
The content is blacked out simply with a div with a black background and some opacity. Just for fun, you can overcome their like gate (without liking) via chrome's JS console by selecting the iframe context and then entering the following:
$('.like_float_c').detach();
... now call youself a 'hacker' ;)
I am currently trying to replicate the functionality of the Sticky application (fourth example under "samples") in my GWT application, specifically NoteView (see the class NoteView in SurfaceView.java in my personal repo or download Google App Engine's SDK, where you'll find it in appengine-java-sdk-1.5.1/demos/sticky).
However, as hard as I try, I just cannot find the place where Google put in the gripper bars on the bottom right hand corner of every note, and where their code allowed the user to resize the note. grepping for "resize" and "resizable" in their sticky dir was not fruitful, and the CSS "resize" functionality was not used either. Also, GWT Textareas are not automatically resizable in the way that these notes in GWT are, and I don't know how to enable this or set it up.
I'm sorry but it really just is a textarea, and your browser does the rest (most browsers make textareas resizable nowadays).
Using Firebug or a similar developer tool, can you tell which differences are there between the Sticky sample and what your code does?
I figured it out -- it was old crud css left over from a gxt implementation. As soon as I removed the css file, the textarea automatically had gripper bars.
After an upgrade, our confluence installation doesnt show the "Help Tips" on wiki markup (a box on the right side of the edit pane which give basic informations on wiki markup). If I view the source, I see that the div is there, but with a display:none attribute. This lead me to think that there is an option somewhere to activate or deactivate this, but I cant find it.
Any idea ?
If you cannot find an option to show it again, and I can't but we are not using the default theme and it is visible
Try adding custom css to show it seems to have an id of helpcontent so you could do that.
Although this will affect other views if not precisely targeted
If it is a route you want to persue !