Iconuri multiple in profil

[SSYT]

Iconuri multiple in profil

Pasul 1:

Panou de administrare ~> Utilizatori & Grupuri ~> Utilizatori ~> Profiluri ~> Camp din profil

Utilizatori ~> Profiluri ~> Camp din profil ~> Adauga:

Tip : Zona de text
Nume : Multitple
Descriere : Liber - ""
URL icon : "" (Liber)
Obligatoriu la inscriere? : Nu
Afisare : Profil si Mesaje
Tip de afisaj : Text
Cine poate modifica valoarea continutului? : Moderatori
Afiseaza acest camp pentru utilizatorii care au cel putin statutul : Membri / Vizitatori
Separator : Paragraf

Zona de text

Continut de origine * :

Cod:

<span class="first tooltipstered">?</span>

Lungime maxima : 15000

Pasul 2:

Panou de administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaia de stil CSS:

Cod:

span.profile_rows[role="awords"] span.first, .field_uneditable span.first {
    padding: 5px 8px;
    clear: both;
    display: inline-block;
    background: #2CA1CE;
    border-radius: 25px;
    color: white;
    font-size: 15px;
}

span.profile_rows[role="awords"] {
    margin-top: 7px;
    overflow: auto;
    position: relative;
    display: block;
}

Pasul 3:

Panou de administrare ~> Afisare ~> Template-uri ~> General ~> viewtopic_body

Cautati:

Cod:

<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->

si inlocuiti cu

Cod:

<!-- BEGIN profile_field -->
                                           <span class="profile_rows">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
 <!-- END profile_field -->

Pasul 4:

Panou de administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript:

Creeaza un cod JavaScript

Titlu * :  Only _.FA
Amplasare : Toate paginile
Cod JavaScript * :

Cod:

// Multiple Icons, Ranks, List, Text.
// SSYT Power 2016 !
!function(_, $) {
    _.FA = {
      onTopic: function() {
         var j = $('.post'), str, html;
         $('span.profile_rows:contains("Multitple :")', j).each(function() {
            $('span.label', this).remove();
            str = $(this).text();
            $(this).html(str);
            $(this).attr('role','awords').append('<br />');
         });
      },
   
      onProfile: function() {
         $('dl[id*="field_"]:contains("Multitple :")', $('div#profile-advanced-details')).each(function() {
            $('dt:eq(0)', this).remove();
            str = $('dd .field_uneditable', this).text();
            $('dd .field_uneditable', this).html(str);
         });
         console.log("on profile");
      }
   };
   
   $(function(){
      (/\/t(\d+)-/.test(window.location.pathname) || /\/t(\d+)p(\d*)-/.test(window.location.pathname) ) && _.FA.onTopic();
      (/\/u(\d+)/.test(window.location.pathname)) && _.FA.onProfile()});
}({}, jQuery);

Demonstratie !

[EmanueL.ZDROP]

Foarte bun tutorialul, cautam ceva de genul de mult timp, multumesc.

[NergaL]

Foarte interesant, chiar ma gândeam sa adaug niste iconuri in profiluri ,doar ca nu știam cum

[Mihai]

frumos. continuă cu așa ceva, îmi place mult !