Organizar "Legendas, Estatísticas e Login" no fórum

[iTwin]

Olá, queria "organizar" as Legendas, Estatísticas e Login como mostra na imagem.

---

Fórum: http://www.equipedkr.forumeiros.com (phpBB 2)

Imagens do problema:

[Consolado]

Olá!

Utilize este código CSS:

Código:

#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type="password"]{width: 83px;
height: 38px;-webkit-border-radius: 10px 10px 11px 11px}

O código não está completo. Em qual fórum está os efeitos acima?

Melhores cumprimentos.

[iTwin]

Olá!

Utilize este código CSS:

Código:

#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type="password"]{width: 83px;
height: 38px;-webkit-border-radius: 10px 10px 11px 11px}

O código não está completo. Em qual fórum está os efeitos acima?

Melhores cumprimentos.

Olá, esta nesse aqui: http://iplaygame.forum.st/

[Consolado]

Olá!

Utilize esse código CSS:

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:10px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type="password"]{height: 33px;-webkit-border-radius: 10px 10px 11px 11px}

Melhores cumprimentos.

[iTwin]

Olá!

Utilize esse código CSS:

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:10px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type="password"]{height: 33px;-webkit-border-radius: 10px 10px 11px 11px}

Melhores cumprimentos.

Olá, Today,
O código resultou, mais não teria como diminuir a caixa de texto?

https://2img.net/h/oi48.tinypic.com/35i2n8o.jpg

[Sennior]

Olá,

Penso eu que o código abaixo ira dar certo

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:5px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type="password"]{height: 33px;-webkit-border-radius: 10px 10px 11px 11px}

[Consolado]

Olá!

Substitua o código por este:

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:10px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}

Melhores cumprimentos.

[iTwin]

Olá, Mikéé e Today

Me desculpem, no tópico está PhpBB 2, mais meu fórum utiliza PhpBB 3, e nenhum dos códigos diminuiu a caixa de texto.

[Consolado]

Olá!

Utilize esse código CSS:

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:10px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type='password'],select,textarea{border:1px solid #00A5CD!important;box-shadow:1px 1px 1px #fff}

Acabei de visitar seu fórum e percebi que os códigos que lhe passei acima não estão ativos.

Melhores cumprimentos.

[iTwin]

Olá!

Utilize esse código CSS:

Código:

#i_whosonline + p br + br + em{background:#fff url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;border:2px solid #DDD;border-radius:6px;color:transparent;display:block;font-size:0;margin:0 auto;padding:10px 8px 5px 5px;text-align:center;width:70%}#i_whosonline + p br + br + em a{-webkit-transition-duration:.3s;font-size:15px;font-style:normal;font-weight:400;margin:0 5px;text-shadow:0 1px 1px}#page-body p.page-bottom{border: 1px solid #ccc;padding:5px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;font-family: Trebuchet MS,Arial,Tahoma; display:inline-block; margin-left:3px; margin-right:auto; height: 14px; font-weight : normal; font-size: 1.2em; text-align:left}input[type="text"],input[type='password'],select,textarea{border:1px solid #00A5CD!important;box-shadow:1px 1px 1px #fff}

Acabei de visitar seu fórum e percebi que os códigos que lhe passei acima não estão ativos.

Melhores cumprimentos.

Olá, eu estava usando o código em um fórum que estou fazendo com meu amigo, não diminuiu a caixa de texto, mais mesmo assim fiquei feliz com o resultado... Obrigado