[TUTORIAL] Adicionar widgets com atalhos no Perfil

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

[TUTORIAL] Adicionar widgets com atalhos no Perfil

Mensagem por Shek em 13/10/14, 04:19 am



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



- 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.


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


- Modificação do template:
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://illiweb.com/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
Feito isso, salve e publique.


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://illiweb.com/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   



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://illiweb.com/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   
Salve e pulique.



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://illiweb.com/fa/i/dl.png" /><a href="profile?mode=editprofile&page_profil=attachments"> Anexo</a></p>
            </div>
        </div>
    </div>
   
Feito isso, salve e publique.

  • Resultado:





© Fórum dos Fóruns


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
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17912
Pontos Ativos : 22015

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum