Customizing SMF > Graphics and Templates

How to center menu in Inferno theme?

(1/1)

phantomm:
Hi, how can i center menu in Inferno theme? I tried make something with this code: http://www.dzinerstudio.com/index.php?topic=5240.0 but doesn't seem to working without moving menu to top :|

K@:
As that's one of their themes, why not ask them?

phantomm:
I asked, but no answer... anyway, I figured it out few minutes ago

// if anyone wants to center menu in Infero:
in index.css:

--- Code: (Find) ---#toolbar {
background: url(../images/custom/toolbar.png) repeat-x;
height: 46px;
}
#topnav {
position: relative;
height: 46px;
z-index: 1000;
padding: 0;
margin: 0;
}
#topnav ul {
margin: 0;
padding: 0;
}
#topnav li {
float: left;
margin: 0;
padding: 0 0 0 2px;
position: relative;
list-style: none;
}
--- End code ---

--- Code: (replace with) ---#toolbar {
background: url(../images/custom/toolbar.png) repeat-x;
height: 46px;
float: left;
width: 100%;
top: 0;
z-index: 10;
}
#topnav {
position: relative;
height: 46px;
float: left;
width: 100%;
top: 0;
padding: 0;
margin: 0;
}
#topnav ul {
margin: 0;
padding: 0;
position: relative;
float: right;
right: 50%;
text-align: center;
}
#topnav li {
float: left;
margin: 0;
padding: 0 0 0 2px;
position: relative;
left: 50%;
text-align: left;
list-style: none;
}
--- End code ---

--- Code: (find) ---#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 12px;
color: #777;
}
--- End code ---

--- Code: (replace with) ---#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 12px;
color: #777;
position: inherit;
right: 50%;
}
--- End code ---

K@:
Yay!

Navigation

[0] Message Index