Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
» Pinta ícone
Hoje à(s) 4:48 por Smoke.xX

» Remover ver mensagens
Hoje à(s) 3:10 por while

» Borda no rank de adms
Hoje à(s) 3:07 por while

» Novo tópico sem Refresh
Hoje à(s) 1:59 por iScroll

» Ajuda com Botão Curtir
Hoje à(s) 1:54 por TZero

» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
Hoje à(s) 0:41 por Kyou

» Personalizar a barra de menu
Ontem à(s) 23:06 por Cepheus

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
fiapinho
 
while
 
Kyou
 
Smoke.xX
 
w204
 
Holkis
 
TZero
 
iScroll
 

Quem está conectado
193 usuários online :: 2 usuários cadastrados, 1 Invisível e 190 Visitantes :: 1 Motor de busca

CharlesIE1H, TZero

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

mudar a cor dos botões login e registar-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido mudar a cor dos botões login e registar-se

Mensagem por Carlos Montengro em Dom 8 Nov 2015 - 21:11

Detalhes da questão


Endereço do fórum: http://pokemonroyals.forumeiros.com/
Versão do fórum: PunBB

Descrição


Ola eu estou construido um novo fórum com um amigo, com css base de meu outro fórum, eu gostaria de mudar a cor dos botões do login e do registra-se de laranja claro e laranja escuro para estas duas aqui.

Azul Rich #5959AB

Azul Corn Flower #42426F

E se possibel clocar a borda deles a preto #000000

Código:
#fa_right #fa_notifications {
color: #FFFFFF!important;
background-color: transparent!important
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 17px!important;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: #FFFFFF!important;
background-color: transparent!important
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 17px!important;

body {
color: #000000;
font: 13px/150% "Helvetica Neue", Arial, sans-serif;
background: #000000 url() no-repeat top center;
background-size: 100% auto;
background-attachment: fixed;
}
.pun {
line-height: 130%;
min-width: 768px;
width: 100%;
padding: 0px;}
#topbar {
background: url(http://i.imgur.com/pvSB3.png) 0 0 repeat-x;
line-height: 20px;
padding: 10px 0;
overflow: hidden;
font-size: 90%;
}
.wrapper {
margin: 0 auto;
width: 980px;
}
#toplinks {
float: right;
}
.time {
color: #555555;
list-style: none;
}
#pun-head #pun-navlinks {
  background: #5959AB;
  border: solid #42426F;
  border-width: 0 0 5px 0;
  box-shadow: inset 0 4px 0 0 #000000;
  height: 75px;
  line-height: 75px;
  margin: 0!important;
  padding: 0!important;
  z-index: 999;
}
#pun-navlinks li a {
color: #FFFFFF;
font-family: "Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
font-weight: 600;
line-height: 60px;
margin: 0!important;
padding: 22px 0px!important;
animation: 1s;
-webkit-animation: 1s;
}
#pun-navlinks li a:hover {
animation: 1s;
-webkit-animation: 1s;
color: white;
text-shadow: 0 0 3px #000000;
text-decoration: none!important;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
width: 980px;
margin: auto;
}
#pun-intro {
background: #000000;
margin: auto;
text-align: center;
padding: 25px 0 0 0;
width: 100%;
border:none;}
#content {
padding: 10px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#page-body {
margin: auto;
background: #FFFFFF;
box-shadow: 0 0 3px 0 #666666;
padding: 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 980px;
}
#main_content_top {
background: #000000 url(http://i.imgur.com/cfMqh.png) repeat-x;
height: 60px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-shadow: 0 1px 0 white;
}
#memb_login {
float: left;
margin-top: 12px;
padding-left: 20px;
width: 500px;
}
#memb_login ul, #memb_login li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#memb_login .login_icon {
background: url(http://i.imgur.com/ATlGt.png) 0 50% no-repeat;
}
#memb_login a {
color: #888888;
font-size: 12px;
text-decoration: none;
line-height: 20px;
}
#memb_login .login_icon span, #memb_login .signup_icon span {
padding: 0 0 0 40px;
display: block;
}
#memb_login .uppertext, #memb_login .memb_greeting {
font-size: 16px;
color: #323436;
text-transform: uppercase;
display: block;
}
#memb_login .signup_icon {
background: url(http://i.imgur.com/KeBCD.png) 0 50% no-repeat;
margin-left: 50px;
}
#memb_login a:hover {
color: #454545;
}
#search {
float: right;
background: url(http://i.imgur.com/l4a8b.png) 0 0 no-repeat;
width: 245px;
height: 65px;
position: relative;
margin-bottom: -6px;
padding-right: 20px;
}
#keywords.inputbox.search {
position: absolute;
top: 15px;
right: 62px;
width: 157px;
height: 16px;
padding: 8px 5px 6px 8px;
background: none;
border: none;
outline: none;
overflow: hidden;
font: 13px Arial, sans-serif;
}
#search .search_button {
position: none;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: none;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
position: relative;
top: 80px;
}
#pun-about {
color: #5959AB;
background: none;
border: none;
line-height: 150%;
padding: 0;
text-align: center;
}
#pun-about ul li a {
color: #5959AB;
font: 12px "Helvetica Neue", Arial, sans-serif;
text-decoration: none!important;
}
.main .main-head ,.main .main-foot {
height: auto;
}
.main .main-foot, .main .main-head {
  cursor: default;
  margin-top: 7px;
  background-color: #5959AB;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 12px 0 10px 20px;
}
.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAAAAA;
font-size: 11px;
}
.pun table.table td {
background-color: white;
line-height: 130%;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F8F8F8;
border-left: none;
}
.tcicons {
width: 5%;
background-color: #F8F8F8!important;
}
.statusid {
margin-left: 10px!important;
margin-right: 0px!important;
}
.stadisticageneral {
padding:10px;
background: #F6F6F6;
border: 1px solid #DDDDDD;
}
.cat_bar {
background-image: url(http://i.imgur.com/3mBvC.png);
padding-left: 9px;
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: normal;
color: #EEEEEE;
margin-bottom: 5px;}
.titlebg {
color: #1C1C1C;
text-shadow: 0 1px 0 white;
background: url(http://i.imgur.com/hfnii.png);
overflow: hidden;
height: 40px;
line-height: 40px;
font-size: 120%;
font-weight: normal;
padding-left: 9px;
}
.stadisticageneral p{
margin: 0 0 0.2em 0;
padding: 0.2em;
}
#pun-about fieldset {
display: none;
}
.pun .postmain {
border: none;
margin-left: 15em;
background-color: white;
}
.pun .post {
background-color: white;
border-style: solid!important;
border-width: 1px 0px 0px 0px;
border-color: #DDDDDD;
}
.pun .topic {
background: white;
border: none;
}
.postfoot {
border-top: none;
margin-left: 0em;
}
.pun .posthead {
background: white;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #DDDDDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDDDDD solid;
}
.pun .post .user {
margin-left: -16em;
font-size: 12px;
overflow: inherit;
text-align: center;
}
#profile-advanced-right {
float: left;
  left: -5px;
  position: relative;
  top: 70px;
  width: 31.5%;
  box-shadow: 0 0 3px 0 #666666;
  background: rgb(251, 251, 251);
}
#profile-advanced-layout {
float: right;
margin-top: 50px;
margin-left: 0;
margin-right: 0;
width: 68.2%;
}
#profile-advanced-left {
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
box-shadow: 0 0 3px 0 #666666;
background: rgb(251, 251, 251);
}
#copyright {
float: right;
}
.fameforum {
color:  #42426F;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color:  #42426F!important;
font-size: 12px;
font-weight: 700;
}
.pun table.table td {
padding: .2em 0 .2em;
}
.pun-crumbs p {
line-height: 1.5;
margin: 0;
color: #464646;
font-size: 0.95em;
}
.pun-crumbs p a{
color: #464646!important;
}
a{
text-decoration: none!important;
}
a:hover{
text-decoration: none!important;
}
#pun-about ul li a:hover{
text-decoration: none!important;
}
.forum-div {
  padding-left: 25px;
  padding-top: 2px;
}
span.forum-desc {
  color: #000000;
}
div#pun-navlinks a[href="/faq"], div#pun-navlinks a href="/search"] {
  display: none;
}
#fa_toolbar {
  height: auto!important;
  padding: 0!important;
  height: 46px!important;
  background-color: #5959AB!important;
  color: #5959AB!important;
  font-size: 14px!important;
}
div#fa_toolbar a {
  color: #5959AB!important;
}
#fa_share{
  display: none!important;
}
#fa_search #fa_textarea {
  width: 256px!important;
  height: auto!important;
  padding: 4px 0 4px 5px!important;
  margin-top: 0!important;
  border-radius: 0!important;
  color: #5959AB!important;
  outline: none;
}
#fa_magnifier {
  background-image: url(\'http://i.imgur.com/RtCxnFa.png\')!important;
  background-size: 100% auto!important;
}
#fa_toolbar #fa_left, #fa_hide {
  display: none!important;
}
#fa_right a {
  height: 46px!important;
  line-height: 46px!important;
}
#fa_right {
  margin-right: 40px;
}
#fa_search {
  margin-left: 40px!important;
  position: relative;
  top: 7px;
}
#fa_welcome, #fa_notifications {
  height: 46px!important;
  line-height: 46px!important;
}
#fa_menulist {
  left: 870px!important;
  border: #000000!important;
  border-width: 0 0 3px 0!important;
}
#fa_menulist a:link, #fa_menulist a:visited {
  color: #000000!important;
}
#fa_notiflist {
  left: 870px!important
    border: #000000!important
    border-width: 0 0 3px 0!important
}
#fa_notiflist a:link, #fa_notiflist a:visited {
  color: #000000!important;
}
#notif_list {
  background: #FFFFFF!important;
}
.see_all {
  background: none!important;
}
.pun .main-content {
  background-color: #FBFBFB;
  border: none;
}
.main-content tr th {
  background: #42426F!important;
  color: #000000!important;
  height: 0;
  line-height: 10px;
  text-transform: uppercase;
  font-size: 10px;
  cursor: default;
}
.tc2, .tc3 {
  background: #42426F
  border: none!important;
  color: rgb(142, 48, 17);
  box-shadow: 0 3px 0 0;
  cursor: default;
}
.statused .tc2:hover, .statused .tc3:hover {
  background: #5959AB!important;
}
span.content-num {
  font-size: 18px;
  font-weight: 700;
}
.content-name {
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: 700;
}
.last-post-div {
  font-size: 12px;
  /*text-transform: uppercase;*/
}
.last-post-div a {
  font-weight: 700;
}
.last-post-info {
  font-size: 11px;
  font-weight: 300!important;
}
.main-content tr td {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}
a[href="/u1"]:hover:after {
  background: #5959AB;
  border-radius: 25px;
  color: #FFFFFF;
  content: Fundador Alle Swan e Editor Charles;
  display: inline-block;
  font-size: 10px;
  opacity: .9;
  padding: 4px 10px;
  position: absolute;
  margin: -25px 0 0 -75px;
  text-transform: uppercase;
  width: 256px;
}
.sub-forums {
  display: block;
  position: relative;
  background: rgb(241, 241, 241);
  height: 48px;
  width: 90%;
  line-height: 48px;
  text-align: center;
  color: rgb(241, 241, 241);
  border-bottom: 1px dashed rgb(214, 214, 214);
}
.sub-forums a {
  background: rgb(214, 214, 214);
  padding: 7px 10px 7px 10px;
  box-shadow: 0 3px 0 0 rgb(183, 183, 183);
  color: rgb(126, 126, 126)!important;
}
.sub-forums a:hover {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 0 0 rgb(183, 183, 183);
}
#pun-announcement {
  background-color: #42426F;
  color: rgb(94, 39, 15);
  border: none;
  padding: 1em;
}
input[type="submit"], input[type="reset"] {
  background: rgb(226, 85, 23);
  color: rgb(110, 52, 26);
  font-size: 12px;
  padding: 10px 7px 10px 7px!important;
  outline: none!important;
  border: solid rgb(165, 65, 21);
  border-width: 1px 1px 3px 1px;
  cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover {
  position: relative;
  top: 2px;
  border-width: 1px 1px 1px 1px;
}
.pun .main .options {
  padding: 0 25px 0 0;
  height: 32px;
  line-height: 32px;
}
.frm-buttons.fb {
  height: 48px;
}
a#pun-logo img {
    transition: 1s;
    -webkit-filter: grayscale(100%);
}
a#pun-logo img:hover {
    transition: 1s;
    -webkit-filter: grayscale(0);
}
a.mainmenu {
    transition: .2s;
}
a.mainmenu:hover {
    transition: .2s;
    font-size: 20px!important;
}
h4.username {
  background: rgb(247, 247, 247);
  border: solid rgb(221, 221, 221);
  border-width: 1px 1px 3px 1px;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  width: 90%;
  position: inherit!important;
}
.user_login_form.main-box.center {
  height: 38px;
}
#fa_search #fa_textarea {
display: none;
margin:0!important;
}
a[href="/search"] {
display: none;
margin:0!important;
}
#pun-navlinks li {
margin:0!important;
}
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:200px}
#quick_reply{background:url(http://pre01.deviantart.net/0958/th/pre/i/2015/019/9/1/hoopa_unbound_by_korupo-d8eiwot.png) center left no-repeat; background-size:25% auto;height:auto;display:block}
#search-box {
display: none;
}

