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
Login

Esqueci minha senha

Últimos assuntos
» Pinta ícone
Hoje à(s) 4:48 por Smoke.xX

» Remover ver mensagens
Hoje à(s) 3:10 por while

» Borda no rank de adms
Hoje à(s) 3:07 por while

» Novo tópico sem Refresh
Hoje à(s) 1:59 por iScroll

» Ajuda com Botão Curtir
Hoje à(s) 1:54 por TZero

» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
Hoje à(s) 0:41 por Kyou

» Personalizar a barra de menu
Ontem à(s) 23:06 por Cepheus

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
fiapinho
 
while
 
Kyou
 
Smoke.xX
 
w204
 
Holkis
 
TZero
 
iScroll
 

Quem está conectado
179 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 178 Visitantes :: 1 Motor de busca

TZero

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 10 Out 2015 - 0:04

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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/banner_bg.jpg") 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/banner_texture.png") 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/advanced_search.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/search_icon.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/trans50.png") 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/trans30.png") 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/icon_inbox.png\');
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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/box_pattern.png") 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/secondary_nav_bg.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_reallyfaint.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_reallyfaint.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_reallyfaint.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png\') 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/trans30.png\') 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;
}

Alpha~
Nível 4

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

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 Sab 10 Out 2015 - 11:41

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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 Sab 10 Out 2015 - 18:11

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 ????

Alpha~
Nível 4

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

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 Sab 10 Out 2015 - 18:15

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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 Sab 10 Out 2015 - 18:18

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

Alpha~
Nível 4

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

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 Sab 10 Out 2015 - 23:44

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

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22831

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