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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mostrar membros do grupo ao passar mouse
Hoje à(s) 4:15 por PESS_dodo

» Avatar e Assinatura
Hoje à(s) 2:57 por Laylla Marina

» Rank para meu fórum
Ontem à(s) 22:10 por Railison Ramon

» Ranks para meu forum
Ontem à(s) 21:45 por [B]ubbaNWD

» Fixar anúncios
Ontem à(s) 21:37 por Luiz~

» Espaço do fundo
Ontem à(s) 21:37 por Luiz~

» ocultar widget da lateral
Ontem à(s) 20:13 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
227 usuários online :: 7 usuários cadastrados, 1 Invisível e 219 Visitantes :: 2 Motores de busca

Biel_Staff, Laylla Marina, Luiz~, MateusV., PESS_dodo, Railison Ramon, santolaya_li

[ Ver toda a lista ]


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

Ajustar botões de amizade

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

Resolvido Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 19:09

Detalhes da questão


Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá!

Gostava de deixar os botões de "Adicionar à minha lista de amigos" e "Adicionar à minha lista de ignorados" em cima da capa de perfil ou seja +/- onde está o quadrado em azul:


E se possível deixar o texto centrado como da FdF:


Última edição por IsmaelS. em Sex 26 Ago 2016 - 22:51, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por Fraise em Qui 25 Ago 2016 - 19:22

Boas!

Por gentileza, me forneça uma conta-teste para eu poder visualizar os tais botões.

Atenciosamente,
Fraise.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 7305

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 19:24

Acabo de enviar por mensagem privada.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por Fraise em Qui 25 Ago 2016 - 19:29

Que código estás a utilizar para fazer o efeito da capa? Podes fornecer? Muito feliz

Atenciosamente.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 7305

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 19:37

Em todas as páginas:
Código:
// FOTO DE CAPA
    if (window.location.pathname.indexOf('/u') == 0) {
        $(document).ready(function() {
            // Link Imagem Capa
            var fbcapa = $('#field_id4  .field_uneditable').text(); // Local onde coloca a ID do campo
            // Estrutura geral
            $('#pun-visit').before('<div style="width: 100%; height: 315px; position: relative; background: url(' + fbcapa + ') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" id="fbfundo"><div style="position: absolute; left: 0; width: 100%; bottom: 0;"><table id="fbperfil"><tr><td rowspan="3" id="fbavatar"></td><td style="font-size: 16px;" id="fbnome"></td></tr><tr><td style="font-size: 1.4em;" id="fbrank"></td></tr></table></div></div><style>table#fbperfil tbody tr td#fbnome div.h3 {text-transform: none !important;} h1.page-title{font-size:0px!important;height:30px!important;} #main-content p:nth-child(2) {display:none!important;} #profile-advanced-right .module {display:none!important;} #profile-advanced-left {width:100%!important;} #fbperfil { margin-bottom: -33px; margin-left: 13px; } #fbfundo { border: 2px solid #BDBDBD; -webkit-border-radius: 5px; } #fbavatar { border: 4px solid #fff; -webkit-border-radius: 2px; background-color: white; } #fbavatar img { height: 160px; width: 160px; } #fbnome { padding: 28% 0px 0px 10px; } #fbrank, #fbgrupo { padding: 0px 0 0 10px; } #profile-advanced-layout #tabs { bottom: 0; padding-left: 280px; margin-top: 0px !important; }#profile-advanced-layout #tabs { margin-bottom: -13px !important; margin-left: -10px; } #profile-advanced-details { padding-top: 10px !important; }#fbrank span { margin-bottom: 40px !important; }</style>');
            // Avatar
            $('.module:first .main-content img[alt=""]').clone().appendTo($('#fbavatar'));
            // Nome
            $('div#main-content div.module:first .h3:first').clone().appendTo($('#fbnome'));
            // Rank
            $('.module:first .main-content.clearfix.center span').clone().appendTo($('#fbrank'));
            // Prevenir avatares duplos para usuários sem imagem de rank
            $(function() {
                var fbavatarduplo = [],
                    imagemdupla;
                $("#fbfundo img").filter(function() {
                    imagemdupla = $(this).attr("src");
                    if ($.inArray(imagemdupla, fbavatarduplo) < 0) {
                        fbavatarduplo.push(imagemdupla);
                        return false;
                    }
                    return true;
                }).remove();
            });
            // Ícone online automático
            $("table#fbperfil tbody tr td#fbnome div.h3").html(function(_, html) {
                return html.replace("(conectado)", "<img alt='Conectado' title='Conectado' src='http://i.imgur.com/QglVEGE.png' />")
            });
            // Tabs sem refresh para evitar erros na foto de capa
            $(function() {
                var tabfbperfil = function() {
                    $('#tabs li').click(function(e) {
                        e.preventDefault();
                        var url = this.firstChild.href;
                        if (url == '#') return;
                        $('#profile-advanced-left').load(url + ' #profile-advanced-left', tabfbperfil);
                    });
                };
                tabfbperfil();
            });
        });
    }

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por while em Qui 25 Ago 2016 - 19:38

Olá autor, adicione esse código em sua folha de estilo css:
Código:
#profile-advanced-add {margin-top:-50px!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 19:42

Resultou mas quem usar foto de capa os botões ficam por trás da capa.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por while em Qui 25 Ago 2016 - 19:57

E se tentar assim:
Código:
 #profile-advanced-add {margin-top:-110px!important;position:absolute;}

Resulta?
Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 20:11

Resultou mas queria encostar mais a direita se possível.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por while em Qui 25 Ago 2016 - 21:26

Olá, troque por:
Código:
 #profile-advanced-add {margin-top:-110px!important;position:absolute;margin-left:40px;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Qui 25 Ago 2016 - 21:55

Isso mesmo mas o botão de "Excluir da minha lista de amigos" continua no meio queria encostar a direita e por mais para baixo:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Sex 26 Ago 2016 - 21:55

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

Resolvido Re: Ajustar botões de amizade

Mensagem por Cream em Sex 26 Ago 2016 - 22:17

Olá,

Veja se resulta:
Código:
#profile-advanced-add a {
margin-left: 35px !important;
margin-top: 50px !important;
}

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13963

http://ajuda.forumeiros.com

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Sex 26 Ago 2016 - 22:19

Resultar resultou mas mexeu com os outros botões de "Adicionar à minha lista de amigos" e "Adicionar à minha lista de ignorados".

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Ajustar botões de amizade

Mensagem por Cream em Sex 26 Ago 2016 - 22:42

Olá,

Troque por este então:
Código:
#profile-advanced-add a[href^="/profile?mode=editprofile&page_profil=friendsfoes&remove"]{
margin-left: 35px !important;
margin-top: 50px !important;
}

Resulta?
Até mais!


avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13963

http://ajuda.forumeiros.com

Resolvido Re: Ajustar botões de amizade

Mensagem por IsmaelS. em Sex 26 Ago 2016 - 22:51

Ficou óptimo obrigado a todos! Muito feliz

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5480

http://master-publicitario.forumeiros.com/

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