Meniu albastru pentru Phpbb3

Buna seara!
Stie cineva cum pot face acest meniu?

Incearca sa bagi asta in CSS:

Cod:

.headerbar {
            background: url(http://i42.servimg.com/u/f42/15/42/26/78/header23.png);
            position: absolute;
            box-shadow: 0px 2px 8px #d7d7d7;
            width: 96.5%;
            left: 15px;
            top: 25px;
            height: 165px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            }
            ul.navlinks {border-bottom: 0px solid white;}

            #page-header .navbar img{display: none;}

            #page-header .navbar a{color: white;padding: 5px;position: relative; left: 20px;text-shadow: 1px 1px 1px #000000;}

            #logo {position: relative;top: 5px;left: 23px;opacity:0.9;filter:alpha(opacity=90);}

            #logo:hover {opacity:1.0;filter:alpha(opacity=100);}

Saluare.

Codul nu este in exactititate acela, dar sigur e ceva destul de asemanator:

Cod:

#page-header .navbar{
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-image: url(http://i.imgur.com/a1lns.png);
}

#page-header .navbar a.mainmenu{
color: #FCFCFC;
}

Codul se adauga in Foaie de stil CSS...

Altu nu stiti? sa fie lipit de headeru meu,si sa fie la colturi rotund? (ma refer la meniu) .. culoarea o schimb eu..

Pai noi ti-am oferit 2 coduri mai sus. Ce vrei altceva ? Adica ce meniu vrei ?

Ataseazale sa vezi cum apare,eu vreau unu mai elegant putin dar in acelasi timp si simplu,ca in imagine.

Cod:

.headerbar {
     background-image: url('http://content.wallpapers-room.com/presentationBig/Splashero_2_Blue_by_kano89.jpg');

   margin-bottom: 0px;
   padding: 0pt 5px;
  -moz-border-radius-topleft: 4px!important;
-moz-border-radius-topright: 4px!important;
-moz-border-radius-bottomright: 0px!important;
-moz-border-radius-bottomleft: 0px!important;
-webkit-border-radius: 4px 4px 0px 0px!important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
   }
* html .headerbar {
   height: 1%;
   
/* Hack IE layout */
}
*+ html .headerbar {
   min-height: 1px;
   }
#logo-desc {
   margin: 0px;
   padding: 0px;
   text-align: left;
   }
#logo {
   float: left;
   padding: 5px;
   }
a#logo:hover {
   text-decoration: none;
   }
#site-title,#site-title h1 {
   font-family: ;
   color: #FFFFFF;
   font-size: 20px;
   font-weight: bold;
   padding-top: 15px;
   }
#site-title h1 {
   padding-top: 0;
   }
#logo-desc p {
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   }

Acesta e headerul meu.

Pai ati incercat sa puneti codurile noastre de mai sus stergandu-l pe acesta care il aveti actual ?

Emanuel,ma crezi chiar atat de incapabil? Nu vreau sa mai lungesc acest topic,vreau un raspuns de la cel care stie.
Nu ma pricep la Html si Css,dar in domeniu si in scriere,pot spune ca sunt mediu.

Buna seara,

Subiectul topicului nu este atat de greu pentru a genera atatea discutii. Simplus: adaugati in CSS:

Cod:

#page-header .navbar{
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
margin-top: -5px;}

.headerbar{
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;}

Valoarea "margin-top" de la .navbar o modificati dvs. pentru a se pozitiona. De la aceste coduri simple puteti seta background-ul, border-ul, pe care cred ca stiti sa le setati.

Multumesc.
Rezolvat!