Acasa
Cum pun imagine la bara de navigatie
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Alte probleme :: Arhiva probleme diverse
Pagina 1 din 2 • Distribuiţi
Pagina 1 din 2 • 1, 2 
Cum pun imagine la bara de navigatie
Scris de Dw1k1nG - Mier Apr 11, 2012 9:53 pm
Cum pun imagine la bara de navigatie ...
in loc de aceea imagine albastra asi vrea sa pun una verde de exemplu.
in loc de aceea imagine albastra asi vrea sa pun una verde de exemplu.
Ultima editare efectuata de catre Dw1k1nG - in Joi Apr 12, 2012 4:55 pm, editata de 1 ori
Dw1k1nG -- Membru Forumgratuit
- Mesaje : 27
Varsta : 30
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Vizitato Mier Apr 11, 2012 9:55 pm
Ai putea te rog sa-ti adaugi forumul in profil?
Vizitato- Vizitator
Re: Cum pun imagine la bara de navigatie
Scris de Keir Mier Apr 11, 2012 9:56 pm
Forumul cred că foloseşte versiunea phpBB3, deci adăugaţi în CSS:
- Cod:
#page-header .navbar{
background: #culoare;}
Keir- Membru onorific
- Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
-
Vizitato- Vizitator
Re: Cum pun imagine la bara de navigatie
Scris de Stefanss Joi Apr 12, 2012 6:27 am
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. 
Stefanss- Membru Forumgratuit
- Mesaje : 98
Data înscrierii : 09/03/2012
Mulțumiri : 1
Re: Cum pun imagine la bara de navigatie
Scris de Magic Viv Joi Apr 12, 2012 9:44 am
Da-mi tot css-ul tau aici, e phpbb3 tema nu?
Magic Viv- Membru activ
- Mesaje : 632
Varsta : 30
Localizare : Nu ofer suport prin Mesaj Privat sau pe messenger.
Data înscrierii : 31/03/2011
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Dw1k1nG - Joi Apr 12, 2012 10:40 am
Forumul a fost sabotat de catre ( Pagnel , Mr,Pagnel ) acu lucrez la refacerea lui, voi raspunde pe seara daca este rezolvat.
Dw1k1nG -- Membru Forumgratuit
- Mesaje : 27
Varsta : 30
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Whisper Joi Apr 12, 2012 11:09 am
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);}
Whisper- Membru Forumgratuit
- Mesaje : 290
Data înscrierii : 04/05/2011
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Dw1k1nG - Joi Apr 12, 2012 12:10 pm
A-mi apare la cautare, asi vrea sa apara mai sus la meniu de navigatie ( Acasa, Calendar, FAQ etc)
Poza:
Poza:
Dw1k1nG -- Membru Forumgratuit
- Mesaje : 27
Varsta : 30
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Keir Joi Apr 12, 2012 12:14 pm
Adăugaţi în Foaia de stil CSS:
- Cod:
.navlinks{
margin-top: 10px;
margin-left: 10px;}
Keir- Membru onorific
- Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
-
Re: Cum pun imagine la bara de navigatie
Scris de Dw1k1nG - Joi Apr 12, 2012 12:41 pm
am ajuns la marimea 25px la fiecare si nu sa intamplat nimic.
uitati CSS
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://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://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;}
Dw1k1nG -- Membru Forumgratuit
- Mesaje : 27
Varsta : 30
Localizare : Pe forum :)
Data înscrierii : 18/03/2012
Mulțumiri : 0
-
Re: Cum pun imagine la bara de navigatie
Scris de Keir Joi Apr 12, 2012 1:33 pm
Î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;
}
Keir- Membru onorific
- Mesaje : 6632
Varsta : 26
Localizare : Buzau
Data înscrierii : 28/12/2011
Mulțumiri : 68
-
Pagina 1 din 2 • 1, 2
Subiecte similare» Cum pun imagine la bara de categorii?
» Meniu de navigatie pe bara
» Bara de navigatie deformata
» cum pot face ca in imagine(bara categoriilor)?
» O imagine in bara de la categorii
» Meniu de navigatie pe bara
» Bara de navigatie deformata
» cum pot face ca in imagine(bara categoriilor)?
» O imagine in bara de la categorii
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Alte probleme :: Arhiva probleme diverse
Pagina 1 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum