Readequar area do perfil

3 participantes

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

Tópico resolvido Readequar area do perfil

Mensagem por Leo_Pereira12 07.04.22 0:32

Detalhes da questão


Endereço do fórum: https://gameforeverrpg.forumeiros.com/forum
Versão do fórum: phpBB2

Descrição


Olá, boa tarde, gostaria de saber como eu faço para readequar esse fundo quadrado para ficar certo a questão da "MPs" e "Reputações" atualmente está assim, passando fora da margem. Readequar area do perfil Forum10
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Membro desde : 03/06/2020
Mensagens : 85
Pontos : 127

https://gameforeverrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por LucianoMicle 07.04.22 1:19

Olá amigo! Espero que esteja bem.
Experimente este código e brinque com o botão de preenchimento ao seu gosto.


Código:
ul#fa_menulist {
    padding-bottom: 100px;
}

cuidado, abraços @Leo_Pereira12
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por Leo_Pereira12 12.04.22 1:37

LucianoMicle escreveu:Olá amigo! Espero que esteja bem.
Experimente este código e brinque com o botão de preenchimento ao seu gosto.


Código:
ul#fa_menulist {
    padding-bottom: 100px;
}

cuidado, abraços @Leo_Pereira12

Olá amigo, coloquei esse código na folha CSS mas não resultou em nada, o perfil continua da mesma forma como no primeiro pint aqui do meu tópico.
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Membro desde : 03/06/2020
Mensagens : 85
Pontos : 127

https://gameforeverrpg.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Readequar area do perfil

Mensagem por Musashi 12.04.22 3:33

Bom dia @Leo_Pereira12!

Tenta o seguinte código em sua folha de estilo (CSS):

Código:
#fa_menulist {
    height: auto;
}

Caso não surja efeito, me forneça uma conta teste para eu poder avaliar seu problema de outra maneira (e melhor possível)!

(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi! Muito feliz
Musashi

Musashi
Ajudeiro
Ajudeiro

Masculino
Membro desde : 17/02/2021
Mensagens : 409
Pontos : 496

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por Leo_Pereira12 14.04.22 23:06

Musashi escreveu:Bom dia @Leo_Pereira12!

Tenta o seguinte código em sua folha de estilo (CSS):

Código:
#fa_menulist {
    height: auto;
}

Caso não surja efeito, me forneça uma conta teste para eu poder avaliar seu problema de outra maneira (e melhor possível)!

