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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
202 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 201 Visitantes :: 1 Motor de busca

Jefferson105

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Modificar cor de fundo da barra de pesquisa

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

Resolvido Modificar cor de fundo da barra de pesquisa

Mensagem por charleshillblack em 10/09/15, 05:03 pm

Detalhes da questão


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

Descrição


Ola eu cria mudar a cor da barra buscar no meu fórum onde se encontra o balão a flutuar seria possibel tirar o branco e colocar a mesma cor que esta na barra em baixo.

Meu código css:

Código:
#pun-navlinks li a {
    margin: 0!important;
}
body {
color: #333;
font: 13px/150% "Arial",Arial Black,Comic Sans MS;
background: #EEE url(
http://1.bp.blogspot.com/-77jW7YhKOto/VPyzJODPH1I/AAAAAAABGx8/2OvWHrDwBI4/s1600/bege-claro.jpg) 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: #555;
list-style: none;
}

#pun-head #pun-navlinks {
  background: #EB3636;
  border: solid #C22E2E;
  border-width: 0 0 5px 0;
  box-shadow: inset 0 4px 0 0 #FF4C4C
  height: 75px;
  line-height: 75px;
  margin: 0;
  padding: 0;
  z-index: 999;
}

#pun-navlinks li a {
color: #692511;
font-family: "Arial",Arial Black,Comic Sans MS;
font-size: 14px;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
font-weight: 600;
line-height: 60px;
margin: 0 .8em 0 0;
padding: 22px 0px;
animation: 1s;
-webkit-animation: 1s;
}

#pun-navlinks li a:hover {
animation: 1s;
-webkit-animation: 1s;
color: white;
text-shadow: 0 0 3px #FFF;
text-decoration: none!important;
}

#pun-navlinks ul {
list-style: none;
text-align: center;
width: 980px;
margin: auto;
}
#pun-intro {
background: #464646;
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: #FFF;
box-shadow: 0 0 3px 0 #666;
padding: 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 980px;
}
#main_content_top {
background: #E5E5E5 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;
  background-color: #C22E2E;
}
#memb_login a {
color: #888;
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: absolute;
top: 0;
right: 20px;
width: 42px;
height: 60px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
#pun-foot {
clear: both;
width: 980px;
margin: auto;
position: relative;
top: 80px;
}
#pun-about {
color: #EB3636;
background: none;
border: none;
line-height: 150%;
padding: 0;
text-align: center;
}
#pun-about ul li a {
color: #EB3636;
font: 12px "Arial",Arial Black,Comic Sans MS;
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: #EB3636;
  color: #83310D;
  text-transform: uppercase;
  padding: 12px 0 10px 20px;
}

.pun table .tcr {
width: 25%;
}
.largertext {
font-size: 120%;
color: #484848;
}
.fadetext{
color: #AAA;
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: white;
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 #DDD;
}
.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: #EEE;
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: #DDD;
}
.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 #DDD;
font-size: 11px;
}
.pun .sig-content {
border-top: 1px #DDD 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 #666;
  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 #666;
background: rgb(251, 251, 251);
}

#copyright {
float: right;
}

.fameforum {
color: #C03B00;
font-size: 11px;
font-weight: bold;
}
.fameforum a {
color: #0CD5D5!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: #969696;
}

#fa_toolbar {
  height: auto!important;
  padding: 0!important;
  height: 46px!important;
  background-color: #EB3636!important;
  color: #FFFFFF!important;
  font-size: 14px!important;
}

div#fa_toolbar a {
  color: rgb(131, 48, 12)!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: rgb(226, 85, 23)!important;
  outline: none;
}

#fa_magnifier {
  background-image: url('http://orig09.deviantart.net/693e/f/2009/178/2/5/hot_air_balloon_emote_trip_by_mixedmilkchocolate.gif')!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: solid #CACACA!important;
  border-width: 0 0 3px 0!important;
}

#fa_menulist a:link, #fa_menulist a:visited {
  color: #C22E2E!important;
}

#notif_list {
  background: #FFF!important;
}

.see_all {
  background: none!important;
}

.pun .main-content {
  background-color: #ffffff;
  border: none;
}

.main-content tr th {
  background-color: #C22E2E;
  color: #8F1111!important;
  height: 0;
  line-height: 10px;
  text-transform: uppercase;
  font-size: 10px;
  cursor: default;
}

.tc2, .tc3 {
  background-color: #FFFFFF;
  border: none!important;
  color: rgb(142, 48, 17);
  box-shadow: 0 3px 0 0;
  cursor: default;
  padding:5px;
}

.statused .tc2:hover, .statused .tc3:hover {
  background-color: #ffffff;
}

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 {
  //background-color: #C22E2E;
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}

a[href="/u1"]:hover:after {
  background: #BD1E1E;
  border-radius: 25px;
  color: #FFF;
  content: 'Dono do fórum';
  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: #C22E2E;
  color: rgb(94, 39, 15);
  border: none;
  padding: 1em;
}

input[type="submit"], input[type="reset"] {
  background-color: #C22E2E;
  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;
  background-color: #EB3636;
}

.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;
}
.forabg {
background-color: #EB3636;
background-image: url(http://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
a[href="/u74"] {
text-shadow: 1px 1px 5px #A6FF00;
}
a[href="/u1"] {
text-shadow: 1px 1px 5px #FF0000;
}
a[href="/u29"] {
text-shadow: 1px 1px 5px #00CCFF;
}
li > a.mainmenu[href="/search"] { display : none; }
avatar

charleshillblack
Nível 4

Masculino
Inscrito dia : 23/08/2015
Mensagens : 26
Pontos Ativos : 44

http://pokemonroyal.forumeiros.com/

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por Fraise em 10/09/15, 07:01 pm

Olá,

Adicione em sua folha de estilos:
Código:
#fa_search #fa_textarea {
background: #EB3636;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por charleshillblack em 11/09/15, 06:21 am

obrigado resolvido
avatar

charleshillblack
Nível 4

Masculino
Inscrito dia : 23/08/2015
Mensagens : 26
Pontos Ativos : 44

http://pokemonroyal.forumeiros.com/

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por Fraise em 11/09/15, 10:52 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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