Kako centrirati navigaciju?(Dva načina)

[CyBeR]

U ovom tutorijalu ću da vam pokažem kako da centrirate navigaciju


AdminPanel-->Display-->Headers i Navigacija-->Pozicija menia: stavite željenu stranu

A možete i preko css-a ..

AdminPanel-->Display-->Boje-->CSS Styleshet i nađite ovaj deo.

Kod:

/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
        height: 52px;
        width: 920px;
        float: center;
   margin: 0 auto;
   padding: 0;
        border-width: 0px;
   background-color: #f9f9f9;
   border-color: #dddddd;
        margin-left: 20px;
   }
#pun-navlinks ul {
   padding: 0px;
   list-style: none;
   line-height: normal;
   }
#pun-navlinks li {
   float:center;
display: inline;
   }
#pun-navlinks li a {margin: 0 0em 0 0;
    }
#pun-navlinks a, #pun-navlinks a:visited {
   
/*color: #fff;
   */
text-decoration: none;
   }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
   text-decoration: none;/*color: #fff;*/
}
#pun-visit,.main-box {
   border-color: #dddddd;
   border-style: solid;
   border-width: 1px;
   padding: 0.6em 1em;
   background-color: #f4f4f4;
   margin: 0 0 1em 0;
   }
#pun-visit ul,.main-box ul {
   float: right;
   width: 70%;
   text-align: right;
   list-style-type: none;
   }
.main-box ul {
   float: left;
   width: auto;
   }
#pun-visit li,.main-box li {
   margin-left: 0.7em;
   white-space: nowrap;
   float: right;
   }
.pun-crumbs {
   padding: 0.2em 1em;
   margin: 0 1px 1em 1px;
   }
.pun-crumbs p {
   margin: 0;
   line-height: 1.5;
   font-size: 1.11em;
   color: #666;
   }
.pun-crumbs a {
    text-decoration: none;
    }

Zatim kod dela:

Kod:

#pun-navlinks li {
   float:left;

Stavite sa koje strane želite da vam bude navigacija(u mom slučaju je to left ali vi možete ukucati i right i center)

Tutorijal napisao CyBeR

[Loud]

samo ako je punbb skin obicno se mora preko css-a

btw odlican tut

[CyBeR]

Znam

Hvala

[*PaRtY iN tHe USA*]

uu ovo je odlično :d
ovo mi je trebalo
hvala

[*~Jovana~*]

Odlican tut ali je mnogo lakse na prvi nacin

[Sponsored content]