Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
» Script ninsoare
Scris de JeKa123 Vin 2 Dec - 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
Cuvinte-cheie

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

Subiecte recente v1.0 (ET)


Salutare tuturor,

Pentru a raspunde solicitarilor utilizatorilor, am hotarat sa postez un tutorial in care sa invatati cum sa creati un astfel de widget. Tutorialul de astazi se aplica pentru forumurile phpBB2, deci haideti sa incepem:

Demonstratie:
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]1. Intrati in:
P.A ~> Afisare ~> Template-uri ~> General ~> overall_header
Stergeti:
Cod:
<td valign="top" width="{C1SIZE}">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 </td>

Inregistrati si publicati template-ul.

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]2. Intrati in:
P.A ~> Afisare ~> Template-uri ~> General ~> index_body
Cautati:
Cod:
{CHATBOX_BOTTOM}

Adaugati dupa:

Cod:
<table class="forumline Rylled" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th height="28" width="80%">ET Recent Topics v1.0</th>
 <th height="28" align="right">
 <select class="changeLast" data-group="time">
 <option value="cei_mai_activi_postatori_ai_saptamanii">Cei mai activi postatori ai saptamanii</option>
 <option value="cei_mai_activi_postatori_ai_lunii">Cei mai activi postatori ai lunii</option>
 <option value="cei_mai_activi_postatori_ai_forumului">Cei mai activi postatori ai forumului</option>
 </select>
 </th>
 </tr>
</table>
<table class="forumline Rylled" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <!-- BEGIN giefmod_index1 -->
          {giefmod_index1.MODVAR}
 <!-- END giefmod_index1 -->
 </tr>
</table>
<script type="text/javascript">
 //<![CDATA[
 var versionMinor = parseFloat(navigator.appVersion),
 versionMajor = parseInt(versionMinor),
 IE = document.all && !window.opera && 7 > versionMajor,
 IE7 = document.all && !window.opera && 7 <= versionMajor,
 OP = window.opera,
 FF = document.getElementById,
 NS = document.layers;

 function get_item(a, c) {
 if (IE) return c ? window.opener.document.all[a] : document.all[a];
 if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
 if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
 }
 $(".changeLast")
 .change(function () {
 $(".half.group_" + $(this)
 .data("group"))
 .hide();
 $("#" + this.value)
 .show();
 });
 //]]>
</script>

Inregistrati si publicati template-ul.[/b]

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]3. Intrati in:

P.A ~> Afisare ~> Template-uri ~> Portal
Inlocuiti tot mod_recent_topics cu:

Cod:
<!-- BEGIN classical_row -->
<td valign="top" width="50%">
<table class="numerotare" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th height="25">{L_RECENT_TOPICS}</th><th height="25">Autor</th>
 </tr>
      <!-- BEGIN recent_topic_row -->
  <tr>
   
            <td class="row1" style="padding: 2px;">  <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td>
              <td class="row2"> <!-- BEGIN switch_poster -->
 <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
 <!-- END switch_poster_guest -->
       
       
        </td>
</tr>  <!-- END recent_topic_row -->
</table>
</td>
<!-- END classical_row -->

Inlocuiti tot mod_top_post_users_month cu:
Cod:
<td valign="top" style="display: none;" id="cei_mai_activi_postatori_ai_lunii" class="half group_time">
<table width="100%" summary="{L_TOP_POST_USERS_MONTH}" border="0" cellspacing="1" cellpadding="0">
  <tr>
 <th height="28">Postatorii lunii</th>
    <th height="28">Statistica</th>
    </tr>
 <!-- BEGIN POSTER -->
 <tr>
        <td class="row1" width="16%">{POSTER.NAME}</td>
          <td class="row2 prime" title="{POSTER.NB_POSTS}" align="right" nowrap="nowrap">{POSTER.BARRE}</td>
         
         
 </tr>
 <!-- END POSTER -->
</table>
</td>

Inlocuiti tot mod_top_post_users_week cu:
Cod:
<td valign="top" style="display: none;" id="cei_mai_activi_postatori_ai_saptamanii" class="half group_time">
<table width="100%" summary="{L_TOP_POST_USERS_WEEK}" border="0" cellspacing="1" cellpadding="0">
  <tr>
 <th height="28">Postatorii saptamanii</th>
    <th height="28">Statistica</th>
    </tr>
 <!-- BEGIN POSTER -->
 <tr>
        <td class="row1" width="20%">{POSTER.NAME}</td>
          <td class="row2 prime" title="{POSTER.NB_POSTS}" align="right" nowrap="nowrap">{POSTER.BARRE}</td>
 </tr>
 <!-- END POSTER -->
</table>
</td>

Inlocuiti tot mod_top_posters cu:
Cod:
<td valign="top" style="display: block;" id="cei_mai_activi_postatori_ai_forumului" class="half group_time">
<table width="100%" summary="{L_TOP_POSTERS}" border="0" cellspacing="1" cellpadding="0">
  <tr>
 <th height="28">Postatorii forumului</th>
    <th height="28">Statistica</th>
    </tr>
 <!-- BEGIN POSTER -->
 <tr>
        <td class="row1" width="19%">{POSTER.NAME}</td>
          <td class="row2 prime" title="{POSTER.NB_POSTS}" align="right" nowrap="nowrap">{POSTER.BARRE}</td>
         
         
 </tr>
 <!-- END POSTER -->
</table>
</td>


Nu uitati sa publicati template-urile.

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]4. Intrati in:

P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
/*--Subiecte recente v1.0 (ET)--*/
.Rylled {font-size: 12px !important; /* Marimea fontului */}
.prime table td:nth-child(2) {
border-radius: 5px;
background-repeat: repeat-x;
background-position: 0px 0px;
background-size: 22px 14px;
cursor: pointer;
background-image: linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
}
.row2 .chhild{background-color: #00a3d6;}
.row1 .chhild{ background-color: #0081a9;}

.prime img {display: none;height: 0px !important;}

a:link {text-decoration: none !important;}


[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]5. Intrati in:

P.A ~> Module ~> Portal & Widgeturi ~> Gestiunea widget-urilor forumului
Setari:
Afiseaza widget-urile forumului : Da
Largimea coloanei 1 (stânga) : 180


Pozitionati widget-urile dupa cum urmeaza:
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

Nota: O pozitionare incorecta ar produce erori.

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]6. Intrati in:
P.A ~> Module ~> HTML&JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript
Titlu: Configurare recent topics
Pozitionare: prima pagina
Cod JS:
Cod:
jQuery(document).ready(function($){
var backgroundpos=0;var offset=1;
function scrollbackground(){offset=(offset<1)?offset+(backgroundpos-1):offset-1;
$('.prime table td:nth-child(2)').css("background-position",+offset+"px 0");setTimeout(function(){scrollbackground()},100)}scrollbackground()});

jQuery(document).ready(function($){
jQuery(".prime td:nth-child(2)").addClass( "chhild" );
});

Si asta a fost tot!






Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

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

Comentariile utilizatorilor
Membru ET
la data de Sam 1 Feb - 21:25
Micul`Wji Membru ET
Conectat
Rylled iti multumim foarte mult pentru acest tutorial
Membru activ
la data de Sam 1 Feb - 21:25
Teed Membru activ
Conectat
Merge perfect, bravo Stefan.
Membru ET
la data de Dum 2 Mar - 14:43
Gregory House Membru ET
Conectat
Frumos ,felicitari Stefan .