comment mettre le offline-sur-profil-du-post en invision
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
comment mettre le offline-sur-profil-du-post en invision
Bonjour ,voila ,je voudrais mettre le bouton "off line" cette fois sur le profil du post
voir le tuto précédent pour le "on line"
https://forum.forumactif.com/t362597-mettre-le-online-sur-profil-du-post-en-invision?highlight=invision
sachant que le code de @milouze14 fonctionne a merveille
merci a tous
voir le tuto précédent pour le "on line"
https://forum.forumactif.com/t362597-mettre-le-online-sur-profil-du-post-en-invision?highlight=invision
sachant que le code de @milouze14 fonctionne a merveille
- Code:
/*Déplacement de l image en ligne*/
.postprofile-head .popmenubutton-new-out
{
merci a tous
Re: comment mettre le offline-sur-profil-du-post en invision
Salut Meridius ,
as tu le lien de l'image hors ligne stp .
a++
as tu le lien de l'image hors ligne stp .
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
Re,
ce ne sera pas possible car il faut impérativement que les deux images soient de
taille équivalentes.
Je recherche de mon côté .
a++
ce ne sera pas possible car il faut impérativement que les deux images soient de
taille équivalentes.
Je recherche de mon côté .
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
elles sont de la même taille ,le "online et "offline
je te remercie en tout cas !
a++
je te remercie en tout cas !
a++
Re: comment mettre le offline-sur-profil-du-post en invision
Re,
si je me base sur le message initial ou tu mentionnes un autre topic,
tu as déposé cette image il me semble:
Donc la taille est bien plus importante .
a++
si je me base sur le message initial ou tu mentionnes un autre topic,
tu as déposé cette image il me semble:
Donc la taille est bien plus importante .
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
ca c'est le code que j'ai mis pour le "en ligne"
et ca donne ceci
- Code:
.postprofile-head .popmenubutton-new-out
{
margin-top:15px;
width: 142px;
margin-left: 1px;
}
et ca donne ceci
Re: comment mettre le offline-sur-profil-du-post en invision
Re,
ok il aurait fallut le renseigner cher ami(e) , je ne suis pas devin ,
donc pour éviter toute perte de temps,
tu as l'icône vert pour le "En ligne" et tu veux avoir l'icône pour le hors ligne
a++
ok il aurait fallut le renseigner cher ami(e) , je ne suis pas devin ,
donc pour éviter toute perte de temps,
tu as l'icône vert pour le "En ligne" et tu veux avoir l'icône pour le hors ligne
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
oui , tout a fait ,c'est ce que souhaiterais avoir
Re: comment mettre le offline-sur-profil-du-post en invision
Re,
ok merci ,
il va falloir tricher pour avoir l'icône "En ligne" qui cachera l'icône "Hors ligne "
Voilà la disposition sur forum test :
Pour cela on va créer un script :
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher "Sur les sujets"
Colles ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Il faudra jouer avec les valeurs de margin-left et margin-right pour arriver
a masquer complétement l image hors ligne .
Voilà mon ami.
a++
ok merci ,
il va falloir tricher pour avoir l'icône "En ligne" qui cachera l'icône "Hors ligne "
Voilà la disposition sur forum test :
Pour cela on va créer un script :
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher "Sur les sujets"
Colles ceci:
- Code:
//on donne une class a l image en ligne
$(function(){
$("div.popmenubutton-new-out.popmenubutton a img[alt='En ligne']").addClass("M14_online");
});
//on place l icone hors ligne
$(function(){
$('.postprofile-details.postdetails').has('dt').before('<span id="M14_online"title="Hors ligne"><img src="http://i76.servimg.com/u/f76/17/92/36/69/offlin10.png"/></span>');
});
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
- Code:
.M14_online
{
position:absolute;
width:11px;
height:11px;
margin-top:29px; /*modifier la valeur si besoin*/
margin-left:-25px; /*modifier la valeur si besoin*/
z-index:2;
}
#M14_online
{
position:absolute;
width:11px;
height:11px;
margin-left:2px; /*modifier la valeur si besoin*/
z-index:1;
}
Il faudra jouer avec les valeurs de margin-left et margin-right pour arriver
a masquer complétement l image hors ligne .
Voilà mon ami.
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
re milouze
un grand merci a toi ,ca fonctionne
le seul souci ,si le pseudo est grand tout est décalé
ca ne s'ajuste pas automatiquement
un grand merci a toi ,ca fonctionne
le seul souci ,si le pseudo est grand tout est décalé
ca ne s'ajuste pas automatiquement
Re: comment mettre le offline-sur-profil-du-post en invision
Re,
chaque structure de forum est différente ,
il aurait fallut mettre le lien de ton forum stp .
a++
chaque structure de forum est différente ,
il aurait fallut mettre le lien de ton forum stp .
a++
Invité- Invité
Re: comment mettre le offline-sur-profil-du-post en invision
re ,un grand merci a Milouze14 qui pendant 2 jours m'a aidé pour trouver la solution
grâce a lui ,tout fonctionne correctement
voici le script et CSS final de Milouze14
le script
CSS
encore merci Milouze14 pour ta gentillesse et le temps passé
sujet résolu
grâce a lui ,tout fonctionne correctement
voici le script et CSS final de Milouze14
le script
- Code:
$(function(){
$("div.popmenubutton-new-out.popmenubutton a img[alt='En ligne']").addClass("M14_online");
});
//on place l icone hors ligne
$(function(){
$('.popmenubutton-new-out.popmenubutton a').has('span').before('<span class="M14_offline"title="Hors ligne"><img src="http://i76.servimg.com/u/f76/17/92/36/69/offlin10.png"/></span><br />');
});
CSS
- Code:
.M14_online
{
position:absolute;
margin-top:-20px;
margin-left: 18px;
z-index:2;
}
.M14_offline
{
position:absolute;
margin-top:5px;
margin-left: 0px;
z-index:1;
}
encore merci Milouze14 pour ta gentillesse et le temps passé
sujet résolu
Sujets similaires
» mettre le "online" sur profil du post en "invision"
» Invision - Possibilité de mettre un menu déroulant dans le profil d'inscription
» [Invision] Mettre des éléments du profil dans un panneau genre spoiler
» Invision - Comment supprimer le titre d'un champ de profil
» Comment centrer tous les éléments du profil dans les messages (Invision)
» Invision - Possibilité de mettre un menu déroulant dans le profil d'inscription
» [Invision] Mettre des éléments du profil dans un panneau genre spoiler
» Invision - Comment supprimer le titre d'un champ de profil
» Comment centrer tous les éléments du profil dans les messages (Invision)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum