comment mettre le offline-sur-profil-du-post en invision

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 13:26

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"
http://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  
{
popmenubutton-new-out étant le "en ligne" ,pour le hors ligne ?? quel est le code ?
merci a tous

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 17:25

Salut Meridius ,

as tu le lien de l'image hors ligne stp  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 17:28

bonjour Milouze14
voici http://i76.servimg.com/u/f76/17/92/36/69/offlin10.png

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 17:46

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é  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 17:49

elles sont de la même taille ,le "online et "offline
je te remercie en tout cas ! cheers 
a++

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 17:52

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 17:56

ca c'est le code que j'ai mis pour le "en ligne"
Code:
.postprofile-head .popmenubutton-new-out
{  
margin-top:15px;
width: 142px;
margin-left: 1px;  
}

et ca donne ceci

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 18:02

Re,

ok il aurait fallut le renseigner cher ami(e) , je ne suis pas devin  Wink  ,

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 18:04

oui , tout a fait ,c'est ce que souhaiterais avoir  Smile 

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 18:36

Re,
ok merci ,

il va falloir tricher pour avoir l'icône "En ligne" qui cachera l'icône "Hors ligne "  Wink 

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>');
});

Penses à cliquer sur le bouton


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;
}
Penses à cliquer sur le bouton


Il faudra jouer avec les valeurs de margin-left et margin-right pour arriver
a masquer complétement l image hors ligne  Wink .

Voilà mon ami.

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Dim 27 Avr 2014 - 19:49

re milouze
un grand merci a toi ,ca fonctionne  cheers
le seul souci ,si le pseudo est grand tout est décalé  scratch 
ca ne s'ajuste pas automatiquement Sad

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Milouze14 le Dim 27 Avr 2014 - 19:53

Re,
chaque structure de forum est différente ,
il aurait fallut mettre le lien de ton forum stp  Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4562
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre le offline-sur-profil-du-post en invision

Message par Meridius le Mar 29 Avr 2014 - 13:12

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
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

Meridius
**

Messages : 70
Inscrit(e) le : 06/12/2013

http://forum.forumactif.com/forum
Meridius a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum