Pedido - Colocar cor atrás dos botões
Página 1 de 1
Pedido - Colocar cor atrás dos botões
Olá,
Segui todos os passos desta dúvida e resultaram todos:
http://jscript.forumeiros.com/t271p15-pedido-colocar-pequenas-funcoes-se-possivel
Se estiver logado os botões ficam como queria com a cor laranja atrás:
Mas se sair da conta os botões de "Login" e "Registar-se" não ficam com tal efeito:
Eu na .CSS tenho estes códigos adicionados:
Segui todos os passos desta dúvida e resultaram todos:
http://jscript.forumeiros.com/t271p15-pedido-colocar-pequenas-funcoes-se-possivel
Se estiver logado os botões ficam como queria com a cor laranja atrás:
Mas se sair da conta os botões de "Login" e "Registar-se" não ficam com tal efeito:
Eu na .CSS tenho estes códigos adicionados:
- Código:
#fa_toolbar {
right: -15px;
height: 30px;
background-color: #030000;
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
margin-right: 50px;
z-index: 999;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
background: #E3AB04;
color: #000;
height: 25px !important;
margin-top: 5px;
}
#fa_right #fa_notifications, #fa_welcome {
background: #E3AB04;
color: #000;
height: 25px !important;
margin-top: 5px;
}
#fa_toolbar #fa_icon {
margin-left: 80px;
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
}
.pun {
border-radius: 9px;
}
#fa_textarea, #fa_magnifier {
display: none !important;
}
a#fa_service {
color: black!important;
margin-top: 4px;
}
#fa_left {
position: block;
margin-left: 50px;
color: black;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
position: absolute;
top: 6px !important;
border: none!important;
}
#fa_toolbar_hidden {
display: none !important;
}
#fa_right {
margin-right: 130px;
position: block;
}
#fa_show {
display: none !important;
}
#fa_welcome {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#e2ab05,#e2ab05) !important;
background: -o-linear-gradient(top,#e2ab05,#e2ab05) !important;
background: linear-gradient(top,#e2ab05,#e2ab05) !important;
background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#e2ab05 100%) !important;
background: -moz-linear-gradient(top,#e2ab05,#e2ab05) !important;
height: 30px !important;
}
#fa_toolbar {
border-bottom: 6px solid #709f0d !important;
}
#fa_share, #fa_hide, .fa_separator {
display: none !important;
}
#fa_toolbar #fa_menulist {
padding: 0px;
background: #242424;
border: 1px solid #242424;
border-radius: 0 0 3px 3px;
min-width: 340px;
margin-top: 7px;}
#fa_toolbar #fa_menulist li {
display: block;
background-color: transparent;
border: none;
height: 42px;
line-height: 42px;
padding-left: 20px;
margin-left: 150px;
}
#fa_toolbar #fa_menulist li:hover {
padding-left: 14px;
border-left: 6px solid #3995cd;
color: #fff;
background: #3a3a3a;
}
#fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
color: #999!important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
display: block!important;}
#fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
background: none!important;
color: white!important;
}
#fa_notifications, #fa_welcome, .rightHeaderLink {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#84bc12,#71a00e) !important;
background: -o-linear-gradient(top,#84bc12,#71a00e) !important;
background: linear-gradient(top,#84bc12,#71a00e) !important;
background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%) !important;
background: -moz-linear-gradient(top,#84bc12,#71a00e) !important;
height: 30px !important;
}
#fa_usermenu, .first, td.bold {
color: #999!important;
}
#fa_notifications {
margin-right: 10px !important;
}
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Coloque em seu CSS:
background: #9DE407
para a cor desejada...
- Código:
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
line-height: 30px;
color: #000000;
background: #9DE407;
padding-left: 5px;
padding-right: 5px;
}
background: #9DE407
para a cor desejada...
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Olá,
Agora só falta como fez na outra vez ajustar dentro da barra branca:
http://www.suportedesign.net/forum
Agora só falta como fez na outra vez ajustar dentro da barra branca:
http://www.suportedesign.net/forum
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
coloque isso ao seu CSS:
- Código:
#fa_toolbar #fa_icon {
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
margin-left: 170px;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
border: none!important;
position: absolute;
top: 6px!important;
margin-left: -50px;
}
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
line-height: 30px;
color: #000000;
height: 25px!important;
margin-top: 5px;
}
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Olá,
Ao colocar esse código diz:
"O código CSS inserido é muito volumoso. Por favor, diminua-o."
Ao colocar esse código diz:
"O código CSS inserido é muito volumoso. Por favor, diminua-o."
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
coloque isso abaixo em um Widget..
Nome do widget : Escolha
Utilizar um table type : Não
Título do widget : Não
Fonte do widget * : Coloque o código abaixo:
Nome do widget : Escolha
Utilizar um table type : Não
Título do widget : Não
Fonte do widget * : Coloque o código abaixo:
- Código:
<style type='text/css'>
#fa_toolbar #fa_icon {
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
margin-left: 170px;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
border: none!important;
position: absolute;
top: 6px!important;
margin-left: -50px;
}
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
line-height: 30px;
color: #000000;
height: 25px!important;
margin-top: 5px;
}
</Style>
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Olá,
Não consegue mesmo fazer para o .CSS é que os widgets no meu fórum, só funcionam bem no Portal, e não na parte do fórum.
Não consegue mesmo fazer para o .CSS é que os widgets no meu fórum, só funcionam bem no Portal, e não na parte do fórum.
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Neste caso será por Javascript..
Faça abaixo:
Título - Correspondente ao nome da página JavaScript/jQuery que será criada
Investimento - Desmarque todas opções
Codigo JavaScript - Coloque o CSS adicional aqui.
Painel de Controle -> Geral -> Fórum -> Configurações
Descrição do site
Coloque no inicio.
Faça abaixo:
Título - Correspondente ao nome da página JavaScript/jQuery que será criada
Investimento - Desmarque todas opções
Codigo JavaScript - Coloque o CSS adicional aqui.
- Código:
#fa_toolbar #fa_icon {
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
margin-left: 170px;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
border: none!important;
position: absolute;
top: 6px!important;
margin-left: -50px;
}
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
line-height: 30px;
color: #000000;
height: 25px!important;
margin-top: 5px;
}
Painel de Controle -> Geral -> Fórum -> Configurações
Descrição do site
Coloque no inicio.
LINK = Link da página Javascript que foi salvo anteriormente.<link rel="stylesheet" href="LINK" type="text/css" />
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Não sei outra maneira meu caro, terá que diminuir sua folha de estilo CSS....
Espere alguém mais experiente que eu...
Espere alguém mais experiente que eu...
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Olá,
É pena porque só falta mesmo esse pequeno ajuste ...
É pena porque só falta mesmo esse pequeno ajuste ...
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Nossa cara você abriu outro tópico mesmo sendo o outro código funcional!!!
"O código CSS inserido é muito volumoso. Por favor, diminua-o."
Sabe por que esta frase apareceu? Vá ao seu CSS e veja a quantidade de códigos repetidos e desnecessários há lá. Isso porque nós passamos um código funcional aí você o edita todo e desconfigura, então você vem e fala que não teve resultado e acrescenta outro código, e assim por diante.
"O código CSS inserido é muito volumoso. Por favor, diminua-o."
Sabe por que esta frase apareceu? Vá ao seu CSS e veja a quantidade de códigos repetidos e desnecessários há lá. Isso porque nós passamos um código funcional aí você o edita todo e desconfigura, então você vem e fala que não teve resultado e acrescenta outro código, e assim por diante.
Re: Pedido - Colocar cor atrás dos botões
Olá,
E será que não poderia ao menos dizer ? Quais penso que não custa nada ...
E será que não poderia ao menos dizer ? Quais penso que não custa nada ...
- Código:
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
line-height: 30px;
color: #000000;
background: #E3AB04;
padding-left: 5px;
padding-right: 5px;
}
#fa_toolbar {
right: -15px;
height: 30px;
background-color: #030000;
color: #00a4cd;
font-family: Helvetica, Verdana, Arial;
font-size: 16px;
margin-right: 50px;
z-index: 999;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
background: #E3AB04;
color: #000;
height: 25px !important;
margin-top: 5px;
}
#fa_right #fa_notifications, #fa_welcome {
background: #E3AB04;
color: #000;
height: 25px !important;
margin-top: 5px;
}
#fa_toolbar #fa_icon {
margin-left: 80px;
display: inline-block !important;
visibility: visible !important;
background-repeat: no-repeat;
background-image: url('http://2img.net/i/fa/i/toolbar/pa0.png');
background-size: 30px;
width: 30px;
height: 30px;
}
.pun {
border-radius: 9px;
}
#fa_textarea, #fa_magnifier {
display: none !important;
}
a#fa_service {
color: black!important;
margin-top: 4px;
}
#fa_left {
position: block;
margin-left: 50px;
color: black;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
position: absolute;
top: 6px !important;
border: none!important;
}
#fa_toolbar_hidden {
display: none !important;
}
#fa_right {
margin-right: 130px;
position: block;
}
#fa_show {
display: none !important;
}
#fa_welcome {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#e2ab05,#e2ab05) !important;
background: -o-linear-gradient(top,#e2ab05,#e2ab05) !important;
background: linear-gradient(top,#e2ab05,#e2ab05) !important;
background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#e2ab05 100%) !important;
background: -moz-linear-gradient(top,#e2ab05,#e2ab05) !important;
height: 30px !important;
}
#fa_toolbar {
border-bottom: 6px solid #709f0d !important;
}
#fa_share, #fa_hide, .fa_separator {
display: none !important;
}
#fa_toolbar #fa_menulist {
padding: 0px;
background: #242424;
border: 1px solid #242424;
border-radius: 0 0 3px 3px;
min-width: 340px;
margin-top: 7px;}
#fa_toolbar #fa_menulist li {
display: block;
background-color: transparent;
border: none;
height: 42px;
line-height: 42px;
padding-left: 20px;
margin-left: 150px;
}
#fa_toolbar #fa_menulist li:hover {
padding-left: 14px;
border-left: 6px solid #3995cd;
color: #fff;
background: #3a3a3a;
}
#fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
color: #999!important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
display: block!important;}
#fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
background: none!important;
color: white!important;
}
#fa_notifications, #fa_welcome, .rightHeaderLink {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#84bc12,#71a00e) !important;
background: -o-linear-gradient(top,#84bc12,#71a00e) !important;
background: linear-gradient(top,#84bc12,#71a00e) !important;
background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%) !important;
background: -moz-linear-gradient(top,#84bc12,#71a00e) !important;
height: 30px !important;
}
#fa_usermenu, .first, td.bold {
color: #999!important;
}
#fa_notifications {
margin-right: 10px !important;
}
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Novamente eu vou lhe passar o código!
Mas antes, vá ao seu CSS e apague todos os códigos que comecem assim:
Mas antes, vá ao seu CSS e apague todos os códigos que comecem assim:
- Código:
#fa_
- Código:
#fa_welcome {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#84bc12,#71a00e) !important;
background: -webkit-linear-gradient(top,#84bc12,#71a00e) !important;
background: linear-gradient(top,#84bc12,#71a00e) !important;
background: -moz-linear-gradient(top,#84bc12,#71a00e) !important;
height: 30px !important;
}
#fa_toolbar {
border-bottom: 6px solid #709f0d !important;
}
#fa_share, #fa_hide, .fa_separator {
display: none !important;
}
#fa_toolbar #fa_menulist {
padding: 0px;
background: #242424;
border: 1px solid #242424;
border-radius: 0 0 3px 3px;
min-width: 340px;
margin-top: 7px;}
#fa_toolbar #fa_menulist li {
display: block;
background-color: transparent;
border: none;
height: 42px;
line-height: 42px;
padding-left: 20px;
margin-left: 150px;
}
#fa_toolbar #fa_menulist li:hover {
padding-left: 14px;
border-left: 6px solid #3995cd;
color: #fff;
background: #3a3a3a;
}
#fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
color: #999!important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
display: block!important;}
#fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
background: none!important;
color: white!important;
}
#fa_notifications, #fa_welcome, a.rightHeaderLink {
-khtml-border-top-left-radius:5px !important;
-moz-border-top-left-radius:5px !important;
border-top-left-radius:5px !important;
-khtml-border-top-right-radius:5px !important;
-moz-border-top-right-radius:5px !important;
border-top-right-radius:5px !important;
background: -ms-linear-gradient(top,#84bc12,#71a00e) !important;
background: -webkit-linear-gradient(top,#84bc12,#71a00e) !important;
background: linear-gradient(top,#84bc12,#71a00e) !important;
background: -moz-linear-gradient(top,#84bc12,#71a00e) !important;
height: 30px !important;
}
#fa_usermenu, .first, td.bold {
color: #999!important;
}
#fa_notifications {
margin-right: 10px !important;
}
Re: Pedido - Colocar cor atrás dos botões
Acrescente mais esse CSS:
- Código:
#fa_textarea, #fa_magnifier {
display: none !important;
}
a#fa_service {
color: black!important;
margin-top: 4px;
}
#fa_left {
position: block;
margin-left: 30px;
color: black;
}
div#fa_toolbar {
background: none repeat scroll 0 0 transparent;
position: absolute;
top: 6px !important;
border: none!important;
}
#fa_toolbar_hidden {
display: none !important;
}
#fa_right {
margin-right: 30px;
position: block;
}
#fa_show {
display: none !important;
}
Re: Pedido - Colocar cor atrás dos botões
Olá,
Agora nesse .CSS é onde mudo as cores certo?
Agora nesse .CSS é onde mudo as cores certo?
Convidado- Convidado
Re: Pedido - Colocar cor atrás dos botões
Amigo, já lhe respondi isso três vezes. Veja abaixo:
Legolas escreveu:Onde tem #84bc12,#71a00e troque pelas duas cores que deseja no efeito gradient.
Tópicos semelhantes
» Pedido - Efeito de Texto atrás dos tópicos
» Pedido - Colocar função de Sign Of The Week
» Tirar fundo atrás do logo
» Pedido - Colocar função de Sign Of The Week
» Tirar fundo atrás do logo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|