Joomla Templates Club 406,261 posts

[xyzb Friend xyzbJoin date: October 2006Posts: 134Downloads:0Uploads:2 Thanks: 9 Thanked: 5 times in 1 posts]

#165255

Is there a way to make the JA FB Like function like the Twitter plugin? I would like to have the a FB icon and when the mouse over it, it will display the latest activity like the Twitter plugin on your demo site.

Thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#396728

Hi,
– You install & enable JA Facebook Plugin Social – Recent Activity Module. Set its position is mega
– You create new menu item in topmega menu with its title is facebook. Its type is External URL, set “Submenu Content” (Parameters (JA Extended)) is Modules, set “Select modules” is JA Facebook Plugin Social – Recent Activity Module.

[xyzb Friend xyzbJoin date: October 2006Posts: 134Downloads:0Uploads:2 Thanks: 9 Thanked: 5 times in 1 posts]

#396909

Thanks! Could you help me with the icon? I created the menu and now I would like to have a Facebook icon like the Twitter link/icon. Is there a way to add additonal css and add the class to the menu link like the Twitter setup?

Thanks

_________________________________________________________________________________________________

I figured it out by adding additional css for my new class.

thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#397139

You replace this code from templatesja_teline_ivcsstemplate.css

#ja-topmega li.nav-blog a.nav-blog,
#ja-topmega li.nav-interview a.nav-interview,
#ja-topmega li.nav-social a.nav-social,
#ja-topmega li.nav-feeds a.nav-feeds {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}

#ja-topmega li.nav-blog,
#ja-topmega li.nav-interview,
#ja-topmega li.nav-social,
#ja-topmega li.nav-feeds { float: right; border: none; }

#ja-topmega li.nav-social .childcontent-inner { background: #fff; }

with

#ja-topmega li.nav-facebook a.nav-facebook,
#ja-topmega li.nav-blog a.nav-blog,
#ja-topmega li.nav-interview a.nav-interview,
#ja-topmega li.nav-social a.nav-social,
#ja-topmega li.nav-feeds a.nav-feeds {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}
#ja-topmega li.nav-facebook,
#ja-topmega li.nav-blog,
#ja-topmega li.nav-interview,
#ja-topmega li.nav-social,
#ja-topmega li.nav-feeds { float: right; border: none; }

#ja-topmega li.nav-social .childcontent-inner { background: #fff; }
/* FACEBBOok Button */
#ja-topmega li.nav-facebook a.nav-facebook {
background: url(../images/social/facebook.png) no-repeat center #138bb3 !important;
}

#ja-topmega li:hover a.nav-facebook,
#ja-topmega li.over a.nav-facebook,
#ja-topmega li.active a.nav-facebook {
background: url(../images/social/facebook.png) no-repeat center #138bb3 !important;
}

– You edit facebook menu item, set Additional class is nav-facebook (in Parameters (JA Extended) section)

[Author]

Posts