The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Advertising poster on PunBB & PHPBB2

View previous topic View next topic Go down

Advertising poster on PunBB & PHPBB2

Post by MrMario on September 27th 2011, 12:06 am

Hi all on forumotion! Very Happy

1. What works about this tutorial?
Watching carefully this tutorial step by step, you can get a poster advertising, at the end of each post in the topic will appear with your desired text You can use this robot not only to advertise other forums / sites or blogs, but even for an announcement on your forum ..
The result will be one that will certainly charming whisper some useful ideas and more for you ...

2. Can I assure through print-screen?
Of course, the result will be clear in the image below ...


3. I want to do the same on my forum!
1. Navigate to: Administration panel Display Templates General.

2. In line with the template you will find the icon for editing viewtopic_body click on it.

3. Search by carefully following code:
Code:

                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>
follow to paste the following code after the code above:
Code:

   <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">
Advertising poster</h4>
                        <div class="user-basic-info">
                           
<img src="http://i.imgur.com/wbIOt.png" />

                        </div>
                     </div>
                     <div class="user-info">
                        Rank: Advertising poster


                        Join date: 15/09/2011
                     </div>
                  </div>

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

                        <div>
                           <div><strong>
                              Your advertising here!
                           </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>

4. Click on , then published template.

4. Tips and facilities!
To edit the message robot should return to the template viewtopic_body and there to find the message between code:
Code:

   <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">
Advertising poster</h4>
                        <div class="user-basic-info">
                           
<img src="http://i.imgur.com/wbIOt.png" />

                        </div>
                     </div>
                     <div class="user-info">
                        Rank: Advertising poster


                        Join date: 15/09/2011
                     </div>
                  </div>

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

                        <div>
                           <div><strong>
and:
Code:

                           </strong></div>
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>
You can also inform your members about something important on the forum.
You can change the name of robot of "Advertising poster" in some other possible names.
The same trick you can do with information like date of registration, rank & avatar of the robot.
Avatar you can change, replacing the link "http://i.imgur.com/wbIOt.png" with the link to your image.
This method of creating a poster advertising on your forum is useful in terms of the message always remains as last post of all posts in the subject. Any message would be me posted, remain at the end...
Another feature would be allowing HTML codes and CSS style sheet is available. From this point of view the robot can customized after the limit of common sense.
Also, you can make flash banners, through a simple HTML or JavaScript code.

For any problem with this tutorial please open a topic on this forum in the Support section.

Written by Gassy,

------------------------------------------

I know that all you want answering the ads on phpBB2 and can not join because they said so and I've heard. But I managed to make a bot that appears in each topic after the last post.





1. Acp => Display => Template's => General => Viewtopic_body:

Search for:
Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Put this insted of that:

Code:
 <div class="adds48">    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

Search for:

Code:
   <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>

Delete it

2. Then under:
Code:
<!-- END no_post -->

Put this code:
Code:

<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">
Subject: Re: <h1 class="cattitle">{TOPIC_TITLE}</h1>
<img src="http://illiweb.com/fa/subsilver/icon_minitime.gif" /> Unavabile<Br/><br/>
 Your advertising here!</div>
<div class="robot"><strong> Forum Bot</strong><Br/>
<Br/><br/>
<img src="http://i.imgur.com/wbIOt.png" width="100px" /><br/><br/><br/>
<strong> Rang: Advertising poster</strong><Br/><br/>
<strong>  Join Date:    01/01/2012</strong>
</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>


3. Acp => Display => Administrate image & colors => Colors => CSS =>

Put this code:


Code:
  .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;
    }

And you can change the line color that separates the Profil from Message by doing this :

Code:
border-right: solid 1px #000;
, #000 change this with your color.

Written by Richard






MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum