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

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

  • 0

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

Mensagem por Harleen em 05/08/15, 11:27 pm

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:

Código:
jQuery(function () {
            jQuery('.postprofile_mod_fa').each(function () {
                jQuery(this).before('<!-- MOD_PROFILE_SHEK - AJUDA.FORUMEIROS.COM - Favor, não remover os créditos do código!!! Criado por Hancki -->');
                jQuery('<div id="shekFundo" style="display:none;"></div>').appendTo(this);

                var userLink = jQuery(this).find('td.information_member_post h4 a:eq(0)').attr('href');

                jQuery('#shekFundo').load(userLink + ' #field_id5 .field_uneditable', function () {
                    var imgShek = jQuery(this).text();
                    jQuery(this).parent('.postprofile_mod_fa').attr('style', 'background: url(' + imgShek + ') no-repeat center center scroll !important;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;width:100%;');
                });

            });
        });

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

Desde já agradeço
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI
  • 0

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

Mensagem por Shek em 06/08/15, 10:07 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por Harleen em 06/08/15, 10:31 am

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 */
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

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

Mensagem por Shek em 06/08/15, 01:00 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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

Mensagem por Harleen em 06/08/15, 01:47 pm

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
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

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

Mensagem por Shek em 07/08/15, 10:20 am

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:


Atenciosamente.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif
  • 0

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

Mensagem por Harleen em 07/08/15, 11:51 am

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

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

Mensagem por Shek em 07/08/15, 12:02 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".


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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