Premii de profil cu cursorul peste nume

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Premii de profil cu cursorul peste nume

Mesaj Scris de Mihai Dum Iul 11, 2021 2:27 am

Premii de profil cu cursorul peste nume

Dragi membri,

Suntem deseori întrebați cum puteți adăuga un icon la profilurile dvs. și cum să adăugați un nume articolelor atunci când treceți peste ele.
Am creat un sistem de premii folosind acest lucru.

O veste grozavă este că avem acum un cod ușor de utilizat și de înțeles. Mulțumim @Walt de pe forumul de suport francez.

 Disponibil pentru toate versiunile

Premii de profil cu cursorul peste nume Phpbb210 PHPBB2
Premii de profil cu cursorul peste nume Phpbb310 PHPBB3
Premii de profil cu cursorul peste nume Punbb10 PUNBB
Premii de profil cu cursorul peste nume Invisi11 INVISION
Premii de profil cu cursorul peste nume Modern10 MODERNBB
Premii de profil cu cursorul peste nume 15210 AWESOMEBBBETA
Acesta vine în 3 pași simpli.

Premii de profil cu cursorul peste nume N112 Creați un câmp de profil nou


 Panou de administrare >>  Utilzatori & Grupuri >>  Utilizatori >> Profiluri >>
Setări:
Tip: Zona de text
Nume: Recompense pentru profil (Sau ce titlu vă place dvs.)
Descriere: (oricare vă place)
Afișare: Profil-uri Mesaje
Tipul de afișare: (oricare vă place)
Cine poate modifica valoarea câmpului profilului ?: Moderatori
Afișați acest câmp pentru utilizatorii care sunt cel puțin : (oricare vă place)
Separator: (oricare vă place)
Conținut default *:
Cod:
[center][table][tr][td class="scrollable-zone"]No Awards Yet[/td][/tr][/table][/center]
Lungime maximă : 15000
Acum salvați

Premii de profil cu cursorul peste nume N213 Creați un nou JavaScript

 Panou de Administrare >>  Module >>  HTML & JAVASCRIPT >> Gestionarea codurilor Javascript >>
Setări:
Titlu *: Premii de profil.
Plasare: Topicuri
Cod:
Pentru PHPBB3, MODERNBB, FORUMURILE INVISION:
Cod:
$(function() {
  var all_items_images = [
    'https://i.servimg.com/u/f62/12/23/10/57/blue11.png', //Reward 1
    'https://i.servimg.com/u/f62/12/23/10/57/dark_g11.png',  // Reward 2
    'https://i.servimg.com/u/f62/12/23/10/57/gree11.png', // Reward 3
    'https://i.servimg.com/u/f62/12/23/10/57/orange12.png', // Reward 4
    'https://i.servimg.com/u/f62/12/23/10/57/perp12.png', // Reward 5
    'https://i.servimg.com/u/f62/12/23/10/57/red10.png', // Reward 6
   
  ];
 
  var all_items_legend = [
   
    'You hit 100 posts',                  // Reward 1
    'You hit 200 posts',                  // Reward 2
    'You hit 500 posts',                  // Reward 3
    'You hit 5000 posts',                // Reward 4
    'You get 100 likes',                  // Reward 5
    '10 Or More Items From Credit Store', // Reward 6
   
  ];
 
  $('.postprofile .scrollable-zone img').each(function() {
    var a = all_items_images.indexOf( $(this).attr('src') );
    $(this).attr('title', all_items_legend[a]);
  });
});
Pentru FORUMURILE PHPBB2:
Cod:
$(function() {
  var all_items_images = [
    'https://i.servimg.com/u/f62/12/23/10/57/blue11.png', //Reward 1
    'https://i.servimg.com/u/f62/12/23/10/57/dark_g11.png',  // Reward 2
    'https://i.servimg.com/u/f62/12/23/10/57/gree11.png', // Reward 3
    'https://i.servimg.com/u/f62/12/23/10/57/orange12.png', // Reward 4
    'https://i.servimg.com/u/f62/12/23/10/57/perp12.png', // Reward 5
    'https://i.servimg.com/u/f62/12/23/10/57/red10.png', // Reward 6
   
  ];
 
  var all_items_legend = [
   
    'You hit 100 posts',                  // Reward 1
    'You hit 200 posts',                  // Reward 2
    'You hit 500 posts',                  // Reward 3
    'You hit 5000 posts',                // Reward 4
    'You get 100 likes',                  // Reward 5
    '10 Or More Items From Credit Store', // Reward 6
   
  ];
 
  $('.postprofile .scrollable-zone img').each(function() {
    var a = all_items_images.indexOf( $(this).attr('src') );
    $(this).attr('title', all_items_legend[a]);
  });
});
Pentru FORUMURILE PUNBB:
Cod:
$(function() {
  var all_items_images = [
    'https://i.servimg.com/u/f62/12/23/10/57/blue11.png', //Reward 1
    'https://i.servimg.com/u/f62/12/23/10/57/dark_g11.png',  // Reward 2
    'https://i.servimg.com/u/f62/12/23/10/57/gree11.png', // Reward 3
    'https://i.servimg.com/u/f62/12/23/10/57/orange12.png', // Reward 4
    'https://i.servimg.com/u/f62/12/23/10/57/perp12.png', // Reward 5
    'https://i.servimg.com/u/f62/12/23/10/57/red10.png', // Reward 6
   
  ];
 
  var all_items_legend = [
   
    'You hit 100 posts',                  // Reward 1
    'You hit 200 posts',                  // Reward 2
    'You hit 500 posts',                  // Reward 3
    'You hit 5000 posts',                // Reward 4
    'You get 100 likes',                  // Reward 5
    '10 Or More Items From Credit Store', // Reward 6
   
  ];
 
  $('.postprofile .scrollable-zone img').each(function() {
    var a = all_items_images.indexOf( $(this).attr('src') );
    $(this).attr('title', all_items_legend[a]);
  });
});
Pentru FORUMURILE AWESOMEBBBETA:
Cod:
$(function() {
  var all_items_images = [
    'https://i.servimg.com/u/f62/12/23/10/57/blue11.png', //Reward 1
    'https://i.servimg.com/u/f62/12/23/10/57/dark_g11.png',  // Reward 2
    'https://i.servimg.com/u/f62/12/23/10/57/gree11.png', // Reward 3
    'https://i.servimg.com/u/f62/12/23/10/57/orange12.png', // Reward 4
    'https://i.servimg.com/u/f62/12/23/10/57/perp12.png', // Reward 5
    'https://i.servimg.com/u/f62/12/23/10/57/red10.png', // Reward 6
   
  ];
 
  var all_items_legend = [
   
    'You hit 100 posts',                  // Reward 1
    'You hit 200 posts',                  // Reward 2
    'You hit 500 posts',                  // Reward 3
    'You hit 5000 posts',                // Reward 4
    'You get 100 likes',                  // Reward 5
    '10 Or More Items From Credit Store', // Reward 6
   
  ];
 
  $('.post-aside .scrollable-zone img').each(function() {
            var a = all_items_images.indexOf( $(this).attr('src') );
            $(this).attr('title', all_items_legend[a]);
          });
        });
Salvați

Singura modalitate de a da un titlu fiecărui icon este să îl găsiți cu adresa URL a imaginii. De aceea trebuie să listăm în variabila all_items_images toate imaginile disponibile în această zonă de profil. Am introdus deja în această variabilă toate elementele care erau în profilul dvs., dar dacă există altele, va trebui să o adăugați.

Pentru a da un titlu fiecărui articol, avem variabila all_items_legend și fiecare rând este legenda imaginii echivalente din variabila all_items_images.

De exemplu :
Premii de profil cu cursorul peste nume CBGrrqL

Deci, dacă adăugați imagini, veți adăuga legendele în aceeași ordine ... Sper că sunt clar ahah

Premii de profil cu cursorul peste nume N312 Adăugarea premiilor dvs. la profilul membrilor

Accesați profilul membrilor în care doriți să adăugați un premiu și adăugați unul dintre următoarele coduri găsite în lista de mai jos.

Adăugarea premiilor :
Am făcut 6 pentru tine, dar poți să-ți faci propriile, dacă vrei.

Vezi Premiile:
Premii de profil cu cursorul peste nume Blue11
Cod:
https://i.servimg.com/u/f62/12/23/10/57/blue11.png
Premii de profil cu cursorul peste nume Dark_g11
Cod:
https://i.servimg.com/u/f62/12/23/10/57/dark_g11.png
Premii de profil cu cursorul peste nume Gree11
Cod:
https://i.servimg.com/u/f62/12/23/10/57/gree11.png
Premii de profil cu cursorul peste nume Orange12
Cod:
https://i.servimg.com/u/f62/12/23/10/57/orange12.png
Premii de profil cu cursorul peste nume Perp12
Cod:
https://i.servimg.com/u/f62/12/23/10/57/perp12.png
Premii de profil cu cursorul peste nume Red10
Cod:
https://i.servimg.com/u/f62/12/23/10/57/red10.png
Adăugând mai multe:
Spuneți că doriți să adăugați primul și ultimul să faceți următoarele
Cod:
[img]https://i.servimg.com/u/f62/12/23/10/57/blue11.png[/img][img]https://i.servimg.com/u/f62/12/23/10/57/red10.png[/img]

Va trebui să adăugați codul unde vedeți această parte a codului. Niciun premiu încă
codul ar trebui să arate cam așa
Cod:
[center][table][tr][td class="scrollable-zone"][img]https://i.servimg.com/u/f62/12/23/10/57/blue11.png[/img][img]https://i.servimg.com/u/f62/12/23/10/57/red10.png[/img][/td][/tr][/table][/center]

Notă: Va trebui să adăugați acest lucru (manual) fiecărui membru (din păcate Acest sistem nu are o setare de umplere automată) Apoi Salvați.

Și acesta este rezultatul :
Premii de profil cu cursorul peste nume Ezgif_17

Stil cu CSS:
Spoiler:
Cod:
.scrollable-zone {
background-color: #222; /* Background color */
display: block;
max-height: 35px; /* Hight of the box */
overflow: auto;
border: 1px solid #000 !important; /* outside border*/
box-shadow: 0 10px 6px rgba(255,255,255,0.13) inset,0 -10px 6px rgba(0,0,0,0.05) inset; /* Boxshadow */
cursor: pointer; /* mouse hand pointer */
}

Acest lucru ar trebui să funcționeze în toate forumurile, cu excepția cazului în care ați făcut multe modificări la template-uri.

Sper să vă placă acestă setare mică.
Dacă aveți probleme, vă rugăm să nu ezitați să creați un subiect în forumul principal care să mă conecteze la acest subiect și să mă etichetați.
Mihai

Mihai
Administrator
Administrator

Mesaje : 1463
Varsta : 23
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 87
Pachetul Premium Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum