Index © eXGaming - Jocuri, Sisteme de operare, IT, Web, Photoshop
 
AcasaAcasa  InregistrareInregistrare  ConectareConectare  
Liderii factiunilor de pe serverul RPG.eXGaming.Ro care nu au primit inca grad, sa imi trimita mie un PM (Mesaj Privat) La RedGun pentru a va seta gradul.

Distribuiti | 
 

 Index_box sistem ipb pentru phpbb3

Vezi subiectul anterior Vezi subiectul urmator In jos 
AutorMesaj
RedGun
Administrator
Administrator


Mesaje : 243
Bani in mana : 584
Multumiri primite : 0
Membru din : 30/07/2013
Varsta : 19
Localitate : New York
Reputatie : Fondator eXGaming
Administrator
Programator
Manager Proiecte
Scripter
Intermediar

MesajSubiect: Index_box sistem ipb pentru phpbb3   Sam Iul 04, 2015 12:00 pm

Salutare am promis ca o sa fac un index_box pentru phpbb3 la fel ca acesta de aici.
http://exgaming.forum.st/t784-animate-menu-ipb-for-phpbb2

Imagine demonstrativa.


De ce este acest index_box deosebit fata de cel default si de ce spun ca este stil ipb?
Am separat imaginile din descrierea forumului si le-am pus intr-o casuta separata.
Iar notificarea mesajelor acum este la jumatate folosind functia jquery.

Pasul numarul 1.
Intram in Panou de administrare :arrow: Afisare :arrow: Templateuri : arrow:I ndex_box   
Si inlocuim tot template-ul cu acesta.

Cod:
<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
 <!-- END switch_user_logged_in -->
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <!-- BEGIN switch_user_logged_in -->
 <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
 <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="2" nowrap="nowrap" width="100%"><div class="table-title">{catrow.tablehead.L_FORUM}</div></th>
 <th nowrap="nowrap" width="50">{L_TOPICS}</th>
 <th nowrap="nowrap" width="50">{L_POSTS}</th>
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
 </tr>
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->

          <tr>
  <td class="row3" align="center" valign="middle" style="padding-left: 10px;padding-right: 10px">
            <div class="descriere2">{catrow.forumrow.FORUM_DESC}</div>
          </td>
 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>   <div class="status_mesaje"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
                
                  <div class="descriere"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
 <span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </span>
 </td>
 <td class="row3" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.TOPICS}</span>
 </td>
 <td class="row2" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.POSTS}</span>
 </td>
 <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

 <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
 </td>
 </tr>
 
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 
 </table>
 <!-- END tablefoot -->

<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
 <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
 <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
 <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->


Salvam si publicam template-ul apasand  acest buton

Pasul numarul doi.

Panou de administrare :arrow: Afisare :arrow: Culori :arrow: CSS si adaugam acest cod.


Apasati butonul Valideaza


Pasul numarul 3.
Panou de administrare  :arrow: Module :arrow: Gestinuea codurilor javascript cream un nou cod cu numele "icons mesaje"


Si adaugati acest cod pe toate paginile


Cod:
document.addEventListener("DOMContentLoaded", function() {

$("img[src='http://illiweb.com/fa/subsilver/category.gif']").replaceWith('<span class="nonew">No new</span>');

$("img[src='http://illiweb.com/fa/subsilver/category_new.gif']").replaceWith('<span class="new">1 new</span>');


$("img[src='http://illiweb.com/fa/subsilver/category_locked.gif']").replaceWith('<span class="lock">Lock</span>');



});



Codul nu va functiona corect pana nu adaugam link-ul direct al imaginilor de la mesaje.

Asigurativa ca aveti acelasi iconuri la ambele categorii 3 cate 3.





Copiati pe rand link-ul de la imagini si adaugati in javascript.







Daca intampinati probleme va astept in sectiunea de suport aici 
http://exgaming.forum.st/f56-ajutor-cum-fac-asta-support


Important! Adaugati imagini in descrierea fiecarui forum.


Echipa eXGaming
Sus In jos
http://exgaming.forum.st
 
Index_box sistem ipb pentru phpbb3
Vezi subiectul anterior Vezi subiectul urmator Sus 
Pagina 1 din 1
 Subiecte similare
-
» Clasa pentru a face legenda de pe forum pentru phpbb3
» Note 3, de acum si in varianta pentru FETE
» Doua modalitati cum poti afla cateva mici detali depre PC-ul tau
» Servicii Windows 7 ce pot fi dezactivate pentru cresterea performantei
» Angry Birds,acum si in versiune pentru telefoane touchscreen simple

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Index © eXGaming - Intra cine vrea, iese cine poate! :: IT, Web, World & Support :: Platforme si Scripturi Web :: Forum Gratuit-
Mergi direct la: