Auto ajuste da foto de capa em fóruns tipo Blog Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Auto ajuste da foto de capa em fóruns tipo Blog

2 participantes

Ir para baixo

Tópico resolvido Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Harleen 06.08.15 3:27

Boa Noite a todos
A minha questão é a seguinte, a foto no blog fica cortada no Chrome e no Opera como podem ver na imagem
Opera e Chrome:
e no Firefox aparece completa porém com o contorno enorme
Firefox:

se for possível gostaria que a capa ficasse completa nesses navegadores.

Códigos que estou usando investimento nos tópicos:

Link do Fórum: http://soulfulbrmusic.forumais.com/t67-anuncio-finalmente-abrimos

Desde já agradeço
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Shek 06.08.15 14:07

Bom dia. Muito feliz

Eu creio que isso possa solucionar o problema:
Código:
@media screen and (-webkit-min-device-pixel-ratio:0) {
 table.postprofile_mod_fa { background-size: 110% !important; }
 }
O que pode ocorrer neste caso, é que para ambos os navegadores o auto-ajuste da capa funciona de um tipo específico, logo, seria necessário o CSS acima que funciona somente no Google Chrome. Ele vai ajustar toda capa para 110%.

É o único meio que sei para ajudá-la neste caso.

Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Harleen 06.08.15 14:31

Bom dia Shek funcionou para os dois navegadores que citei Muito feliz

Se não for inconveniente, gostaria de diminuir a borda envolta do avatar, aqui está o css

Código:
/* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
        .postprofile_mod_fa {
/* CAPA NORMAL PARA VISITANTES */
        background: url(http://i18.servimg.com/u/f18/18/89/20/58/capa11.jpg) no-repeat center center scroll;
        }

        #postprofile_mod_shek {
        border-radius: 5px;
        padding: 5px;
        }

        .information_member p, .fields_profile_member p {
        font-weight: bold;
        font-size: 15px;
        color: #0068C9;
        }

        #postprofile_mod_shek a img {
        max-height: 75%;
        max-width: 75%;
        }

        .postprofile_mod_height {
        height: 5px;
        }

        /* information_member modificação */
        td.information_member_post {
        -moz-border-radius: 10px;
        -moz-box-shadow: 1px 1px 6px #FFF;
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 1px 1px 6px #FFF;
        border: medium none!important;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #FFF;
        padding: 5px;
        width: 5%;
        background-color: #EFF2F5;
        text-align: center;
        }

        td.information_member_post .row1 {
        background-color: #D9E9F1;
        }

        td.information_member_post .row2 {
        background-color: #DCEAF5;
        }

        .details_member_profile {
        padding: 5px;
        width: 35%;
        }

        .pun .postmain {
        margin-left: 0px !important;
        }

        table.postprofile_mod_fa div.profile_cust {
        transition: all .1s ease-in-out;
        background-color: transparent;
        opacity: 0.2;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }

        table.postprofile_mod_fa div.profile_cust:hover {
        transition: all .1s ease-in-out;
        opacity: 100;
        background-color: #FFF;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    table.postprofile_mod_fa { background-size: 110% !important; }
    }
        /* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Shek 06.08.15 17:00

A borda em volta do avatar? Mas... Não há uma borda em volta do avatar, e sim o fundo branco com a largura. Você pode modificar isso procurando pelo setor td.information_member_post no seu CSS, e modificar o valor da width para se ajustar ao tamanho que desejar. Muito feliz
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Harleen 06.08.15 17:47

Sim esse fundo branco Envergonhado nesse caso era a altura e largura que estava me referindo...
Já modifiquei o width que você mencionou, só não consigo modificar a altura
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Shek 07.08.15 14:20

Bom dia.

Troque seu CSS da capa, por este:
Código:
/* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
        .postprofile_mod_fa {
/* CAPA NORMAL PARA VISITANTES */
        background: url(http://i18.servimg.com/u/f18/18/89/20/58/capa11.jpg) no-repeat center center scroll;
        }

        #postprofile_mod_shek {
        border-radius: 5px;
        padding: 5px;
        }

        .information_member p, .fields_profile_member p {
        font-weight: bold;
        font-size: 15px;
        color: #0068C9;
        }

        #postprofile_mod_shek a img {
        max-height: 75%;
        max-width: 75%;
        }

        .postprofile_mod_height {
        height: 5px;
        }

        /* information_member modificação */
        td.information_member_post {
width: 5%;
}
        td.information_member_post dt {
        -moz-border-radius: 10px;
        -moz-box-shadow: 1px 1px 6px #FFF;
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 1px 1px 6px #FFF;
        border: medium none!important;
        border-radius: 10px;
        box-shadow: 1px 1px 6px #FFF;
        padding: 5px;
        background-color: #EFF2F5;
        text-align: center;
        }

        td.information_member_post .row1 {
        background-color: #D9E9F1;
        }

        td.information_member_post .row2 {
        background-color: #DCEAF5;
        }

        .details_member_profile {
        padding: 5px;
        width: 35%;
        }

        .pun .postmain {
        margin-left: 0px !important;
        }

        table.postprofile_mod_fa div.profile_cust {
        transition: all .1s ease-in-out;
        background-color: transparent;
        opacity: 0.2;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }

        table.postprofile_mod_fa div.profile_cust:hover {
        transition: all .1s ease-in-out;
        opacity: 100;
        background-color: #FFF;
        padding: 5px;
        border-radius: 5px;
        width: 20%;
        margin-top: 14%;
        }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    table.postprofile_mod_fa { background-size: 110% !important; }
    }
        /* MOD_POST_PROFILE SHEK - FÓRUM DOS FÓRUNS */
O resultado seria:

Auto ajuste da foto de capa em fóruns tipo Blog Result25

Atenciosamente.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Harleen 07.08.15 15:51

Muito obrigada pela ajuda Shek, resultou Muito feliz
Não vejo o botão.
Pode dar como resolvido OK
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Auto ajuste da foto de capa em fóruns tipo Blog

Mensagem por Shek 07.08.15 16:02

Auto ajuste da foto de capa em fóruns tipo Blog Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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