News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

please how can i make the top section to be wider that the other section?

Started by mulwa, April 18, 2014, 11:56:00 AM

Previous topic - Next topic

mulwa

please masters, how can i make the top section (including nav menu) to be at 100% wide and the board to be 90% wide? And how can i separate the nav menu with vertical bar ("|")?
Thank you for your help and time

Sir Osis of Liver

Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

mulwa


Sir Osis of Liver

Ok, mope, here's what to do:

To set header, main menu, and footer width to 100%, go to Admin -> Current Theme -> Forum Width.

To reduce board index width to 90% (or whatever you like) and center it, in /css/index.css do this -



#main_content_section
{
width: 90%;
margin: auto;
min-height: 200px;
}



To add a vertical line between buttons, in /css/index.css do this -



.dropmenu a
{
display: block;
padding: 9px 12px 9px 12px;
color: #000;
text-decoration: none;
border-right: 1px black solid;
}
.dropmenu a span
{
display: block;
padding: 0 0 0 5px;
font-size: 0.9em;
}
/* the background's first level only */
.dropmenu li a.firstlevel
{
margin-right: 0px;
}



Too tired to figure out how to either add a vertical border before the first button, or remove the border after the last button, but maybe someone in an earlier timezone can jump in and do it.

Back up the file before you tinker with it.

 
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Advertisement: