Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

[TUTORIAL] Adicionar widgets com atalhos no Perfil

Fórum dos Fóruns :: Forumeiros e você ::   :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados

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

Principal Contribuidor

[TUTORIAL] Adicionar widgets com atalhos no Perfil Empty [TUTORIAL] Adicionar widgets com atalhos no Perfil

Mensagem por Shek Seg 13 Out 2014 - 4:19


[TUTORIAL] Adicionar widgets com atalhos no Perfil Modules
Templates


Com o recurso de edição de templates disponível para todas as versões, podemos adicionar um novo recurso que possibilita ter widgets personalizados nas definições do perfil.


--> Tutoriais, dicas e astúcias <--
Adicionar widgets com atalhos no Perfil



1º - Edição dos templates:
Para que seja possível tais modificações, acesse Painel de Controle > Visualização > Templates > Perfil > e em seguida o template profile_add_body.

[TUTORIAL] Adicionar widgets com atalhos no Perfil Templa10

Feito isso, vamos abrir e usar o recurso da caixa de "Busca" para encontrar os códigos do passo a seguir.


2º - Modificação do template:
[TUTORIAL] Adicionar widgets com atalhos no Perfil Php31210 PHPBB3
Com o template aberto, na caixa Buscar procure por:
Código:
<div class="panel row3">
Ao encontrar, substitua por este novo código:
Código:
<div id="align_shekfa_01" class="panel row3">
Feito isso, na caixa de Busca, procure por:
Código:
<script type="text/javascript">
No primeiro que encontrar, acima dele cole este novo código:
Código:
<style>
    div#align_shekfa_01 {
    width: 80%;
    float: left;
    }

    #shek_fa23 {
    float: right;
    width: auto;
    }

    #tabs {
    display: none !important;
    }
    </style>
     
          <div id="shek_fa23">
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Caixa de Correio Pessoal</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png" />
                    <a href="/privmsg?folder=inbox"> Caixa de Entrada</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_sentbox.png" />
                    <a href="/privmsg?folder=sentbox"> Caixa de Saida</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_outbox.png" />
                    <a href="/privmsg?folder=outbox"> Mensagens Enviadas</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_savebox.png" />
                    <a href="/privmsg?folder=savebox"> Mensagens Salvas</a>
                </p>
                          <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/profile?mode=editprofile&page_profil=notifications"> Notificações</a>
                </p>
            </div>
        </div>
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Perfil</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=informations"> Informações Pessoais</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/cog1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=preferences"> Preferências</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/image110.png" />
                    <a href="/profile?mode=editprofile&page_profil=avatars"> Avatar</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/text_s10.png" />
                    <a href="/profile?mode=editprofile&page_profil=signature"> Assinatura</a>
                </p>
            </div>
        </div>
   
   
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Outros</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user-g10.png" />
                    <a href="/groups"> Grupo</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/group110.png" />
                    <a href="/profile?mode=editprofile&page_profil=friendsfoes"> Amigos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/facebo10.jpg" />
                    <a href="/profile?mode=editprofile&page_profil=facebook"> Facebook</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/eye1010.png" />
                    <a href="/search?search_id=watchsearch"> Pesquisa</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/heart110.png" />
                    <a href="/search?search_id=favouritesearch"> Favoritos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/search?search_id=draftsearch"> Rascunho</a>
                </p>
              <p><img src="http://2img.net/i/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
Feito isso, salve e publique.

[TUTORIAL] Adicionar widgets com atalhos no Perfil Php21110 PHPBB2
Na caixa de Buscar, procure por:
Código:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Ao encontrar, substitua-o por:
Código:
<table id="align_shekfa_01" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Em seguida,, procure por:
Código:
<!-- BEGIN switch_avatar_block -->
E abaixo deste código cole este novo:
Código:
<style>
    table#align_shekfa_01 {
    width: 75%;
    float: left;
    }

    #shek_fa23 {
    float: right;
    width: auto;
    }

    #tabs {
    display: none !important;
    }
    </style>
     
          <div id="shek_fa23">
        <div class="forumline" style="margin-top: 1em! important;">
            <div class="genmed module-title">
                <div class="h3">Caixa de Correio Pessoal</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png" />
                    <a href="/privmsg?folder=inbox"> Caixa de Entrada</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_sentbox.png" />
                    <a href="/privmsg?folder=sentbox"> Caixa de Saida</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_outbox.png" />
                    <a href="/privmsg?folder=outbox"> Mensagens Enviadas</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_savebox.png" />
                    <a href="/privmsg?folder=savebox"> Mensagens Salvas</a>
                </p>
                          <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/profile?mode=editprofile&page_profil=notifications"> Notificações</a>
                </p>
            </div>
        </div>
   
   
        <div class="forumline" style="margin-top: 1em! important;">
            <div class="genmed module-title">
                <div class="h3">Perfil</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=informations"> Informações Pessoais</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/cog1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=preferences"> Preferências</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/image110.png" />
                    <a href="/profile?mode=editprofile&page_profil=avatars"> Avatar</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/text_s10.png" />
                    <a href="/profile?mode=editprofile&page_profil=signature"> Assinatura</a>
                </p>
            </div>
        </div>
   
        <div class="forumline" style="margin-top: 1em! important;">
            <div class="genmed module-title">
                <div class="h3">Outros</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user-g10.png" />
                    <a href="/groups"> Grupo</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/group110.png" />
                    <a href="/profile?mode=editprofile&page_profil=friendsfoes"> Amigos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/facebo10.jpg" />
                    <a href="/profile?mode=editprofile&page_profil=facebook"> Facebook</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/eye1010.png" />
                    <a href="/search?search_id=watchsearch"> Pesquisa</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/heart110.png" />
                    <a href="/search?search_id=favouritesearch"> Favoritos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/search?search_id=draftsearch"> Rascunho</a>
                </p>
              <p><img src="http://2img.net/i/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   


[TUTORIAL] Adicionar widgets com atalhos no Perfil Pun1210 PUNBB
Na caixa Buscar, procure por:
Código:
<div class="main">
Ao encontrar, substitua-o por este novo código:
Código:
<div id="align_shekfa_01" class="main">
Em seguida, procure por:
Código:
<script type="text/javascript">
E na primeira tag script que encontrar, adicione este novo código:
Código:
<style>
    div#align_shekfa_01 {
    width: 80%;
    float: left;
    }

    #shek_fa23 {
    float: right;
    width: auto;
    }

    #tabs {
    display: none !important;
    }
    </style>
     
          <div id="shek_fa23">
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Caixa de Correio Pessoal</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png" />
                    <a href="/privmsg?folder=inbox"> Caixa de Entrada</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_sentbox.png" />
                    <a href="/privmsg?folder=sentbox"> Caixa de Saida</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_outbox.png" />
                    <a href="/privmsg?folder=outbox"> Mensagens Enviadas</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_savebox.png" />
                    <a href="/privmsg?folder=savebox"> Mensagens Salvas</a>
                </p>
                          <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/profile?mode=editprofile&page_profil=notifications"> Notificações</a>
                </p>
            </div>
        </div>
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Perfil</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=informations"> Informações Pessoais</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/cog1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=preferences"> Preferências</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/image110.png" />
                    <a href="/profile?mode=editprofile&page_profil=avatars"> Avatar</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/text_s10.png" />
                    <a href="/profile?mode=editprofile&page_profil=signature"> Assinatura</a>
                </p>
            </div>
        </div>
   
   
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Outros</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user-g10.png" />
                    <a href="/groups"> Grupo</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/group110.png" />
                    <a href="/profile?mode=editprofile&page_profil=friendsfoes"> Amigos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/facebo10.jpg" />
                    <a href="/profile?mode=editprofile&page_profil=facebook"> Facebook</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/eye1010.png" />
                    <a href="/search?search_id=watchsearch"> Pesquisa</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/heart110.png" />
                    <a href="/search?search_id=favouritesearch"> Favoritos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/search?search_id=draftsearch"> Rascunho</a>
                </p>
              <p><img src="http://2img.net/i/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   
Salve e pulique.


[TUTORIAL] Adicionar widgets com atalhos no Perfil Inv1010 INVISION
Na caixa "Buscar" procure por:
Código:
<div class="borderwrap clear">
E substitua por:
Código:
<div id="align_shekfa_01" class="borderwrap clear">
Feito isso, na caixa de Busca, procure por:
Código:
<script type="text/javascript">
E no primeiro script encontrado, cole acima este código:
Código:
<style>
    div#align_shekfa_01 {
    width: 80%;
    float: left;
    }

    #shek_fa23 {
    float: right;
    width: auto;
    }

    ul.privmsg, #tabs {
    display: none !important;
    }
    </style>
     
          <div id="shek_fa23">
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Caixa de Correio Pessoal</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png" />
                    <a href="/privmsg?folder=inbox"> Caixa de Entrada</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_sentbox.png" />
                    <a href="/privmsg?folder=sentbox"> Caixa de Saida</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_outbox.png" />
                    <a href="/privmsg?folder=outbox"> Mensagens Enviadas</a>
                </p>
                <p>
                    <img src="http://hitskin.com/themes/16/32/01/i_msg_savebox.png" />
                    <a href="/privmsg?folder=savebox"> Mensagens Salvas</a>
                </p>
                          <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/profile?mode=editprofile&page_profil=notifications"> Notificações</a>
                </p>
            </div>
        </div>
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Perfil</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=informations"> Informações Pessoais</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/cog1010.png" />
                    <a href="/profile?mode=editprofile&page_profil=preferences"> Preferências</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/image110.png" />
                    <a href="/profile?mode=editprofile&page_profil=avatars"> Avatar</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/text_s10.png" />
                    <a href="/profile?mode=editprofile&page_profil=signature"> Assinatura</a>
                </p>
            </div>
        </div>
   
   
   
   
        <div class="module main" style="margin-top: 1em! important;">
            <div class="main-head">
                <div class="h3">Outros</div>
            </div>
            <div class="main-content">
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/user-g10.png" />
                    <a href="/groups"> Grupo</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/group110.png" />
                    <a href="/profile?mode=editprofile&page_profil=friendsfoes"> Amigos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/facebo10.jpg" />
                    <a href="/profile?mode=editprofile&page_profil=facebook"> Facebook</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/eye1010.png" />
                    <a href="/search?search_id=watchsearch"> Pesquisa</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/heart110.png" />
                    <a href="/search?search_id=favouritesearch"> Favoritos</a>
                </p>
                <p>
                    <img src="http://i45.servimg.com/u/f45/15/55/28/69/page_e10.png" />
                    <a href="/search?search_id=draftsearch"> Rascunho</a>
                </p>
              <p><img src="http://2img.net/i/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   
Feito isso, salve e publique.

  • Resultado:
    [TUTORIAL] Adicionar widgets com atalhos no Perfil Result27




© Fórum dos Fóruns


[TUTORIAL] Adicionar widgets com atalhos no Perfil Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Adicionar widgets com atalhos no Perfil
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

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

- Tópicos semelhantes

Fórum dos Fóruns :: Forumeiros e você ::   :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados

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