Hy all,i have an issue with facebook div in my site: www.motorsport-shop.ro … i would like to implement something like on this website www.taiwangun.com but i don`t realy know how…any help?
Looks like you would just use something like this jQuery Facebook tab code and just stick the embed code from Facebook in it. There are a few more out there, so just Google “jQuery Facebook tab” and see what you get. I personally prefer the click to open functionality over the hover to open.
Hi, first you need to create a div with 2 divs inside:
<div id=“facebookpanel” class=“”>
<div class=“icon”>Facebook Icon "</div>
<div data-header> "Facebook Widget" </div>
</div>
The MAIN DIV must have the width of the button only, when the user hover/active the mouse on the ICON DIV the MAIN DIV width expands and shows all the content!
CSS:
#facebookpanel {
height: 300px;
overflow: hidden;
position: fixed;
right: 0;
text-align: left;
top: 50px;
vertical-align: bottom;
width: 31px;
z-index: 55;
}
#facebookpanel.active {
width: 263px;
}
Hope it helps…
dont forget the overflow: hidden; !!!
THANK YOU VERY MUCH…I REALY APPRECIATE U`RE HELP
Thank you both,its a real help,i will try to make all u said…if not i will ask a friend of mine…bul again,thank you a lot.