Cum pun imagine la bara de navigatie

Rezumarea primului mesaj :

Cum pun imagine la bara de navigatie ...



in loc de aceea imagine albastra asi vrea sa pun una verde de exemplu.

am sters

Cod:

.navlinks{
margin-top: 25px;
margin-left: 25px;}


Si am adaugat codu dat de d-vs.

Cod:

div#page-header div.navbar ul.linklist li a {
margin-top: 10px;
margin-left: 10px;
padding-bottom: 9px;
text-decoration:none;
color: #666666;
}

nam vazut nici o modificare.

forumul al am la profil poate va ajuta la ceva .

Scoate codul dat de Keir mai sus si adauga in locul lui asta:

Cod:

#page-header .navbar{
background:url(http://i44.servimg.com/u/f44/15/54/81/90/barana10.png) repeat-x;
}

Iti recomand sa rehostezi imaginea din cod, ca sa nu ai probleme in timp cu aceasta.

Nici un rezultat am hostat imaginea din nou, si de la alta firma.

CSS:

Cod:

fieldset dd {
   vertical-align: text-top;
   }

ul.navlinks {
   font-weight: normal;
   text-align: left;
   }

ul.linklist li a img {
   display: none;
   }

ul.linklist li a img {
cursor: default;}

li.row:hover dd {
   border-left-color: #CCCCCC;
}

li.row {
   border-top-color:  #FFFFFF;
   border-bottom-color: #00608F
}

.inputbox
{
   border: 1px solid #B4BAC0;
   color: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.inputbox:hover
{
   border: 1px solid #12A3EB;
   color: #333333;
}
.inputbox:focus
{
   border: 1px solid #12A3EB;
   color: #105289;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-shadow: 1px 1px 1px #fff;
font-weight: bold;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
   border: 1px solid #B4BAC0;
   color: #ffa305;
   background-position: 0 100%;
   }


.content h1, .panel h1 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

.content h2, .panel h2 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

h3, .h3 {
   border-bottom: 1px solid #CCCCCC;
        color: #105289;
   }

a.button1, input.button1, a.button2, input.button2, button.button2 {
   border: 1px solid #666666;
   }

select {
   color: #333333;
   border: 1px solid #666666;
        border-left: 3px solid #666666;
  }

a:active {
   color: #368ad2;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
{
   background-color: #FFFFFF;
   border: 1px solid #b7bac0;
   color: #5C758C;
   font-size: 0.9em;
   font-weight: normal;
   line-height: 1.5em;
   margin: 0 2px;
   padding: 0 2px;
}

.pagination span a:hover
{
   background-color: #368AD2;
   border-color: #368AD2;
   color: #FFFFFF;
}

.pagination span a.pag-img {
   border: none;
   background-color: transparent;
}
.pagination span a.pag-img:hover {
   background-color: transparent;
}

.pagination span strong
{
   background-color: #4692bf;
   border: 1px solid #4692bf;
   color: #FFFFFF;
   font-size: 0.9em;
   margin: 0 2px;
   padding: 0 2px;
   font-weight: normal;
}

.footer-home:before{
   content: "            ";
   font-size: 11px;
}

div#page-header div.navbar {
   background-image: url('http://2img.net/i/fa/empty.gif');
   background-repeat: no-repeat;
}

div#page-header div.navbar .corners-top {
display: none;
}

.navbar {
   clear: both;
   background-image: url('http://2img.net/i/fa/prosilver/icon_home.gif');
   background-repeat: no-repeat;
   background-position: 10px 50%;
   vertical-align: text-top;
}

/*------------------Sursa temei BlueSilver---------------*/

body#phpbb div#wrap {
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
padding: 10px;
border: 3px solid #fff;
-webkit-box-shadow: 0px 0px 5px 1px #666666;
-moz-box-shadow: 0px 0px 5px 1px #666666;
box-shadow: 0px 0px 5px 1px #666666;
background: #f4f4f4 url(http://i45.servimg.com/u/f45/16/65/71/25/body-b14.png) repeat;
   }

#search-box{
      background: #fff;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: inset 0px 1px 1px #727272;
      -moz-box-shadow: inset 0px 1px 1px #727272;
      box-shadow: inset 0px 1px 1px #727272;
