Iconuri multiple in profil

Vezi subiectul anterior Vezi subiectul urmator In jos

Iconuri multiple in profil

Mesaj Scris de Shawn la data de Joi 7 Apr - 9:42

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 !




Ultima editare efectuata de catre SSYT in Mier 13 Apr - 13:03, editata de 1 ori (Motiv : Update JS code to next version !)

Shawn
Moderator
Moderator

masculin

Mesaje : 675
Varsta : 22
Localizare : C:\system32
Data de inscriere : 10/08/2015
Multumiri : 77
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum