Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Auto ajuste da foto de capa em fóruns tipo Blog
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Auto ajuste da foto de capa em fóruns tipo Blog
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
se for possível gostaria que a capa ficasse completa nesses navegadores.
Link do Fórum: http://soulfulbrmusic.forumais.com/t67-anuncio-finalmente-abrimos
Desde já agradeço
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:
- 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
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Bom dia.
Eu creio que isso possa solucionar o problema:
É o único meio que sei para ajudá-la neste caso.
Atenciosamente,
Shek
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 único meio que sei para ajudá-la neste caso.
Atenciosamente,
Shek
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Bom dia Shek funcionou para os dois navegadores que citei
Se não for inconveniente, gostaria de diminuir a borda envolta do avatar, aqui está o css
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 */
Re: Auto ajuste da foto de capa em fóruns tipo Blog
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.
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Sim esse fundo branco 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
Já modifiquei o width que você mencionou, só não consigo modificar a altura
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Bom dia.
Troque seu CSS da capa, por este:
Atenciosamente.
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 */
Atenciosamente.
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Muito obrigada pela ajuda Shek, resultou
Não vejo o botão.
Pode dar como resolvido
Não vejo o botão.
Pode dar como resolvido
Re: Auto ajuste da foto de capa em fóruns tipo Blog
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Concurso Foto de capa: Vote na sua capa preferida!
» Perfil com foto de capa
» Aplicando foto de capa em tópicos
» foto de capa no perfil
» Foto de capa no perfil
» Perfil com foto de capa
» Aplicando foto de capa em tópicos
» foto de capa no perfil
» Foto de capa no perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos