Meniul si casuta de cautare mai personalizate

Rezumarea primului mesaj :

Salutare,
M-am gandit ca ar sta mai frumos forumului de suport daca ar fi facute niste mici modificari.

Am creat si un screean shot pentru asta:


Iar codul ca va putea produce aceasta modificare este urmatorul :

Cod:

ul.navlinks {
border-bottom: 0px solid white;
}

#keywords {
padding: 5px;
border-radius : 6px;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
border: 1px solid #c2c2c2;
}

#search-box {
padding: 5px;
border-radius : 0px;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
border: 0px solid ;
}

#search-box {
background: url('http://i42.servimg.com/u/f42/15/42/26/78/body-b18.png');
margin-right: -18px;
top: -13px;
right: -5px;
padding: 10px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
border-top: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-right: 0px solid #;
}

#search-box #keywords:hover {border: 1px solid #a6a6a6;}

a.button1, a.button2, button.button2, input.button1, input.button2 {
margin-left: 5px;padding: 5px;
border-radius : 6px;
font-weight: bold;
color: #000;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
border: 1px solid #c2c2c2;
}

a.button1, a.button2, button.button2, input.button1, input.button2:hover {
margin-left: 5px;padding: 5px;
border-radius : 6px;
font-weight: bold;
color: #232323;
border: 1px solid #a6a6a6;
background: url('http://i42.servimg.com/u/f42/15/42/26/78/meniu110.png');
}

#page-header .navbar {
background: transparent;
{

Ce ziceti, ati vrea sa fie adusa aceasta modificare ?

PRO. Ar arata mai frumos asa.