Incluir caixa personalizada buscar

Qual é minha questão:

Gostaria de aplicar no meu forum a Caixa BUSCAR que aparece no tema:
http://pt.hitskin.com/buscar-um-tema/cmyk-br-design-198198.htm

E com isso, seria possivel tambem, se quisesse, modificar o texto interno "Buscar..." para "Pesquisar..."?

Agradeço.


Endereço do meu fórum:
http://azmatrix.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS

Até mais.

Boa tarde!

Aceda à sua "Folha de CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

E adicione este código no início ou final da tua CSS:

Código:

#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: -7px 6px 11px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
#search-box {
    float: right;
    margin-right: 5px;
    margin-top: -20px;
    white-space: nowrap;
}
#search #keywords:focus {
    width: 290px;
}
#search #keywords {
    transition: all 1s ease-in-out 0s;
    width: 150px;
}
#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}
#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    height: 23px;
}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

Atenciosamente,
Hizu.

Olá!

Aceda à "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS


Codigo CSS:

Código:

#search_keywords {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
color: #000;
height: 23px;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 18px;
outline: 0 none;
padding: 4px;
}
#search_keywords:hover {
transition: all 1s ease-in-out 0;
width: 150px;
}
.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px 2px 2px 2px;
color: #666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}

Clique em "Validar".

Até mais.

Agradeço amigos.
No entando, ambos codigos não surtiram nenhum efeito.

Enfim. Segue meu codigo.

Código:

div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#page-header .inputbox.search {
display: none;
}
#page-header .button2 {
display: none;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Olá amigo,

Estranho é que eu não veja esta tua caixa de buscar, no caso seria dentro das seções de teu fórum? No caso troque teu CSS pelo abaixo:

Código:

#search_keywords {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
color: #000;
height: 23px;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 18px;
outline: 0 none;
padding: 4px;
}
#search_keywords:hover {
transition: all 1s ease-in-out 0;
width: 150px;
}
.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px 2px 2px 2px;
color: #666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#page-header .inputbox.search {
display: none;
}
#page-header .button2 {
display: none;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Se possível mande-me uma Print Screen do local onde deseja o buscar modificado.

Até mais.

Olá!

Na sua folha de estilos CSS procure por:

Código:

#page-header .inputbox.search {
display: none;
}
#page-header .button2 {
display: none;
}

E delete.
Após fazer isso, adicione o código do Hizu em sua "Folha de Estilos CSS".

Atenciosamente,
Crazy.

Bem, vamos por partes.. já fiz alguns testes..e já começou a 'acontecer' algo interessantes.

1) Primeiro...com voce, Mikéé. Voce comenta sobre onde seria essa caixa Buscar. Bem lembrado. Como solicitei no primeiro post...falo sobre a caixa de Busca na pagina principal, conforme o tema que citei.
Agora é verdade. Não havia notado que há outra caixa na seção dos topicos..e que é diferente.
Assim, comento de novo:
O codigo do Hizu entao funcionou...mas para essa Caixa das seções. Muito bom. Embora ainda gostaria na pagina principal.

2) E isso me leva a voce, Crazy. O caso é que, com essa ultima dica..de excluir aquelas linhas...acaba funcionando...embora com ressalvas:
- A caixa está mais acima do lugar certo, 'invadindo' o menu de navegação.
- Sendo que, o botao 'Busca' a direita, está ainda mais acima...e me parece que um pouco menor em largura (comparado ao do tema que falei)
- Tambem há diferença de cores, mas presumo que possa mudar isso no codigo facilmente, certo?

3) Como ja elucidamos qual ou quais as caixas, gostaria se fosse possivel entao.. ter as duas caixas com essa função melhorada.


Enfim. Seria possivel a nós fazer essas melhorias?

Olá novamente!

É possível me mandar a tua CSS? Fiquei confuso com esse texto que você escreveu, posso lhe dizer que entendi poucas coisas...  

Até!

Em suma, quis dizer que o seu codigo mudou a caixa de busca nas seçoes, embora gostaria tambem...na pagina principal, como o Crazy indicou.

O que peço agora, seriam apenas aqueles ajustes que comentei.

Segue codigo, sem as alterações sobre as caixas:

Código:

.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 30px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
a:hover{text-decoration:none!important}
.vote {
margin-top: 350px !important;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#page-header .inputbox.search {
display: none;
}
#page-header .button2 {
display: none;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Eu acessei o seu fórum e não vi a tal "caixa de busca", poderia me passar o endereço do fórum em que o senhor está implementando os códigos? Preciso saber exatamente como está, para poder lhe ajudar. Agora sobre sua CSS, não há nada que esteja interferindo, só precisamos editar o código em que lhe forneci, porém como dito anteriormente, preciso do link do fórum de testes do senhor.  

Até mais!

Ok. O caso é que, como comentei antes, eu havia retirado os codigos que contem as caixas..enviando o codigo 'limpo' delas.

Mas agora lhe mando com essas alterações nas 2 caixas (seções e pag.principal) feitas por voce, Crazy e Mikéé.... na qual estão no inicio.

Agradeço.

Código:

#search_keywords {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
color: #000;
height: 23px;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 18px;
outline: 0 none;
padding: 4px;
}
#search_keywords:hover {
transition: all 1s ease-in-out 0;
width: 150px;
}
.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px 2px 2px 2px;
color: #666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: -7px 6px 11px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    white-space: nowrap;
}
#search #keywords:focus {
    width: 290px;
}
#search #keywords {
    transition: all 1s ease-in-out 0s;
    width: 150px;
}
#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}
#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    height: 23px;
}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 30px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
a:hover{text-decoration:none!important}
.vote {
margin-top: 350px !important;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Endereço do meu fórum:
http://azmatrix.forumeiros.com

Boa tarde!

Substitua a tua CSS atual, por esta:

Código:

#search_keywords {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
color: #000;
height: 23px;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 18px;
outline: 0 none;
padding: 4px;
}
#search_keywords:hover {
transition: all 1s ease-in-out 0;
width: 150px;
}
.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px 2px 2px 2px;
color: #666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: 12px 6px 11px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    white-space: nowrap;
}
#search #keywords:focus {
    width: 290px;
}
#search #keywords {
    transition: all 1s ease-in-out 0s;
    width: 150px;
}
#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}
#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    height: 23px;
}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 30px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
a:hover{text-decoration:none!important}
.vote {
margin-top: 350px !important;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Seria isto?

Até mais!

Muito bom, Hizu!
Testei agora, e funcionou bem aqui.
Apenas algumas ressalvas:

1) Na caixa da pag. inicial, ao escrever dentro, ela coloca um contorno em dourado. Posso mudar essa cor? E o texto dentro...podemos mudar pra "Pesquisar", por exemplo.

2) Nessa caixa da pag. inicial, o botão 'Buscar' está um pouquinho mais pra baixo. Como subo um pouquinho pra cima?

3) Na caixa dos topicos, ela tem altura excedente. Gostaria que tivesse a altura do botão 'Buscar'. Consigo alterar isso?

Te agradeço já.

Substitua o código fornecido anteriormente por este:

Código:

#search_keywords {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #D9D9D9;
border-radius: 4px 4px 4px 4px;
color: #000;
height: 23px;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 18px;
outline: 0 none;
padding: 4px;
}
#search_keywords:hover {
transition: all 1s ease-in-out 0;
width: 150px;
border: 1px solid #000;
}
.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px 2px 2px 2px;
color: #666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: 11px 6px 11px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    white-space: nowrap;
}
#search #keywords:focus {
    width: 290px;
}
#search #keywords {
    transition: all 1s ease-in-out 0s;
    width: 150px;
}
#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}
#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    height: 23px;
}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 30px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px 9px;
}
.postprofile dt img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
a:hover{text-decoration:none!important}
.vote {
margin-top: 350px !important;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
div.postprofile dl dd{text-align:left;}
dl dd img {margin-left:2px;}
div.postprofile dl dt{margin-right:55px;}
span.Líder b {margin-left:15px;}
em {
font-style: normal;
}
.topics {
border: none !important;
}
.lastpost {
border: none !important;
}
.posts {
border: none !important;
}
#picture_legend {
background-color: #a3a3a3;
border: 2px solid #B5B5B5;
border-radius: 3px 3px 3px 3px;
width: 500px;
margin-left: 30%;
}
#picture_legend img{
opacity: 0.5;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#picture_legend img:hover{
opacity: 1;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
#i_whosonline.img-whois {
margin-left: -5px;
}
#tabs .activetab a {
background-color: #B5B5B5;
background-position: 0 0;
border-bottom: 1px solid #B5B5B5;
margin-bottom: -1px;
color: #000000;
}
#tabs a {
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background-color: #B5B5B5;
border-radius: 4px 4px 0 0;
margin: 0 2px;
}
.linklist.navlinks {
border: none;
}
ul.linklist li a img {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 0.5;
}
ul.linklist li a img:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1;
}
forabg {
border-radius: 50px 50px 50px 50px;
}
a:hover {
text-shadow: 0px 0px 5px;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
a {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row:hover {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
li.row {
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.navbar {
font-size: 16px;
background-color: transparent;
}
#wrap {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.headerbar {
background-color: transparent;
}
.forabg {
border-radius: 10px 10px 10px 10px;
}
.forumbg {
border-radius: 10px 10px 10px 10px;
}
.post {
border: 2px solid #A3A3A3;
border-radius: 10px 10px 10px 10px;
}
.postprofile {
border-right: none;
text-align: center;
}
#tabs {
border-radius: 10px 10px 10px 10px;
}

Feito isto, salve!

Agora para que eu possa ver a dos tópicos, crie um tópico e ative a conta que irei me registrar agora.

Atenciosamente,
Hizu.

Opa.
Ok. Ativei os dois usuarios, Hizu.

E sobre a mudança... muito bom.
E pra citar:

1) Caixa pg. principal (alinhamento do "Buscar"): Resolvido
---------------
2) Caixa pg. principal (cor e efeito qdo se começa a digitar): gostaria que ficasse como da Caixa de busca dos topicos... bem suave...e não trepidando.

3) Caixa dos topicos (altura) e movimento de volta do botao 'Buscar'...como na Caixa da pag. principal: isso é possivel?

Olá novamente!

Que tal as caixas de busca iguais as do Fórum dos Fóruns?

Exclua tudo referente às caixas de busca e adicione este código no inicio ou final da tua CSS:

Código:

.search-box{float:left;margin-left:5px;margin-top:3px}#search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap}* html #search-box{margin-right:35px}#search-box #keywords{background-color:#fff;width:95px},#search-box input{border:1px solid #BCBCBC}#search-box input.button1{padding:1px 5px}input.search{background:url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}
#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
#search-box{margin-bottom:5px}#page-header ul.linklist li{margin-left:4px;margin-top:3px}#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
div.topic-actions div.search-box form#forum-search fieldset input[type="text"]{-moz-border-radius-bottomleft:2px;-moz-border-radius-topleft:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-top-left-radius:2px;background-image:url();border:1px solid #DDD;border-bottom-left-radius:2px;border-right:0;border-top-left-radius:2px;padding:5px 4px 4px 7px}div.topic-actions div.search-box form#forum-search fieldset input[type="text"]:focus{outline:none}div.topic-actions div.search-box form#forum-search fieldset input[type="submit"]{-moz-border-radius-bottomright:2px;-moz-border-radius-topright:2px;-webkit-border-bottom-right-radius:2px;-webkit-border-top-right-radius:2px;border-bottom-right-radius:2px;border-radius:0;border-top-right-radius:2px;position:relative;right:5px}
#search_form h1{margin:.1em 0 .3em}
.search .postbody{width:68%}.search .postbody ol,.search .postbody ul{margin-left:1.8em}
dd.lastpost span,dd.moderation span,dd.redirect span,ul.topiclist dd.info span,ul.topiclist dd.searchby span,ul.topiclist dd.time span{display:block;padding-left:5px}

Atenciosamente,
Hizu.

Interessante, Hizu... mas ai meio que foge, até porque a caixa dos topicos fica pior. Sendo que a caixa da pag.principal praticamente é a mesma de antes.

Enfim, se possivel, gostaria dessa ajuda pra aquilo que mencionei antes.

Agradeço.

Olá amigo,

Estou vendo aqui e o senhor esta fazendo varias duvidas em apenas um tópico e sabe que isso é contra as regras!

Por este motivo darei este tópico como resolvido, já que tua dúvida principal já foi sanada e resolvida!

Abraços,
Lervisic.