[PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar

[Milouze14Fondateur]

,

l'astuce consiste a afficher le logo du forum et son lien devant tous les pseudos uniquement sur l'index et les sous forums.
L'idéal serait (afin d'avoir un visuel correcte) d'avoir une image conséquente .


Les aperçus imagés sur l'index et sur la liste des sujets:

L'index:



La liste des sujets:



Dans le script , vous aurez la possibilité de personnaliser l'infobulle du lien au survol de l'image.

Je vais vous donner deux scripts :
Le premier affichera simplement l'image du logo et le deuxième affichera l'image et le lien du logo, à vous de choisir celui qui conviendra le plus.


Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur l'index et les sous forums.



Le script avec le lien:

Code:


$(function(){
var e=$('img#i_logo').attr('src');
var a=$('img#i_logo').attr('href');
$('.postdetails a[href^="/u"] ,.row3.over a[href^="/u"] ').before('<span class="M14_logoAvatr"><a href=""title="Index du forum"><img src=""/></a></span>');
$('span.M14_logoAvatr a').attr('href',a);
$('span.M14_logoAvatr img').attr('src',e);
});


Le script sans lien:

Code:


$(function(){
var e=$('img#i_logo').attr('src');

$('.postdetails a[href^="/u"] ,.row3.over a[href^="/u"] ').before('<span class="M14_logoAvatr"><img src=""/></span>');
$('span.M14_logoAvatr img').attr('src',e);
});


Pensez a cliquer sur le bouton  

Puis on va attribuer une dimension à ce mini logo:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:

.M14_logoAvatr img{max-width:16px;max-height:16px;opacity:0.8;}

Pensez à valider les modifications en cliquant sur le bouton  

[InvitéInvité]

Merci beaucoup !

[Milouze14Fondateur]

Hello mon tit Romain,
je viens de corriger le script , il ne faut pas cocher sur toutes les pages mais sur l'index et les sous forums

[InvitéInvité]

Ok Philippe, j'ouvre un sujet dans entraide tout support.

[InvitéInvité]

Merci Philippe

[InvitéInvité]

Merci beaucoup !

[dragon594]

Merci beaucoup !

[damieng59]

Merci beaucoup !

[InvitéInvité]

Merci beaucoup !

[clost]

Merci beaucoup !

[Sick.l.Offrande]

Merci beaucoup <3

[Divarion]

Merci beaucoup !

[kristhyane]

Merci beaucoup !

[InvitéInvité]

Merci beaucoup !

[Ptite_Perle]

Merci beaucoup !