Bine a-ti venit pe fraNNNta-Design


Modernizare informatii index_box si inserare avatar
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4055
Inscris : 18/06/2011
Salutare dragi prieteni in acest tutorial o sa va arat cum putem moderniza informatiile din index_box
si ma refer la aceste informatii din imaginea de mai jos:

Modernizare informatii index_box si inserare avatar Inaint10
Este si pacat daca tot le avem sa nu ne folosim de ele,foarte multe lume le sterge,nu le mai stergeti,sunt foarte folositoare.
Dupa ce le om optimiza ele vor apararea in felul urmator:
Inainte de conectarea pe forum:
https://i.servimg.com/u/f35/14/12/03/12/after_10.png
Apoi dupa ce va conectati pe forum:

https://i.servimg.com/u/f35/14/12/03/12/after10.png

Haideti sa incepem:

Pasul 1:

Intram in Panou de administrare/afisare/template-uri/general/index_box si cautam urmatorul fragment de cod si il stergem:

Cod:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>


In locul lui il adaugati pe acesta:

Cod:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>



<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
                <li><a href="#" class="avatar_top"><img src="https://7img.net/users/1114/24/58/82/avatars/gallery/need4s10.gif"   alt="avatar" /> {LOGGED_AS}</a></li>
                     <li class="right"><a href="{U_SEARCH_NEW}"><img src="https://cdn0.iconfinder.com/data/icons/kameleon-free-pack/110/Bell-32.png"></img>{L_SEARCH_NEW}</a></li>
      
                   <li class="right"><a href="{U_SEARCH_SELF}"><img src="https://cdn3.iconfinder.com/data/icons/fatcow/32/pencil_add.png"></img>{L_SEARCH_SELF}</a></li>
 
           <li class="right"><a href="{U_SEARCH_UNANSWERED}"><img src="https://cdn3.iconfinder.com/data/icons/mix-and-miscellaneous/93/message_handdrawn_communicate-32.png"></img>{L_SEARCH_UNANSWERED}</a></li>
 
           <li class="right"><a href="{U_MARK_READ}"><img src="https://cdn1.iconfinder.com/data/icons/KDE_Crystal_Diamond_2.5_Classical_Mod/22x22/apps/clean.png"></img>Marcheaza tot</a></li>
 
     </ul>

</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visits">
  <p>{L_NOT_CONNECTED} <a href="/login?logout" class="login"><img src="http://i.imgur.com/mhgT03z.png"></img>Conectare</a><a href="/register" class="register"><img src="http://i.imgur.com/MswKBAh.png"></img>Inregistrare</a></p>
</div>
<!-- END switch_user_logged_out -->

Salvati si publicati template-ul.
Pentru ca avatarul sa apara in informatii trebuie sa ne ajutam de un cod javascript creat de SSYT din urmatorul tutorial:
http://help.forumgratuit.ro/t52788-variabile-suplimentare-pentru-template-uri

Pasul 2:
Intram in panou de administrare/module/html&javascript/gestiunea codurilor javascript si adaugam codul javascript de la SSYT:


Cod:
(function(){if(window.ActiveXObject)var b=new ActiveXObject("Microsoft.XMLHTTP");else window.XMLHttpRequest&&(b=new XMLHttpRequest);null!=b&&(b.onreadystatechange=function(){if(4==b.readyState&&"undefined"===typeof var_fa_is_done){var_fa_is_done=1;var d,g="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST NOW NOWWITHTIME".split(" ");
for(d=0;d<g.length;d++){var h=g[d],e=b.responseText.replace(RegExp('^.+<li style="margin-bottom:5px;direction:ltr;text-align:left;"><strong>{'+h+"}</strong> : (.*?)&nbsp;<span style='direction:ltr'>(.*?)</span><br /></li>.+$"),"$1");if(b.responseText!=e){for(var j=document.getElementsByTagName("*")||document.all,c=[],a=-1;++a<j.length;)for(var k=j[a],l=k.className.split(" "),f=0;f<l.length;f++)if(l[f]==h){c.push(k);break}for(a=-1;++a!=c.length;)"INPUT"==c[a].tagName||"TEXTAREA"==
c[a].tagName?c[a].value+=e:c[a].innerHTML+=e}}}},b.open("GET","/popup_help.forum?l=miscvars",!0),b.send(null))})();

Amplasare in toate paginile.

Pasul 3: Adaugare CSS.

Intram in panou de administrare/afisare/culori/css si adaugam urmatorul cod:

Pentru codul css trebuie sa raspundeti la subiect




Asta a fost tot.Enjoy!


Ultima editare efectuata de catre mr.franta in Sam Apr 22, 2017 9:43 am, editata de 2 ori


Re: Modernizare informatii index_box si inserare avatar
hasisul OnlineOffline
Rank: Membru
hasisul
Respect : 100%
Mesaje : 37
Inscris : 29/09/2016
să încercăm , bun.


Re: Modernizare informatii index_box si inserare avatar
KroNdd OnlineOffline
Rank: Membru
KroNdd
Respect : 100%
Mesaje : 49
Inscris : 28/07/2016
este mai bine cum spui tu frantaa


Re: Modernizare informatii index_box si inserare avatar
KroNdd OnlineOffline
Rank: Membru
KroNdd
Respect : 100%
Mesaje : 49
Inscris : 28/07/2016
Frannnta,cum il pot face sa mi apara si mie sus,imi apare jos la temrinarea categoriilor :(


Re: Modernizare informatii index_box si inserare avatar
fg.design OnlineOffline
Rank: Membru
fg.design
Respect : 100%
Mesaje : 36
Inscris : 21/02/2018
Bravo un cod frumos siutil ;)


Re: Modernizare informatii index_box si inserare avatar
w0oK. ;x OnlineOffline
RankDesigner
w0oK. ;x
Respect : 100%
Mesaje : 169
Inscris : 05/12/2013
:04:elegant


Re: Modernizare informatii index_box si inserare avatar
dmt16 OnlineOffline
Rank: Membru nou
dmt16
Respect : 100%
Mesaje : 3
Inscris : 14/01/2019
cpp dasf fasga


Re: Modernizare informatii index_box si inserare avatar
Continut sponsorizat OnlineOffline



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Lun Sept 16, 2019 7:13 pm