Cum pun imagine la bara de navigatie

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum pun imagine la bara de navigatie

Mesaj Scris de Dw1k1nG - la data de Mier 11 Apr - 21:53

Cum pun imagine la bara de navigatie ...



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


Ultima editare efectuata de catre Dw1k1nG - in Joi 12 Apr - 16:55, editata de 1 ori
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Vizitato la data de Mier 11 Apr - 21:55

Ai putea te rog sa-ti adaugi forumul in profil?
avatar
Vizitato
Vizitator


Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Keir la data de Mier 11 Apr - 21:56

Forumul cred că folosește versiunea phpBB3, deci adăugați în CSS:


Cod:
#page-header .navbar{
background: #culoare;}
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Vizitato la data de Mier 11 Apr - 22:18

Rezolvat?
avatar
Vizitato
Vizitator


Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Stefanss la data de Joi 12 Apr - 6:27

Un lucru l-as ruga pe autor, avand in vedere ca asistentii nu au observat asta - sa isi stearga logo-ul sau sa il schimbe intr-unul decent. A face cu ochiul
avatar
Stefanss
Membru Forumgratuit

masculin

Mesaje : 98
Data înscrierii : 09/03/2012
Multumiri : 1
Membru exclus

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Magic Viv la data de Joi 12 Apr - 9:44

Da-mi tot css-ul tau aici, e phpbb3 tema nu?
avatar
Magic Viv
Membru activ

masculin

Mesaje : 633
Varsta : 22
Localizare : Nu ofer suport prin Mesaj Privat sau pe messenger.
Data înscrierii : 31/03/2011
Multumiri : 0
Membru exclus

http://code.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Dw1k1nG - la data de Joi 12 Apr - 10:40

Forumul a fost sabotat de catre ( Pagnel , Mr,Pagnel ) acu lucrez la refacerea lui, voi raspunde pe seara daca este rezolvat.
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Whisper la data de Joi 12 Apr - 11:09

Salut,intrati in CSS si adaugati urmatorul cod in loc de Imagine adaugati linkul imagini si daca doriti culoare ,este codul oferit de Keir.
Cod:
#page-header .navbar{
background:url(imagine);}
avatar
Whisper
Membru Forumgratuit

Mesaje : 291
Data înscrierii : 04/05/2011
Multumiri : 0
Membru exclus

http://qualityskins.forum.st

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Dw1k1nG - la data de Joi 12 Apr - 12:10

A-mi apare la cautare, asi vrea sa apara mai sus la meniu de navigatie ( Acasa, Calendar, FAQ etc)

Poza:
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Keir la data de Joi 12 Apr - 12:14

Adăugați în Foaia de stil CSS:

Cod:
.navlinks{
margin-top: 10px;
margin-left: 10px;}
Modificați valorile până se poziționează! A face cu ochiul
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Dw1k1nG - la data de Joi 12 Apr - 12:41

am ajuns la marimea 25px la fiecare si nu sa intamplat nimic.

uitati 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://illiweb.com/fa/empty.gif');
   background-repeat: no-repeat;
}

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

.navbar {
   clear: both;
   background-image: url('http://illiweb.com/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://i46.servimg.com/u/f46/16/86/37/62/untitl10.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://uploadimage.ro/images/81684790018840445361.png);}

.navlinks{
margin-top: 25px;
margin-left: 25px;}
avatar
Dw1k1nG -
Membru Forumgratuit

masculin

Mesaje : 27
Varsta : 23
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Multumiri : 0
Niciun avertisment

http://itutorials.wow3.info/

Sus In jos

Rezolvat Re: Cum pun imagine la bara de navigatie

Mesaj Scris de Keir la data de Joi 12 Apr - 13:33

Înlocuiți acest cod din CSS:

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

masculin

Mesaje : 6769
Varsta : 19
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum