11 resultados encontrados para search-box

Largura do fórum

Olá!

Spoiler:

Colocar efeito de caixa buscar suave

Olá,

Seria isto? (Aplique em seu CSS)

#search-box #keywords{
padding-right: 20px;
transition: 500ms;
width: 130px;
}
#search-box #keywords:focus {
width: 300px;
}

Att.

Perfil Descentralizado

Ola, boa noite

Estou com um probleminha com a centralização do PERFIL conforme a IMG a baixo.
[img]

Tópicos com a tag search-box em Fórum dos Fóruns 2v357jo

[/img]

-->> CSS
body#phpbb {
background-color: black;
background-image: url(https://i.servimg.com/u/f18/19/28/70/16/clash-11.jpg);
background-position: top center;
background-repeat: no-repeat;
color: #A8A8A8;
}
#wrap {

width: 960px;
}
#page-body {
overflow-y: hidden;
background: url("https://i.imgur.com/p2pOH.png") , url("https://i.imgur.com/PdKdE.png");
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
padding: 10px;
width: auto;
background-position: top center , center;
background-repeat: repeat-x , repeat;
}

#page-footer {
padding: 8px;
position: relative;
border-top: 1px solid #222;
}
.header {
font-size: 12px;
min-height: 30px;
margin-bottom: 10px!important;
text-shadow: 1px 1px 1px #2B0000;
}
.row , .row1 , .row2 {
border-top: 1px solid #363636!important;
border-bottom: 1px solid black!important;
}

.forabg, .forumbg {
background-image: url("https://i.imgur.com/oRaxH.png");
color: white;
text-shadow: -1px -1px 1px black;
border-radius: 5px;
margin-bottom: 10px;
background-repeat: repeat-x;
}
#plus_menu {
background-color: #272727;
}

#search-box {
position: absolute;
margin-left: 750px;
margin-top: -120px;
}
.navbar ul.linklist.navlinks li a:hover {
background: #373737 url("https://i.imgur.com/R1pjk.png") repeat-x 0 0;
color: white;
}
.navbar .linklist.navlinks {
float: right;
background: url("https://i.imgur.com/1Gp3b.png") repeat-x 0 50%;
text-shadow: 1px 1px 2px black;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.

, inset 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.

, inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 1px 10px rgba(0,0,0, 0.

, inset 0 1px 0 rgba(255,255,255,0.2);
padding: 6px;
padding-right: 3px;
}
.navbar ul.linklist.navlinks li a {
color: #A7A7A7;
outline: none;
padding: 0px 8px;
line-height: 26px;
height: 26px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 11px;
display: inline-block;
}

#search-box #keywords {
min-width: 150px;
background: url("https://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
padding: 10px 10px 9px 20px;
border: 1px solid #525252;
border-radius: 5px 0px 0px 5px;
border-width: 1px 0px 1px 1px!important;
box-shadow: 0px 0px 10px 5px #2E2E2E inset;
}
#search-box .nomargin .button2 {
background-color: #222!important;
background-image: url(https://i.imgur.com/dvGoE.png);
background-position: center;
font-size: 0!important;
padding: 16px;
background-repeat: no-repeat;
border-radius: 0px 5px 5px 0px;
border: 1px solid #555!important;
border-width: 1px 1px 1px 0px!important;
}
.panel {
background:url("https://i.imgur.com/2soQM.png") repeat;
background:rgba(255,255,255,0.1);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.09) 0%, transparent 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:10px;
overflow:hidden;
}
#memberlist {
padding-top: 8px;
}
.module {
background: url("https://i.imgur.com/2soQM.png") repeat;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.09)), to(transparent));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
padding: 0px;
}
.module .h3 {
background-position: top;
color: white;
margin-top: -0;
padding-bottom: 10px;
padding-left: 5px;
padding-top: 10px;
background-image: url(https://i.imgur.com/oRaxH.png);
background-repeat: repeat-x;
}
.module span.corners-top {
display: none;
}

#logout {
display: inline-block;
outline-style: none;
overflow: hidden;
text-align: left;
text-decoration: none;
white-space: nowrap;
width: 94.0px;
}

obrigado

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css

css:

barra inferior do forum

css:

Retirar barra especifica nas categorias

css:

Alterações na aparência do menu de navegaçao

aqui estao

css:

Título dos Tópicos dentro da Borda.

Olá.

Ichees a folha é esta?

Nos dois @Sennior, nos títulos dos tópicos e nos títulos dos Widgets.

Abraços.

Como remover espaço vazio acima da assinatura?

Opa! Saudações Sennior!
Bem não consegui achar.
Aqui está o CSS:

CSS:

Personalização das caixas de textos

Senhor, mas essa classe não tem nos Fóruns Forumeiros.
TextBox? Não é #search-box? Textarea?

Faça assim, mande-me um print screen do local onde o senhor achou essa Classe.
Até mais.

Personalizar caixa de Busca

Tópicos com a tag search-box em Fórum dos Fóruns Configuration

Personalizar caixa de Busca

Através deste tutorial poderá personalizar a caixa de busca do Fórum, por exemplo, inserir diversas imagens na caixa e alterar a posição do mesmo.

--> Tutoriais, dicas e astúcias <--
Personalizar caixa de Busca

1º - Inserindo o código CSS:
Para a personalização funcionar corretamente, você deverá adicionar um código CSS na sua folha de estilos para que ela não apresente problemas:
Painel administrativo -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

(carregue na imagem para aumentar)

Tópicos com a tag search-box em Fórum dos Fóruns 1114

Onde terá de adicionar o seguinte código:

/* Caixa de busca por SUPERO */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(URL_DA_IMAGEM) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */

-> Substitua a palavra em laranja pela endereço/link da imagem pretendida;
-> Substitua a palavra em negrito apenas se for necessário, ou seja, ela representa a cor hexadecimal. Da forma como mostra no código padrão ela está transparente.

2º - Alterar posição/valor da caixa de busca:
Teremos de aceder à:
Painel administrativo -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS
Agora deveremos definir o código para cada versão:

Tópicos com a tag search-box em Fórum dos Fóruns Empty

Phpbb2

#page-header #search-box {
position: absolute;
top: 20px;
right: 7%;
}

Phpbb3

#page-header #search-box {
position: absolute;
top: 20px;
right: 7%;
}

Invision

#gfooter #search-box {
position: absolute;
top: 20px;
right: 7%;
}

PunBB

#pun-foot #search-box {
position: absolute;
top: 20px;
right: 7%;
}

3º - Resultado:

Exemplo \| Código
Caixa de busca personalizada
	Código: /* Caixa de busca por SUPERO/ #search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline; background: transparent url(http://i1211.photobucket.com/albums/cc426/Griever93/fdf/CaixadePesquisa-1.png) no-repeat center;} #search-box input.button2 {display: none;} #search-box {padding-bottom: 5px !important;} #search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;} #search-box input {border: none !important;background: none;} #search-box input.search {background: none;margin-left: 30px;margin-top: 15px;} / Fim da caixa de busca */

:copyright: Fórum dos Fóruns

Tópicos com a tag search-box em Fórum dos Fóruns Act_bottom

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Personalizar caixa de Busca