Como faço para aumentar a largura

Detalhes da questão

Endereço do fórum: http://digimongravity.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá!

Aceda à sua folha de estilos e adicione o seguinte código:

Código:

.pun .post .user { width: 120% !important; }

Ajuste o valor 120% conforme lhe agradar. Quanto mais alto o valor, maior a largura, e vice-versa.

Até mais.
Fraise

Porém, ao usar esse código, e mesmo mexendo na porcentagem, acaba que o que estava escrito desce e o fundo por detrás das informações de perfil não aumenta junto

up

Esqueci completamente dessa parte! Cá está o código: (troque pelo anterior)

Código:

.pun .user .user-info, .pun .post .user { width: 120% !important; }

Abraços e desculpe.
Fraise

Continua com o mesmo problema. Essa é a folha que estou usando

Código:

.pun .user .user-info, .pun .post .user { width: 120% !important; }
div.user-basic-info a img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);}div.user-basic-info a img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

Meu deus! Esqueci denovo que não faria sentido aumentar a largura sem aumentar primeiro a fonte da letra por isso é que não estava funcionando.
Troque o código por este:

Código:

.pun .user .user-info, { font-size: 13px !important; }
.pun .user .user-info, .pun .post .user { width: 150% !important; }


Abraços.
Fraise

Ainda persiste o problema, n seria algum problema com os outros códigos como o que faz girar a foto?

Como assim? Eu testei o código e está totalmente funcional. Tente adicionar no inicio da sua folha de estilos:

Código:

.pun .user .user-info { font-size: 13px !important; }
.pun .user .user-info, .pun .post .user { width: 150% !important; }

Abraços!

Ela está no inicio e mesmo assim persiste o problema, a Img e o rank aumentam, porem o fundo atrás não aumenta fazendo com que as coisas escritas se movam para baixo.

Código:

.pun .user .user-info { font-size: 13px !important; }
.pun .user .user-info, .pun .post .user { width: 150% !important; }
div.user-basic-info a img:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);}div.user-basic-info a img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

Olá!

Teste esse código:

Código:

.pun .postmain {margin-left: 24em !important} .pun .user {margin-left: -22em !important; width: 20em !important }

Atenciosamente,
Jpjupa.

Resolveu, cara, muito obrigado, muito mesmo!
Pode fechar o tópico