Carlos Montengro
Nível 2

Masculino
Inscrito dia : 03/11/2015
Mensagens : 13
Pontos Ativos : 499

http://pokemonroyals.forumeiros.com/

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Fraise em Dom 8 Nov 2015 - 21:14

Olá Carlos,

Lamento, mas não entendi exatamente quais botões o senhor deseja mudar a cor.
Poderia apresentar uma printscreen, por gentileza?

Obrigado desde já.

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Carlos Montengro em Dom 8 Nov 2015 - 21:16



Carlos Montengro
Nível 2

Masculino
Inscrito dia : 03/11/2015
Mensagens : 13
Pontos Ativos : 499

http://pokemonroyals.forumeiros.com/

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Fraise em Dom 8 Nov 2015 - 21:40

Ora, isso é simples. Adicione no inicio da sua folha de estilos:
Código:
input[type="reset"], input[type="submit"] {
    background: #5959AB;
    border: solid #000000;
    color:#FFF;
}

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Carlos Montengro em Dom 8 Nov 2015 - 22:08

os botões continuam igual, eu tirei print screen de novo e sublinhei a laranja os botões que quero que mude a cor.




Carlos Montengro
Nível 2

Masculino
Inscrito dia : 03/11/2015
Mensagens : 13
Pontos Ativos : 499

http://pokemonroyals.forumeiros.com/

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Fraise em Dom 8 Nov 2015 - 22:11

Troque o código por este:
Código:
input[type="reset"], input[type="submit"] {
    background: #5959AB !important;
    border: solid #000000 !important;
    color:#FFF !important;
}
Lembre-se de adicionar no inicio da sua folha de estilos.

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Carlos Montengro em Dom 8 Nov 2015 - 22:28

Fraise não o códico não funcionou mas graças a sua dica consegui mudar aqui, tinha que trocar a cor no imput do css, ele já aqui estava mas as cores tavam com rgv. obrigado da mesma pode fechar.

Carlos Montengro
Nível 2

Masculino
Inscrito dia : 03/11/2015
Mensagens : 13
Pontos Ativos : 499

http://pokemonroyals.forumeiros.com/

Resolvido Re: mudar a cor dos botões login e registar-se

Mensagem por Fraise em Dom 8 Nov 2015 - 22:34

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum