Membres connectés récemment
[PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
+4
clost
damieng59
dragon594
Milouze14
8 participants
Page 1 sur 1 • Partagez
,
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:
Le script sans lien:
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:
Pensez à valider les modifications en cliquant sur le bouton
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 !
- InvitéInvité
Ok Philippe, j'ouvre un sujet dans entraide tout support.
- InvitéInvité
Merci Philippe
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
Sujets similaires
» [PHPBB2] Mettre l'avatar aux pseudos qui sont aux utilisateurs enregistrés
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
» [PHPBB2] Afficher le nombre d'Annonce & Note façon Punbb
» [PHPBB2] Souci de décalage sous l'avatar
» [PHPBB2] Liste des sujets décalée en présence des sous-forums
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
» [PHPBB2] Afficher le nombre d'Annonce & Note façon Punbb
» [PHPBB2] Souci de décalage sous l'avatar
» [PHPBB2] Liste des sujets décalée en présence des sous-forums
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum