i would like to add facebook.twitter and youtube buttons on my forum header.
thanks in advance
rich
thanks in advance
rich
$(function(){
$(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.LINK.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.LINK.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.LINK.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.LINK.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
});
Mr. Ganesha wrote:Do want something like this?
Put in, AP>Modules>JavaScript Codes Management>create new script
Title : you free to make the title
Placement : In all the pages
and paste this script.
I just give you four icons, and you can replace the link of image with anything you want.
- Code:
$(function(){
$(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.LINK.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.LINK.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.LINK.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.LINK.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
});
It will appear in the top right on your header
tried it. but changed links and it doesn't work
[b]Twitter :[/b]
[b]Facebook:[/b]
[b]RSS :[/b]
[b]Google:[/b]
[b]Youtube:[/b]
$(function(){
$(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
});
Mr. Ganesha wrote:@Richsplace
What you have to do is, replace "http://www.YOURLINKURL.com" with your social media link url.
Sorry, I'll repost the code
- Code:
$(function(){
$(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="RSS"><img src="http://farm8.staticflickr.com/7306/10270909023_982536a349_o.png"></a></ul>')
});
It worked on my phpBB3 Forum, and this is the social media buttons looks like.
ok we are getting there. but instead of rss i need youtube
richsplace wrote:i would like to add facebook.twitter and youtube buttons on my forum header.
thanks in advance
rich
$(function(){
$(".headerbar").prepend('<ul id="listhead" style="float: right;font-size:12px;font-family: Comic Sans MS;padding-top: 7px;"><a href="http://www.YOURLINKURL.com" title="Follow us on Twitter"><img src="http://farm9.staticflickr.com/8537/10265943214_aba5cabece_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Like us on Facebook"><img src="http://farm9.staticflickr.com/8270/10266058705_019f2a81dd_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Follow us"><img src="http://farm3.staticflickr.com/2883/10270803026_119a5495a8_o.png"></a> <a href="http://www.YOURLINKURL.com" title="Youtube"><img src="https://cdn0.iconfinder.com/data/icons/social-icons-by-deab/32/youtube.png" style="max-width: 30px; max-height: 30px;" alt="youtube"></a></ul>')
});