background-position: right center;
float:right;
margin-top: -17px;
height: 26px;
width: 245px;
display: inline;
}

#search-box #keywords {
width: 210px;
background: transparent;
font-size: 14px;
font-weight: normal;
font-style: italic;
font-family: Georgia, serif;
color: #686767;
text-shadow: 1px 1px 1px #fff;
}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: -12px;
margin-top: 3px;}

#search-box input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i67.servimg.com/u/f67/16/17/34/47/search13.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 13px !important;
height: 13px !important;
border: 0;
margin-left: 6px;
margin-top: 5px;
background-position: 0 100%;
color: transparent;}

#search-box input.button2:hover {
font-size: 0px;
}


.navbar {
margin-top: -4px;
}

div#page-header div.navbar ul.linklist {
   height: 22px;
}

ul.navlinks {
   border-bottom: 0;
   font-weight: bold;
   text-align: left;

   }

div#page-header div.navbar ul.linklist li a {
position:relative;
padding-bottom:9px;
text-decoration:none;
color: #666666;
}


div#page-header div.navbar ul.linklist li a:hover {
border-bottom:0px solid #fff;
}

div#page-header div.navbar ul.linklist li a:hover:after {
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-8px; /* value should match border-width below */
bottom: 0;
border-width:7px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent #fff transparent; /* create up arrow */
}

div#page-header div.navbar ul.linklist li {
   list-style-type: none;
   font-size: 1.3em;
        font-weight: bold;
   line-height: 2.7em;
        font-family: Trebuchet MS;
        text-shadow: 1px 1px 1px #fff;   
        display:inline;
        margin-right:6px;
}

#wrap div.headerbar .corners-bottom {
    display: none;
    }
#wrap div.headerbar .corners-top {
    display: none;
    }

.headerbar {
background: transparent url(http://uploadimage.ro/images/17225497393759046897.png) repeat;
-webkit-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
   margin-bottom: 4px;
   padding: 0pt 5px;
   background-repeat: repeat-x;
        height: 130px;
border-bottom: 1px solid #fff;
   }


#site-title h1 {
display: none;
   }
#logo-desc p {
display: none;
}


#logo {
   padding: 5px;
        margin-top: 10px;
   }


.module {
   background-color: #dde5eb;
        padding-left: 5px;
   }

.module .h3 {
        font-size: 13px;
   color: #666666;
        text-shadow: 1px 1px 1px #fff;
        font-style: italic;
   border-bottom: 1px solid #fff;
   }

#tabs a:hover {
-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;
}

#tabs .activetab a {
-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;
}

#tabs a span {
font-size: 12px;
text-shadow: 1px 1px 1px #fff;
font-style: italic;
}

#profile-tab-field-profil dl dt{
font-size: 12px;
}

#page-header .navbar{
background:url(http://postimage.org/image/xh91ievml/) repeat-x;
}



Asta nu are cum sa nu mearga, inlocuieste ultimul cod dat de mine cu acesta:

Cod:

#page-header .navbar{
background-image:url(http://s14.postimage.org/ckctdqxlr/barana10.png) repeat-x !important;
}

Buna ziua.

Cosmin., ba din contra, cel de mai sus va functiona, iar ultimul dat de tine nu. Iar asta doar din cauza link-ului imaginii.

Incercati acest cod, care il veti adauga la sfarsitul foii de stil:

Cod:

#page-header .navbar{
background-image: url(http://i44.servimg.com/u/f44/15/54/81/90/barana10.png) !important;
background-repeat: repeat-x !important;
}

Cosmin., ba din contra, cel de mai sus va functiona, iar ultimul dat de tine nu. Iar asta doar din cauza link-ului imaginii.

Intr-adevar, nu am vazut ca link-ul imaginii nu era direct care aceasta, i-am luat pur si simplu din CSS codul respectiv si l-am "fortat", isna acuma l-am corectat.

Dw1k1nG -, rezolvat?

L-ati editat adaugand si un !important, trebuie sa recunoasteti.

Insa, de ce am accentuat sa se adauga la sfarsitul foii de stil. Pentru ca dupa adaugat la inceput, in foaia de stil se poate sa se mai afle acest cod inca odata, dar cu o alta imagine de fundal.

Rezolvat,

Multumesc,pentru ajutor