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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
Harleen
 
while
 
Stewart
 
fiapinho
 

Quem está conectado
267 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 262 Visitantes :: 2 Motores de busca

fascicularia, Harleen, iScroll, L Mars, Stewart

[ Ver toda a lista ]


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

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 Qui 10 Set 2015 - 21:03

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; }

charleshillblack
Nível 4

Masculino
Inscrito dia : 24/08/2015
Mensagens : 26
Pontos Ativos : 596

http://pokemonroyal.forumeiros.com/

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por Fraise em Qui 10 Set 2015 - 23:01

Olá,

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por charleshillblack em Sex 11 Set 2015 - 10:21

obrigado resolvido

charleshillblack
Nível 4

Masculino
Inscrito dia : 24/08/2015
Mensagens : 26
Pontos Ativos : 596

http://pokemonroyal.forumeiros.com/

Resolvido Re: Modificar cor de fundo da barra de pesquisa

Mensagem por Fraise em Sex 11 Set 2015 - 14:52

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 : 4974
Pontos Ativos : 7237

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