The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

YouTube/Twitter Sidebar on Forum? (phpBB2)

5 posters

Go down

In progress YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 20th 2012, 6:23 pm

YouTube/Twitter Sidebar on Forum? (phpBB2) 60861535

How would I go about doing the above on my phpBB2 forum? Is it possible? I pretty much want it the same as above, but without the Facebook link. Any tips/help on this would be great, I've been meaning to ask about this for a while now.

Smile
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Mati January 20th 2012, 7:37 pm

1) Put this to Display -> Homepage -> Generalities -> Message content and save.

Code:
<ul class="sidebar">
  <li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li>
  <li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li>
  <li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li>
  <li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li>
  <li><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png"></a></li>
</ul>

Now we need to add the css by doing that you need to go in your css and add the css in and save.

Code:
    ul.sidebar{
        list-style: none;
        margin:0px;
        padding:0px;
        position:fixed;
        left:0px;
        top:250px;
    }
    ul.sidebar li{
        padding-bottom:4px;
        padding-left:15px;
    }
    ul.sidebar li img{
        opacity:0.5;
    }
    ul.sidebar li img:hover{
        opacity:1.9;
  }
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 20th 2012, 8:34 pm

Very nice, man. Thanks. is there a way to remove/hide the border that has been made under my navbar from the message content?
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Nera. January 20th 2012, 8:54 pm

Hardcore Gamer wrote:Very nice, man. Thanks. is there a way to remove/hide the border that has been made under my navbar from the message content?

Hi,

Post a link to your forum please.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 21st 2012, 4:30 am

avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by wolfsschanze January 21st 2012, 5:27 pm

where i can add the css content?
avatar
wolfsschanze
New Member

Posts : 8
Reputation : 2
Language : Ro

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 22nd 2012, 1:28 am

Any update on this? Smile

Edit: And also, is there anyway I can put a round tab-like picture behind the two buttons, so it looks like it's connected to the forum page like the picture I posted?
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 23rd 2012, 1:01 am

Bump...
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by uJhisper January 23rd 2012, 1:08 am

:wouhou: Put this under "<ul class="sidebar">".
Code:
<div id="slide">
now after all your links put
Code:
</div>
 <input type="button" value="Collapse" id="hide" onclick="jQuery('#slide').slideUp(); jQuery('#hide').hide(); jQuery('#show').show();" /><input type="button" value="Expand"
onclick="jQuery('#slide').slideDown(); jQuery('#show').hide(); jQuery('#hide').show();" id="show" style="display: none;" />
*WARNING* make sure that code is stil befor [/ul]
then your finished Wink
avatar
uJhisper
Forumember

Posts : 135
Reputation : 2
Language : english

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 23rd 2012, 1:26 am

That all works, but the "Collapse" button goes in the homepage message and doesn't look too great. Thanks for the code though very much as I might just use it. blackeye

Right now I'm just wanting to remove the homepage message border that is there under the navbar.
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by uJhisper January 23rd 2012, 1:36 am

Hardcore Gamer wrote:That all works, but the "Collapse" button goes in the homepage message and doesn't look too great. Thanks for the code though very much as I might just use it. blackeye

Right now I'm just wanting to remove the homepage message border that is there under the navbar.
imput that code on this web site http://www.crackdownforums.com/forum
so i can see what you mean please
avatar
uJhisper
Forumember

Posts : 135
Reputation : 2
Language : english

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 23rd 2012, 1:40 am

Done. Check it now...

I like it, but is it possible to move the button somewhere on the side (like something in the picture I posted)... and possibly replace the button with one of my own buttons I made in Photoshop?
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by uJhisper January 23rd 2012, 1:44 am

Hardcore Gamer wrote:Done. Check it now...

I like it, but is it possible to move the button somewhere on the side (like something in the picture I posted)... and possibly replace the button with one of my own buttons I made in Photoshop?
put the last code in Before </ul> MAKE SURE
also im am not sure if you can input images
avatar
uJhisper
Forumember

Posts : 135
Reputation : 2
Language : english

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by Hardcore Gamer January 23rd 2012, 1:57 am

Yeah, it works. Thanks for that.

Do you by any chance know how to remove the border from the hompage message under the navbar?
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

In progress Re: YouTube/Twitter Sidebar on Forum? (phpBB2)

Post by uJhisper January 23rd 2012, 2:29 am

Hardcore Gamer wrote:Yeah, it works. Thanks for that.

Do you by any chance know how to remove the border from the hompage message under the navbar?
your best bet is making a new topic with that problem for now is this problem solved?
avatar
uJhisper
Forumember

Posts : 135
Reputation : 2
Language : english

Back to top Go down

Back to top

- Similar topics

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