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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
191 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 190 Visitantes :: 2 Motores de busca

soldado

[ 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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

Ver perfil do usuário 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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