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

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
7kgmlcdkv
 
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 

Quem está conectado
263 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 259 Visitantes :: 2 Motores de busca

7kgmlcdkv, Ketholy123, soldado, uvmyyvpew

[ 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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