The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Add Facebook and Youtube on the side of your forum!

View previous topic View next topic Go down

Solved Add Facebook and Youtube on the side of your forum!

Post by !_NICK_! on April 15th 2012, 5:34 am

How do I add a Facebook button on the right side of the forum like this website is?

http://www.mobitehk.com/


Last edited by !_NICK_! on April 15th 2012, 6:52 pm; edited 1 time in total

!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by Guest on April 15th 2012, 6:26 am

Hi!

Add to Announcements:
Code:
<div class="lista">
<a href="LINK_FACEBOOK"><img src="IMG_FACEBOOK" /></a>
<a href="LINK_TWITTER"><img src="IMG_TWITTER" /></a>
<a href="LINK_YOUTUBE"><img src="IMG_YOUTUBE" /></a>
<a href="/rss"><img src="IMG_RSS" /></a>
</div>
Edit the codes how do you want.

Add to CSS Stylesheet:
Code:
.lista{
position: absolute !important;
top: 20px;
right: 60px;
}

.lista a{
border: 0px;
margin-left: 1px;
margin-right: 1px;
}

Guest
Guest


Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by !_NICK_! on April 15th 2012, 7:43 am

What about the hover effect? Like make it flip?

!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by Guest on April 15th 2012, 9:08 am

Replace the CSS codes above by:
Code:
.lista{
position: absolute !important;
top: 20px;
right: 60px;
}

.lista a{
border: 0px;
margin-left: 1px;
margin-right: 1px;
}

.lista a:hover{
padding-bottom: 3px;
}

Guest
Guest


Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by runawayhorses on April 15th 2012, 11:20 am

How do you do that for phpbb3?

I tried the coding above and nothing showed up.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by Guest on April 15th 2012, 11:22 am

Have you added this:
Code:
<div class="lista">
<a href="LINK_FACEBOOK"><img src="IMG_FACEBOOK" /></a>
<a href="LINK_TWITTER"><img src="IMG_TWITTER" /></a>
<a href="LINK_YOUTUBE"><img src="IMG_YOUTUBE" /></a>
<a href="/rss"><img src="IMG_RSS" /></a>
</div>
in Announcements from Administration Panel => General => Messages and e-mails => Announcements, and have you activated the announcements from there? Smile

Guest
Guest


Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by runawayhorses on April 15th 2012, 11:29 am

Yes I did all of that.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by !_NICK_! on April 15th 2012, 6:51 pm

Solved! Thanks Coddy!

!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by Guest on April 15th 2012, 6:56 pm

You're welcome! Very Happy

Guest
Guest


Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by runawayhorses on April 15th 2012, 7:10 pm

Well it didn't work for phpbb 3. I got the buttons to show where the announcements go but they were nowhere close to the top right side, they were dead center where announcements would go. So that tells me the CSS code was not working but the HTML for the buttons in the Announcements section were.

Whatever, it was his question not mine and they say it is solved for them.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Add Facebook and Youtube on the side of your forum!

Post by Base on April 15th 2012, 9:34 pm

Topic Solved & Locked

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum