Well done, the images looks perfect with different TOP and BODY.. Impressed

And about the Jquery didnt really understand.. If you could explain why you wanted to change it to a click.. and what would the other option be?

Thanks for replying back mate, I really like that people dont forget to come back and reply what they asking about! Thanks for the amazing job with the images..

I had a couple people using touchscreens (iPads, tablets, etc.) saying they had issues getting it to close. It will slide out on touch but there is no way to close it currently on a touchscreen unless you refresh the page. Was looking for a solution to this by either switching the whole thing to open and close on click, or at least an added option to also close on a click. Not sure how to implement it, but it would have to be something that would close the slidebox on any click on the page that is not a associated with a hyperlink.

+1. I have had the same complaints.

Hey Thanks for notice, if its a SLIDE problem, then Its all about this code here: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

It seems that there is a conflict somewhere! Now about the Issues for IPAD or other 3rd Party Device, I dont know what kinda sulotion can be used to fix SLIDE problem from an IPAD since this is a CODE used for normal BROWSER and from a normal PC, But I will try give it a shot and see what could be wrong, thats all what I can do... I let you know!

Update for, CharlieDelta and bzcomputers:

So I am back, and I forgot to tell, that I updated the Facebook Slidebox tutorial to a much better and easier tutorial! There are 2 METHODS! Method 1 is the new Tutorial, and METHOD 2 the old one which I think you both are still using!
The NEW Method 1, has only 1 TEMPLATE EDIT. And I can only hope for it works for you, I have added an extra FIELD called the JAVASCRIPT "NO CONFLICT" variable, Now its upto you if you wanna try the new method and see if it works for the people with the IPad problem!

First of all REMOVE all the codes used from the old FACEBOOK TUTORIAL! The codes should be in 3 template. In your Headinclude + Additional.css + header template. If you dont remember how, then take a look at "METHOD 2". And use it to remove the codes..

Step 1: Here is the NEW CODE and new METHOD to add the facebook slider! Add the whole code thar you see below in your header template, Add it BELOW EVERYTHING ELSE IN YOUR HEADER, And DO NOT SAVE IT YET.

============================
ADD THE CODE BELOW IN HEADER:
============================

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
<script>
jQuery.noConflict();
</script>
<style type="text/css">
.s_likebox {
float:right;
width:288px;
height:345px;
background: url(images/fbslide.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
background: #fff;
width:238px;
height:325px;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}
</style>

</style><div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'>PUT YOUR IFRAME CODE HERE</div> </span></div></div>

============================
After adding, move on to STEP 2, without SAVE!
============================

Step 2: We are still in your HEADER template, and you havnt saved it yet! Now if you take a look ABOVE in the code you just added in your header, you will see the BLUE TEXT saying PUT YOUR IFRAME CODE HERE! Add your FACEBOOK IFRAME code instead of the text PUT YOUR IFRAME CODE HERE! Exactly as you did in my first Tutorial! After you added that, make sure that your fbslide.png image is in your "images" folder! Then your CODE is done in the header. HIT SAVE to save your HEADER!

NOW WE ARE DONE!
Try now use the IPAD to see if it still have the conflict! And from now on, if anything use always this METHOD, or my METHOD 1 ! Good luck, and waiting for an update!

hi developer this suites my website perfectly but i have a question
Get it as Twitter SlideBox. Click HERE! (NEW)

^
the link doesn't work, and found it another way, but when using both together it only fb like box works

I'm still getting the same results. The no conflict variable was already in there in line three, not sure if having it twice is needed (but I personally have no idea).

The issue is with the "hover" affect. It is not fully compatible with any touchscreens, which is typically about 25% of any website's traffic these days and why you see the "hover" affect used less and less. The hover affect will activate on a touchscreen to open but will not close with any input on a touchscreen. There needs to be another variable/option added to initiate the slidebox close.

I wanted to say a BIG THANK YOU to Mr China-Man for his professional assistance to my request. He actually help me to fix the FB slider and making it work perfectly. Not only that, he put up screen shots and guide to teach me what went wrong in my slider as there isn't a fan page.

I am really thankful to such a rare nice soul in vb org as most experts here would charge a fee for such professional job but not mr China-man, who went all out to help me with passion.

Words alone cant express my gratitude to him but I wanted to take this opportunity to share his professional knowledge and attitude with everyone so if you have complex paid request, you can definitely approach him. He will ensure that everything is done up nicely accordingly.

Highly recommended and I will definitely go back to him. Thanks Mr China-man! God bless.

I am seriously very humbled! Thank you for your nice words! Me myself I really look up to each and everyone on here, and the help I provide is just the human that I am. I do my best to help people, and thats also the reason I build my forum so I could help people needed help! Thank you MATE, you trully put a big smile on my face... I really appreciate it. It makes me go on and on, because of people like you! I really wish you and your family all the best, and if anything in future you can always pm me,,, always...

Ok I think I know what could be wrong, I spoke to an IPAD developer which is my good friend, first of all ask the persons using the IPAD, and ask them what was the name of the browser system they for the forum. And we all know like INTERNET EXPLORER and FIREFOX has also have conflicts that not really works JQUERY and JAVASCRIPTS!

This is the exactly same thing with IPADS and what browser they use, its a very common thing, and so far there is no right fix for that.. And many systems cannot tolerate some of the slide systems and codings the jqeury uses. And even if you use the BEST computer out there, you still have to have the right BROWSER and the RIGHT system..
Lets stick to our desktop systems, and laptop... And i think I used more than 3 days to find a sulotion for this, and i finally figured out that there is not really any fix for this... and true i stick to that.. and we did what we could... At least i did my best..