(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi! Muito feliz

Olá amigo, fiz o que me falou para fazer e ainda assim não surgiu efeito, como mostra o print a seguir https://imgur.com/a/y7ZaIfg

Aqui vai uma conta teste
Login: teste
Senha: teste123
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Membro desde : 03/06/2020
Mensagens : 85
Pontos : 127

https://gameforeverrpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por LucianoMicle 15.04.22 0:38

Olá amigo @Leo_Pereira12
Entre na conta para testar o código e veja o erro.
Olha, eu deixo a imagem aqui e você pode verificar.

Spoiler:

Spoiler:

Qualquer coisa modifica o que destaco em preto:: Padding: 10px 19px 100px 198px;




Ou então tente este código
Spoiler:
LucianoMicle

LucianoMicle
Nível 9

Masculino
Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por Leo_Pereira12 15.04.22 1:47

LucianoMicle escreveu:Olá amigo @Leo_Pereira12
Entre na conta para testar o código e veja o erro.
Olha, eu deixo a imagem aqui e você pode verificar.

Spoiler:

Spoiler:

Qualquer coisa modifica o que destaco em preto:: Padding: 10px 19px 100px 198px;




Ou então tente este código
Spoiler:

Olá, eu copiei o código e colei na minha folha CSS e novamente não surgiu efeito. Vou deixar aqui minha folha CSS completa talvez algum outro código esteja impedindo.

Código:
a[href="/u1"] {
text-shadow: 0px 0px 5px #1c1c1c;
  background: url(http://img0.liveinternet.ru/images/attach/c/3/77/140/77140894_bluestarglitterangel.gif
}.headerbar {
  background: url(https://imgur.com/a/pD23uF9) center center repeat;
}
#page-header ul.linklist.navlinks {
        border: 0px solid black;
        border-bottom: 4px solid black;
        border-radius: 0px !important;
        padding-top: 15px;
        height: 40px;
}
#page-header .linklist.navlinks a.mainmenu:hover {
        padding-bottom: 13px;
}
form[action="/post"] input.button2 {
    background: #0acc0a!important;
    border: none !important;
    border-bottom: 2px solid black !important;
    border-radius: 3px !important;
    color: #FFF!important;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: normal!important;
    margin: 2px !important;
    padding: 6px 9px!important;
}
form[action="/post"] input.button2:hover {
    background: silver!important;
    color: black !important;
}

.postprofile-avatar img {
  min-width: 150px!important;
  min-height: 250px!important;
  border-radius: 0px!important;
  border: 1px solid #eee!important;
  width: 150px!important;
  height: 250px!important;
}

.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #EEB422;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.subdono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D11736;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1527ac;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.master {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #ae5da0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.admliderancas {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8b658b;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.helper {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #72bec1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.fodastico {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #ebe5d4;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768a1;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.designer {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #7a0c06;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.auxiliar {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1f3200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.calouro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #848484;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.iniciante {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #848484;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.aprendiz {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #848484;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.novato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #848484;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

a[href="/u1"] {
        text-shadow: 0px 0px 10px #ffb500;
        }
a[href="/u4"] {
        text-shadow: 0px 0px 10px #ffb500;
        }
a[href="/u1"] {
background: url("hthps://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}

a[href="/u2"] {
        text-shadow: 0px 0px 10px #ffb500;
        }
a[href="/u1"] {
background: url("https://i.servimg.com/u/f46/17/36/33/20/pxg8710.gif");
}

a[href="/u1"] {
  background: url(https://i.imgur.com/6EHq3rY.gif);
  display: inline-block;
}

a[href="/u2"] {
  background: url(https://i.imgur.com/qwUzYq0.gif);
  display: inline-block;
}

a[href="/u4"] {
  background: url(https://i.imgur.com/qwUzYq0.gif);
  display: inline-block;
}

.postprofile {
    border: 1px dashed #eee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: left;
    background-image: url(https://i.imgur.com/xCS9UAL.png);
    background-repeat: repeat;
    -moz-box-shadow: 0px 5px 5px #CCCCCC;
    -webkit-box-shadow: 0px 5px 5px #CCCCCC;
    -ms-box-shadow: 0px 5px 5px #CCCCCC;
    -o-box-shadow: 0px 5px 5px #CCCCCC;
    box-shadow: 0px 5px 5px #CCCCCC;
    margin: 10px 20px 20px 10px;
    width: 230px;
}

.postprofile-rank {
    border-color: #2c353b66;
    border-width: 0 0 1px;
}

element.style {
}
.button + .button-round, .button + .button1, .button + .button2, .button1 + .button-round, .button1 + .button1, .button1 + .button2, .button2 + .button-round, .button2 + .button1, .button2 + .button2, input[type="submit"] + .button-round, input[type="submit"] + .button1, input[type="submit"] + .button2 {
    margin-left: 18px;
}
fieldset.submit-buttons input {
    vertical-align: middle;
}
.button, .button1, .button2, input[type="submit"] {
    background-color: #12696e;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 18px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    width: auto!important;
}

.sceditor-container iframe, .sceditor-container textarea {
    background:url(https://i.imgur.com/a5ZZIRO.png) !important;
    background-position : center!important;
    background-repeat: no-repeat!important;
}

.post-head {
    background: transparent;
    padding: 26px 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius 0: ;
    border-radius: 0;
    margin-left: 18.4em;
}

.post-head {
    background-color: rgba(0,0,0,0.03);
    border-color: #3793FF;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 18px;
}

:after, :before {
    border: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#fa_ranktitle {display: none!important;}

#fa_usermenu table {
  margin-top: -5%;
}

.postbody{padding: 12px 18px 18px 45px!important;}

#forum_rules table{margin-left:0px;}

#forum_rules .h3 {
    text-align: center;
    border-color: white!important;
    font-weight: bold!important;
    background-color: #fff;
    padding-left: 2%;
}
#forum_rules {
    background-color: #f8f8f8;
    box-shadow: none!important;
}



.bt {
border:1px solid #25692A;
border-radius:4px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
padding:6px 10px;
text-decoration:none;
}

.bt-vd {
border-color:#68b465;
background:linear-gradient(to bottom, #abd5aa 5%, #68b465 100%);
box-shadow:inset 0px 1px 0px 0px #e3f1e3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.bt-lj {
border-color:#eb9b48;
background:linear-gradient(to bottom, #f7d6b3 5%, #eb9b48 100%);
box-shadow:inset 0px 1px 0px 0px #fdf7f0;
color:#333;
text-shadow:0px 1px 0px #ffee66;
}

.bt-az {
border-color:#46a7f5;
background:linear-gradient(to bottom, #86c6f8 5%, #46a7f5 100%);
box-shadow:inset 0px 1px 0px 0px #d7ecfd;
color:#fff;
text-shadow:0px 1px 0px #528009;  
}

.bt-vm {
border-color:#f61f0e;
background:linear-gradient(to bottom, #fca8a1 5%, #f61f0e 100%);
box-shadow:inset 0px 1px 0px 0px #fff4f3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.bt-vd:hover {
background:linear-gradient(to bottom, #68b465 5%, #abd5aa 100%);
}

.bt-lj:hover {
background:linear-gradient(to bottom, #eb9b48 5%, #f7d6b3 100%);
}

.bt-az:hover {
background:linear-gradient(to bottom, #46a7f5 5%, #86c6f8 100%);
}

.bt-vm:hover {
background:linear-gradient(to bottom, #f61f0e 5%, #fca8a1 100%);
}

.bt:active {
position:relative;
top:2px;}

ul#fa_menulist {
    height: 335px;
}
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Membro desde : 03/06/2020
Mensagens : 85
Pontos : 127

https://gameforeverrpg.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Readequar area do perfil

Mensagem por Musashi 15.04.22 1:57

Boa noite @Leo_Pereira12!

Adicione em sua Folha de Estilo (CSS) o seguinte código e veja se surge efeito:

Código:
#fa_menulist {
    line-height: 50px;
}

Caso não funcione apenas com as seguintes linhas acima, adicione este código seguinte:

Código:
#fa_menulist {
    background-color: #FFF;
    line-height: 50px;
    z-index: 10000;
    min-width: 175px;
    width: auto;
    display: none;
    border-radius: 0 0 3px 3px;
    border: none;
    position: absolute;
    list-style-type: none;
    font-size: 1.3rem;
    box-shadow: 0 0 9px rgb(0 0 0 / 30%), 0 0 1px 1px rgb(0 0 0 / 20%);
    top: 42px;
    margin: 0;
    padding: 9px 18px 9px 198px;
}

(Aguardo respostas)
Abraços,
do seu amigo da comunidade, Musashi! Muito feliz
Musashi

Musashi
Ajudeiro
Ajudeiro

Masculino
Membro desde : 17/02/2021
Mensagens : 409
Pontos : 496

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Readequar area do perfil

Mensagem por Leo_Pereira12 15.04.22 2:23

Já consegui, obrigado pode fechar
Leo_Pereira12

Leo_Pereira12
Nível 7

Masculino
Membro desde : 03/06/2020
Mensagens : 85
Pontos : 127

https://gameforeverrpg.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Readequar area do perfil

Mensagem por Musashi 15.04.22 2:25

Tópico resolvido


Movido para "Questões resolvidas".
Musashi

Musashi
Ajudeiro
Ajudeiro

Masculino
Membro desde : 17/02/2021
Mensagens : 409
Pontos : 496

https://lucasthemes.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos