Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 Chronos

avatar
Moderador
[Tutorial] Usuário de Publicidade (Bot)

Neste Tutorial Vou Ensinar a Como Colocar um Usuário de Publicidade ( Bot )
Funcionalidade: PunBB PhpBB2
--> Código CSS <--
Para ambas as versões.
Código:
/*Usuário de Publicidade ( BOT )*/.robot {position: relative;left: 8px;font-size: 11px;border-right: solid 1px #000;width: 170px;height: 250px;}.cattitle {color: #000;font-weight: normal;font-size: 10px;}.robot-contet {height: 0px;position: relative;left: 200px;width: 80%;font-size: 11px;}.robot-scroll-img {border-right: solid 1px #000;position: relative;left: 70px;height: 28px;width: 108px;}.adds48 {width: 175px;}

Agora iremos modificar o template para cada versão.

PunBB

  • Localize o Template viewtopic_body!

Seta Azul Procure por:
Código:
<!-- END postrow -->
          </div>

Seta Azul Abaixo adicione o seguinte código.

Código:
   <div class="main-content topic">
    <div class="post"{postrow.displayed.THANK_BGCOLOR}>
    <a name="{postrow.displayed.U_POST_ID}"></a>
    <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
    <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
    </div>

    <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>

    <div class="user">
    <div class="user-ident">
    <h4 class="username">
    <br/><v>Publicidade</v></h4>
    <div class="user-basic-info">

    <br/><img src="<l>Link do avatar</l>" />
    </div>
    </div>
    <div class="user-info">
    <az>Rank: Publicitário<az>

    </div>
    </div>

    <div class="post-entry">
    <div class="entry-content">

    <div>
    <div><strong>
    <vr>Sua publicidade aqui!</vr>
    </strong></div>
    <div class="clear"></div>
    </div>
    <p>
    {postrow.displayed.EDITED_MESSAGE}
    </p>
    </div>
    </div>
    </div>


    <div class="postfoot">
    <div class="user-contact">
    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
    </div>
    <div class="post-options">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
    </div>
    <div style="clear:both;"></div>
    </div>
    </div>
    </div>
    </div>
    <hr id="first-post-br" />
    <div class="main-content topic">
    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
    </div>

você pode editar partes como, Nome do usuário, Link do Avatar do membro (Padrão: http://i.imgur.com/wbIOt.png), Informações adicionais sobre o usuário (opcional) e Conteúdo da Publicidade.
Por Fim Clique em Salvar e Depois Publicar


PhpBB2

  • Localize o Template viewtopic_body!

Seta Azul Procure por:
Código:
   {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Seta Azul Substitua pelo código abaixo.
Código:
    <div class="adds48">    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

Seta Azul Localize e Apague o seguinte código.
Código:
     <tr align="right">
              <td class="catBottom" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                      <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

Seta Azul Encontre o código abaixo.
Código:
   <!-- END no_post -->

Seta Azul Cole este código abaixo dele.
Código:
   <tr class="post">
    <tr>
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
    </tr>

    <tr>
    <td class="row1" align="left" valign="middle" >
    <div class="robot-contet">
    Assunto: Re: <h1 class="cattitle">{TOPIC_TITLE}</h1>
    <img class="sprite-icon_miniposted" src="http://illiweb.com/fa/empty.gif" /><Br/><br/>
    <vr>Sua publicidade aqui!</vr></div>
    <div class="robot"><strong><v>Publicidade</v></strong><Br/>
    <Br/><br/>
    <img src="<l>Link do avatar</l>" width="100px" /><br/><br/><br/>
    <strong><az>Rank: Publicitário</az></strong><Br/><br/>
    </div>
    </td>
    </tr>
    </tr>


    <tr align="left">

    <td class="row1" colspan="3" height="28">
    <div class="robot-scroll-img">
    <a href="#top">{L_BACK_TO_TOP}</a>
    <a href="#bottom">{L_GOTO_DOWN}</a></div>


    <span class="genmed">{no_post.L_NO_POST}</span>
    </td></tr>

você pode editar partes como, Nome do usuário, Link do Avatar do membro (Padrão: http://i.imgur.com/wbIOt.png), Informações adicionais sobre o usuário (opcional) e Conteúdo da Publicidade.
Por Fim Clique em Salvar e Depois Publicar


--> Resultado Final <--
Ver perfil do usuário

#2
 D'Leandro™

avatar
Fundador
Aceito: Movido para o local correspondente.

Ver perfil do usuário

#3
 D'Leandro™

avatar
Fundador
Observação: Resultado Final & Informações adicionadas.

Ver perfil do usuário

#4
 JessiKa

avatar
Membro
Este código da conflito com muitos outros!
Ver perfil do usuário

#5
 Conteúdo patrocinado