Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
210 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 206 Visitantes :: 2 Motores de busca

Dark Hunter, JulioPais, MarcosSchultz, Noia 2.0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Alpha~ em 09/10/15, 08:04 pm

Detalhes da questão


Endereço do fórum: http://attack-on-titan.forumeiros.com/
Versão do fórum: PunBB

Descrição


Meu problema é o seguinte: Eu tenho com base no tamanho de avatares em 400x200, e ranks, 200x65, porém, a linha que separa a área do perfil (avatar, ranks, etc ..) do post em um tópico, parte da largura do avatar e do rank é cortado.

Queria aumentar a largura dessa área para que o Avatar e o Rank aparece por completo.

Como aparece em tópicos: http://prntscr.com/8pnenn

Como o Avatar e o Rank deveriam aparecer em tópicos: http://prntscr.com/8pnflx


- Sei como costumam pedir a folha de CSS, deixarei ela aqui embaixo.

Folha CSS:

Código:

@-webkit-keyframes movebg{
   0% {background-position-x: 1000px;}
   100% {background-position-x: -1000px;}
}
@-moz-keyframes movebg {
   0% {background-position-x: 1000px;}
   100% {background-position-x: -1000px;}
}
@-o-keyframes movebg {
   0% {background-position-x: 1000px;}
   100% {background-position-x: -1000px;}
}
.hide {
display: none;
}
a:link {
text-decoration: none !important;
}
.pun {
padding: 0;
width: 100%;
}
#pun-intro {
background: black url("http://illiweb.com/fa/pbucket.gif") repeat-x top;
height: 130px;
padding: 0;
margin: 0;
border: none;
-webkit-animation: movebg 100s linear infinite;
-moz-animation: movebg 100s linear infinite;
-o-animation: movebg 100s linear infinite;
}
.banner {
background: url("http://illiweb.com/fa/pbucket.gif") repeat;
height: 130px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px -1px 0px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px -1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px -1px 0px;
}
.bane {
height: 93px;
}
#pun-title {
float: left;
}
#pun-title h1, #pun-title {
color: white;
height: 93px;
line-height: 93px;
padding: 0 12px;
letter-spacing: -1px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 3px;
font-size: 40px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
display: block;
text-decoration: none;
text-shadow: white 0px 0px 4px;
}#search {
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
float: right;
margin-top: 30px;
padding: 4px;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url(\'http://illiweb.com/fa/pbucket.gif\') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}#search_wrap {
position: relative;
background: rgba(255, 255, 255, 0.15);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
min-width: 230px;
}#main_search {
font-size: 12px;
border: 0;
padding: 0;
padding-left: 3px;
background: transparent;
width: 238px;
outline: 0;
color: #DDD;
height: 25px;
}.submit_input.clickable {
background: rgba(255, 255, 255, 0.15) url(\'http://illiweb.com/fa/pbucket.gif\') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
#pun-head, .bane {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 90%;
}
#pun-head #pun-navlinks {
background: url("http://illiweb.com/fa/pbucket.gif") repeat;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 32px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
}
#pun-navlinks li {
display: inline-block;
position: relative;
}
#pun-navlinks li a {
margin: 0 .8em 0 0;
color: #CACACA;
color: rgba(255, 255, 255, 0.7);
display: block;
outline: none;
padding: 0px 12px;
height: 32px;
font: bold 11px/32px arial,sans-serif;
}
#pun-navlinks li a:hover,#pun-navlinks li a[href="/"] {
background: url("http://illiweb.com/fa/pbucket.gif") repeat;
background: rgba(0, 0, 0, 0.3);
color: white;
position: relative;
}
a[href="/privmsg?folder=inbox"] {
font-size: 0px !important;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#i_icon_mini_message {
background: url(\'http://illiweb.com/fa/pbucket.gif\');
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
}
#page-body, #pun-foot {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 90%;
}
#content-container {
padding-top: 20px;
}
.boxx {
background: #1F1F1F url("http://illiweb.com/fa/pbucket.gif") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom: 15px;
}
.main-head {
border: 0;
padding: 9px 9px 14px 9px;
background: none transparent !important;
}
.page-title h2 {
color: white;
font-weight: bold;
}
.main .main-content, .main .main-head, #stats {
background: none !important;
border: none !important;
}
.tcl, .pun .postmain, .pun .paged-foot, .pun .paged-head, .pun .post, .pun .posthead {
background: #181818 !important;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828 !important;
border-bottom: 1px solid #343434;
}
.ligtable {
display: table;
width: 100%;
}.ligIcon {
width: 36px;
padding-right: 10px;
text-align: center;
display: table-cell;
vertical-align: middle;
}.ligname {
width: 50%;
display: table-cell;
vertical-align: middle;
}.lignumber {
width: 15%;
padding-right: 15px;
display: table-cell;
vertical-align: middle;
white-space: nowrap;
padding-left: 5px;
}.ligbaimoi {
width: 30%;
display: table-cell;
vertical-align: middle;
}

#pun-visit, .main-box, #pun-about,.faq dd, .pun .frm-form, .pun .main table td.tc2, .pun .main table td.tc3,.pun table.table th, .pun table.table td, #search_menu {
background: #1C1C1C url(\'http://illiweb.com/fa/pbucket.gif\') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin-bottom: 15px;
}
#qjump label {
display: none;
}


/*---index box---*/
.bo {
font-size: 0;
display: inline;
padding: 0 10px;
}
.bo strong {
font: bold 11px arial,sans-serif;
color: white;
display: inline-block;
background: #222 url(\'http://illiweb.com/fa/pbucket.gif\') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
.bo span {
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
#onlinelist {
margin: 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: 1px solid #393939;
background: #181818;
}
#stats {
margin-bottom: 10px;
}
#pun-info h1, .main .main-foot, .main .main-head, .title-overview {
border-top: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url(\'http://illiweb.com/fa/pbucket.gif\') repeat-x 0 -1px;
font-size: 11px;
font-weight: bold;
padding: 8px;
}

/*---modun---*/
.module.main {
margin: 0 0 10px 10px !important;
background: #181818;
border: 1px solid #393939;
}
.module.main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url(\'http://illiweb.com/fa/pbucket.gif\') repeat-x 0 -1px !important;
padding: 8px;
}

#text_editor_textarea, input[type="text"], body.smiley-frame, fieldset.frm-set textarea.inputbox {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
button.button2, input.button2, select {
color: white;
margin: 2px .25em;
padding: 2px 3px !important;
border: 1px solid #383838;
background: #292929;
}
input[type="button"], .pun .frm .frm-buttons input, input[type="submit"], .mainoption, a.button2, body:last-child a.button1, input.button1 {
height: 26px;
line-height: 26px;
font-size: 11px;
padding: 0 10px;
border: 0;
background: #393939 url(\'http://illiweb.com/fa/pbucket.gif\') repeat-x 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
input[type="button"]:hover, .pun .frm .frm-buttons input:hover, .mainoption:hover {
color: white;
background-color: #434343;
}
#tabs ul li a {
background: none;
border: none;
font-weight: 400;
line-height: 20px;
}
#tabs ul li.activetab a, #tabs ul li a:hover {
background: url(\'http://illiweb.com/fa/pbucket.gif\') repeat !important;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px !important;
border-radius: 10px;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
}
#profile-advanced-details {
background: #181818;
border: 1px solid #393939;
}
.postfoot, #profile-advanced-details div.separator, .sub-head, fieldset.frm-set.multi, .frm-buttons {
border-color: #2D2D2D;
}
.pun table.table th {
color: white;
}
.main .frm-info, .pun .main .main-content p.message {
-moz-box-shadow: 0 -1px 2px #F7C800, 0 1px 1px rgba(255,255,255,0.1) inset;
-webkit-box-shadow: 0 -1px 2px #F7C800, 0 1px 1px rgba(255, 255, 255, 0.1) inset;
box-shadow: 0 -1px 2px #F7C800, 0 1px 1px rgba(255, 255, 255, 0.1) inset;
font-size: 15px;
line-height: 1.5;
text-shadow: 0 2px 0 rgba(0, 0, 0, 1);
background: #1C1C1C;
border: #111 solid 1px;
border-bottom: #111 solid 3px;
}
#forum_rules {
-moz-box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255,255,255,0.1) inset;
-webkit-box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255, 255, 255, 0.1) inset;
box-shadow: 0 -1px 2px #C23B22, 0 1px 1px rgba(255, 255, 255, 0.1) inset;
margin: 0 5px;
color: #DEDEDE;
font-size: 12px;
text-shadow: 0 2px 0 rgba(0, 0, 0, 1);
background: #1C1C1C;
border: #111 solid 1px;
border-bottom: #111 solid 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 3px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 95%;
}
#forum_rules .main-head {
padding: 0;
position: absolute;
}
#forum_rules .h2 {
margin: 10px 5px 0;
padding: 5px 10px 5px 10px;
font-size: 11px;
font-weight: bold;
background-color: #111;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
}
.main-content.frm {
margin-top: 35px;
}
avatar

Alpha~
Nível 4

Masculino
Inscrito dia : 19/09/2012
Mensagens : 28
Pontos Ativos : 44

http://attack-on-titan.forumeiros.com/

Resolvido Re: Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Fraise em 10/10/15, 07:41 am

Olá!

Aceda a Painel de Controle > Visualização > Cores > Folha de estilo CSS e adicione o seguinte código no inicio da folha:
Código:
.pun .user { width: 18em !important; }

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Alpha~ em 10/10/15, 02:11 pm

Funcionou, aumentou para a largura real do avatar e do rank, porém aconteceu isto: http://prntscr.com/8pvmol

A largura real do avatar e do rank sobressaiu sobre a linha que separa o perfil do post/tópico. Teria como aumentar a largura dessa linha de separação ????
avatar

Alpha~
Nível 4

Masculino
Inscrito dia : 19/09/2012
Mensagens : 28
Pontos Ativos : 44

http://attack-on-titan.forumeiros.com/

Resolvido Re: Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Fraise em 10/10/15, 02:15 pm

Adicione mais este no inicio:
Código:
.pun .post .user {
width: -18.5em !important;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Alpha~ em 10/10/15, 02:18 pm

Desculpe, acabou que só o primeiro code já consertou o erro, obrigado, poder por como resolvido.
avatar

Alpha~
Nível 4

Masculino
Inscrito dia : 19/09/2012
Mensagens : 28
Pontos Ativos : 44

http://attack-on-titan.forumeiros.com/

Resolvido Re: Problema de tamanho não suficiente para aparecer a largura completa do Avatar e Rank.

Mensagem por Sennior em 10/10/15, 07:44 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum