Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Legenda s-a intors XD
Scris de Zeus Ieri la 21:23
» Cum retusam imaginile
Scris de cristimare Ieri la 14:27
» salut
Scris de Andrei34 Dum 18 Sept - 18:53
» Salut
Scris de Andrei34 Dum 18 Sept - 18:52
Cuvinte-cheie

phpBB2  animate  Bara  punbb  Metin2  meniu  edit  banner  menu  legenda  subforumuri  tutorial  radio  ultimele  cautare  avatar  navigare  drop  reclama  Mesaje  profil  tema  subiecte  Statistici  chenar  html  

Robotelul cu reclame pentru PunBB


Salutare forumistilor!

1. Ce vom realiza cu acest tutorial?
Urmarind acest tutorial pas cu pas, veti putea obtine un robotel cu reclame care, ei bine, va fi afisat in fiecare topic sub forma de un mesaj, o postare relativa cu cea a membrului, insa, cu mici modificari, precum datele din profil si altele. Acest mesaj va fi afisat, de fiecare data la sfarsitul topicului ceea ce ii da un mare plus. Poti folosit acest robot pentru a face reclama catre alte site-uri, forumuri sau blog-uri, dar si pentru un anunt pe forum, pentru a redacta o lista cu cateva reguli pentru a reaminti membrului cum trebuie sa posteze util. Rezultatul va fi unul uimitor.

2. Pot sa ma asigur printr-un print screen / captura de ecran?
Desigur. Rezultatul va fi unul similar imaginii de mai jos:

Codurile sunt in limba romana, chiar daca demonstratia nu!

3. Vreau sa fac si eu asa pe forumul meu
1. Navigati astfel: PA Afisare Template-uri General;

2. In dreapta liniei template-ului viewtopic_body, dati click pe iconita;

3. Cautati cu atentie urmatorul cod:
Cod:
                 <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>

4. Dupa codul de mai sus adaugati:
Cod:
  <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>

5. Click pe butonul verde numit Inregistrare, apoi publicati template-ul pe plusul verde;

4. Sfaturi si facilitati
Pentru a edita mesajul trebuie sa te reintorci la template-ul viewtopic_body si sa gasesti mesajul robotelului intre codurile:
Cod:
  <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>
si:
Cod:
                          </strong></div>
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>
Puteti sa informati membrii forumului despre ceva important petrecut pe forumul dvs;
Puteti edita numele robotelului din "Robotelul cu reclame" in orice alt text;
Acelasi lucru cu datele din profil cum ar fi data de inregistrare, rangul si avatarul;
Aveti dreptul de a inlocui avatarul inlocuind http://i.imgur.com/wbIOt.png cu link-ul catre imaginea care va fi folosita ca avatar;
Puteti crea niste mici reguli pentru ca membrii sa le citeasca inainte de postarea unui mesaj;
Faptul ca ramaine tot timpul ultimul mesaj pe pagina da un mare plus;
Un alt plus ar fi ca aveti posibilitatea de a adauga atat codurile HTML cat si cele CSS folosind un style;
Prin JavaScript se poate de realizat niste smecherii foarte bune, care chiar pot fi de folos;

Pentru orice problema va rugam sa postati in categoria pentru suport!



Tutorial scris de Vizitator

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru dedicat
la data de Sam 15 Oct - 7:41
Paul Membru dedicat
Conectat
Mersi mult chiar cautam chestia asta!
Vizitator
la data de Dum 16 Oct - 23:25
Vizitato Vizitator
Conectat
Cu placere.
Membru ET
la data de Lun 17 Oct - 19:23
denisdeni22 Membru ET
Conectat
Dar pe versiunea phpbb3 nu este
Vizitator
la data de Mier 19 Oct - 17:25
Vizitato Vizitator
Conectat
Nu este pentru phpBB3.
Membru activ
la data de Mier 19 Oct - 18:15
iAngel Membru activ
Conectat
Nu merge si pe phpBB2?asi vrea asa ceva!
Vizitator
la data de Mier 19 Oct - 19:31
Vizitato Vizitator
Conectat
Buguri pe phpBB2, foarte multe... Nu am ce zice.
Membru dedicat
la data de Vin 21 Oct - 10:44
Keir Membru dedicat
Conectat
Un tutorial si aici : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Vizitator
la data de Vin 21 Oct - 13:34
Vizitato Vizitator
Conectat
E cu totul diferit, aplicand tutorialul meu, va arata in orice topic si la sfarsitul mesajelor.
Membru ET
la data de Vin 21 Oct - 20:35
Dappy Membru ET
Conectat
BrightSide,bravo pentru munca depusa! Este un tutorial foarte bun!
Membru ET
la data de Lun 24 Oct - 19:39
daniel_clv97 Membru ET
Conectat
foarte interesant felicitari
Membru activ
la data de Mar 25 Oct - 20:50
Zeke Membru activ
Conectat
Felicitari , de mult cautam si eu asta .
Membru dedicat
la data de Mier 26 Oct - 8:39
Mitză Membru dedicat
Conectat
Multumesc, nu credeam ca se poate asa ceva pe ForumGratuit.
Vizitator
la data de Vin 28 Oct - 21:49
Vizitato Vizitator
Conectat
Cu placere pentru fiecare!
Membru ET
la data de Lun 31 Oct - 23:12
adyx Membru ET
Conectat
bun tutorial....acum sa vedem cui ii facem reclama:)))
Membru ET
la data de Sam 5 Noi - 15:55
roBiino =p~ Membru ET
Conectat
Ce îmi place roboțelul cu reclame. Favoritul meu!
Vizitator
la data de Sam 26 Noi - 13:41
Vizitato Vizitator
Conectat
Multumesc pentru pareri.
Vizitator
la data de Mar 29 Noi - 20:32
Vizitato Vizitator
Conectat
Foarte frumos bravo gassy
Membru ET
la data de Joi 1 Dec - 13:40
Clik Membru ET
Conectat
Acest robotel e cel mai tare mod de reclama,multumesc mult !
Vizitator
la data de Joi 1 Dec - 15:32
Vizitato Vizitator
Conectat
Va multumesc pentru aprecieri.
Membru nou
la data de Sam 12 Apr - 23:03
psa1001 Membru nou
Conectat
Vizitato a scris:E cu totul diferit, aplicand tutorialul meu, va arata in orice topic si la sfarsitul mesajelor.
Nu gasesc template-uri ma poti ajuta te rog?
Intru in PA->Afisare si uite ce am [Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]
image hosting site