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
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
Re: Cum pun imagine la bara de navigatie
Ai putea te rog sa-ti adaugi forumul in profil?
Vizitato- Vizitator
Re: Cum pun imagine la bara de navigatie
Forumul cred că foloseşte versiunea phpBB3, deci adăugaţi în CSS:
- Cod:
#page-header .navbar{
background: #culoare;}
Vizitato- Vizitator
Re: Cum pun imagine la bara de navigatie
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
Forumul a fost sabotat de catre ( Pagnel , Mr,Pagnel ) acu lucrez la refacerea lui, voi raspunde pe seara daca este rezolvat.
Re: Cum pun imagine la bara de navigatie
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);}
Re: Cum pun imagine la bara de navigatie
A-mi apare la cautare, asi vrea sa apara mai sus la meniu de navigatie ( Acasa, Calendar, FAQ etc)
Poza:
Poza:
Re: Cum pun imagine la bara de navigatie
Adăugaţi în Foaia de stil CSS:
- Cod:
.navlinks{
margin-top: 10px;
margin-left: 10px;}
Re: Cum pun imagine la bara de navigatie
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;}
Re: Cum pun imagine la bara de navigatie
Î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;
}
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