Queria por o login e o buscar assim

[felipeolegario]

Qual é minha questão:
Olhando na imagem fiz uns negócios em preto queria por daquele geito +/- o login e o buscar tem jeito ? e o botão de login e o botão de buscas seja laranja se tiver como vlw ;D

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:
https://i.servimg.com/u/f40/17/10/49/98/dfsfds10.png

Endereço do meu fórum:
www.cheatshot.forumeiro.com

Versão do meu fórum:
PUNBB

[Jack Sparrow]

Login

Vá em Painel de controle > Módulos > Gestão dos Widgets > Adicionar um widget personalizado.

Adicione o seguinte código:

Código:

<div class="user_login_form center"><label>Nome de usuário : <input class="post" type="text" size="10" name="username"></label> <label>Senha : <input class="post" type="password" size="10" name="password"></label> <label>Conexão automática : <input class="radio" type="checkbox" name="autologin" checked="checked"></label> <input class="mainoption button1" type="submit" name="login" value="Login"><span class="fb_or">Ou</span><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="offline_access,email,user_birthday,user_website,user_location"><a class="fb_button fb_button_large"><span class="fb_button_text">Login</span></a></fb:login-button></div>

Depois vá em Painel de Controle > Visualização > Cores > Folha estilo CSS e coloque o seguinte código:

Código:

.user_login_form {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #555 none repeat scroll 0 0;
left: 0;
opacity: .75;
position: fixed;
top: 0;
width: 100%;
}
.user_login_form {
margin-bottom: 5px;
}

Depois clique em validar.

Buscar

Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. Tesouros não são apenas ouro e prata, amigo.

Adicione o seguinte código:

Código:

#search-box {
float: right;
margin-right: 5px;
margin-top: 100px;
white-space: nowrap;
}

Mude 5px e 100px até ficar no ponto que você quer.

Até Mais

[felipeolegario]

Não deu certo nenhum desses codigos :S:S

[Dury]

Olá,

A caixa de Login você poderá fazer, mas sobre o"buscar" eu não consegui.
Retire o código abaixo de sua folha de estilo CSS: Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

Código:

#search-box {
float: right;
margin-right: 5px;
margin-top: 100px;
white-space: nowrap;
}

Leia o conteúdo do spoiler para fazer o efeito com a caixa de login:

Spoiler:

[felipeolegario]

Bom fiz tudo que tava escrito ai... mais não deu certo num aparece nada quando eu clico em validar ou salva, se eu errei não sei onde eu errei :S

[Dury]

Na sua folha de estilo CSS, clique na caixa "Buscar" e procure pelo primeiro código:

Código:

#search-box

Quando encontrar, é só apagar o código que citei acima.

Em relação ao Login, o senhor conseguiu?

[felipeolegario]

Não tbm :S

[felipeolegario]

#search-box nao existe na minha folha CSS quando eu coloco num aparece nada ai quando eu só coloco # aparece um monte... :S

[Dury]

Olá,

Segundo o que notei, o código está no final da folha de estilo. Não deu? Então tente só com o nome:

Código:

search-box

[felipeolegario]

aaa se ta falando do código que vc me enviou eu retirei antes de fazer o que vc me pediu

[felipeolegario]

Eu fiz otro tópico feche este aqui