MyBB Community Forums

MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Align links in one line in the right_float area of the header logo?
Full Version: Align links in one line in the right_float area of the header logo?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Anku31

2013-02-10, 01:31 PM
I have just a few days ago started a new forum using mybb (and my experience till now has been amazing!!).

I wanted to utilize the empty space on the right to the header logo by displaying icon links to my website's facebook and twitter pages.

I edited the header template and added the icon links using right_float div.
I placed the links side by side,somewhat this way (copied from original code) :-

<div id="header">
<div class="float_right"><li><a href="http://facebook.com"><img src="/images/facebook.png" alt="" title="" /></a></li><li><a href="http://twitter.com"><img src="/images/twitter.png" alt="" title="" /></a></li></div>
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="" title="" /></a></div>

But the icons (links) are being displayed one below the other.
Also,a black dot is appearing along the icons.

Here is the link to my site:-
http://mdurdb.com

Please guide me to solve this problem.

kaRanLık-61

2013-02-10, 02:39 PM
li add css.
list-style-type:none;
do.

Anku31

2013-02-10, 02:46 PM
(2013-02-10, 02:39 PM)kaRanLık-61 Wrote: [ -> ]li add css.
list-style-type:none;
do.

could you please elaborate your reply a bit.
Thanks.

kaRanLık-61

2013-02-10, 03:05 PM
<div id="header"> 
<div class="float_right"> <ul><li> <a href="http://facebook.com"> <img src = "/ images / facebook.png" alt = "" title = "" /> </ a> </ li> <li> <a href="http://twitter.com"> <img src = "/ images / twitter.png" alt = "" title = "" /> </ a> </ li> </ul></ div>
            <div class="logo"> <a href="{$mybb-> ayarları ['bburl']} / index.php "> <img src =" {$ teması ['logo']} "alt =" "title =" "/> </ a> </ div>

make it and save

--------

.float_right ul {margin:0px auto;}
.float_right ul li{list-style:none;float:left;}

add to global css.

Anku31

2013-02-10, 06:00 PM
.float_right ul {margin:0px auto;}
.float_right ul li{list-style:none;float:left;}

where to put this code??
Sorry I am just a beginner.

Jovan J.

2013-02-10, 06:07 PM
In global.css
You will find it in Themes > Your theme and then global.css Smile

Anku31

2013-02-10, 06:23 PM
Done!! but no effect...Sad

Spangle

2013-02-10, 07:41 PM
(2013-02-10, 06:23 PM)Anku31 Wrote: [ -> ]Done!! but no effect...Sad

Make sure you save and clear your cache cntrl + F5

Anku31

2013-02-11, 04:16 PM
I am posting a screenshot of the global.css
There 6-7 float_right ul li stylesheets,which one to edit??

and what will be te final code,because i think i have messed up the default code too.

[/align]

kaRanLık-61

2013-02-12, 01:28 PM
<div id="header"> 
<div class="float_left"> <ul><li> <a href="http://facebook.com"> <img src = "/ images / facebook.png" alt = "" title = "" /> </ a> </ li> <li> <a href="http://twitter.com"> <img src = "/ images / twitter.png" alt = "" title = "" /> </ a> </ li> </ul></ div>
            <div class="logo"> <a href="{$mybb-> ayarları ['bburl']} / index.php "> <img src =" {$ teması ['logo']} "alt =" "title =" "/> </ a> </ div>
MyBB Community Forums > Community Archive > Archived Forums > Archived Development and Support > MyBB 1.6 > 1.6 General Support > Align links in one line in the right_float area of the header logo?