Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[Invision] Décorer les avatars bonnet de Noel


3 participants

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

Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Mar 17 Déc 2019 - 21:44

  • Version du forum :
    Invision
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
https://www.quadsalvetain.com/

Bonjour,
j'ai vu sur le forum qu'il y avait un bonnets de noël sur l'avatar pour noël, serai t'il possible d'avoir le même sans trop de modif pour les fêtes ?
amicalement
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 18 Déc 2019 - 3:55

Hello Dan,


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.

Coches sur l'index ,sur les sous-forums et sur les sujets

Déposes ceci:

Code:


$(function(){
  //INDEX ET SOUS FORUMS
$('span.lastpost-avatar').each(function(){
$(this).append('<img src="https://i.servimg.com/u/f20/20/11/87/27/santac11.png"style="position: absolute;margin-top: -8px;margin-left: -46px;"/>');
});});
$(function(){
  //SUR LES MESSAGES
$('.postprofile-details.postdetails a[href^="/u"] img').each(function(){
$(this).before('<img src="https://i.servimg.com/u/f20/20/11/87/27/santac10.png"style="position: absolute;margin-top: -8px;margin-left: -8px;"/>');
});});

Penses a cliquer sur le bouton Valid

Et voilou, tu peux régler le placement en te repérant aux commentaires:

Code:
 
//INDEX ET SOUS FORUMS
puis le placement:
Code:
margin-top: -8px;margin-left: -46px;



Code:
//SUR LES MESSAGES
puis le placement:
Code:
margin-top: -8px;margin-left: -8px;

Modifies si besoin les valeurs numériques négatives:
+8px , -46px.

Et voilou hinhin



Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Mer 18 Déc 2019 - 12:00

merci Phillippe, par-contre j'ai un chevauchement , je panse que mon cadre avatar est trop haut !
[Invision] Décorer les avatars bonnet de Noel Provvv10

fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mer 18 Déc 2019 - 17:31

Bonjour Daniel,
ce css permet de baisser le profil

Code:
.postprofile-details.postdetails {
    margin-top: 20px;
}

après, tu gères le positionnement du bonnet dans le js.

Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Mer 18 Déc 2019 - 18:47

bonjour Stéphane merci pour ta réponse, mais cela ne va pas car sa décent l’avatar mais pas le cadre qui est trop haut
[Invision] Décorer les avatars bonnet de Noel Provvv11

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 18 Déc 2019 - 19:30

Hello Dan et Stéphane,
merci pour on intervention mon ami Merci .
Dan, on ne pourra pas faire grand chose de plus vu que tes avatars ne sont pas de taille
plus ou moins similaires.
Il y a trop d'écart cher ami.

Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Mer 18 Déc 2019 - 21:06

on ne peut pas les mettre similaire ?

fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Mer 18 Déc 2019 - 23:34

Avec ce css

Code:
.postprofile-details.postdetails dt img {
    width: auto;
    height: 120px;
}

ou
Code:
.postdetails dt img {
    width: auto;
    height: 120px;
}

si la class n'est pas reprise dans une autre partie (le profil par exemple;  je n'ai pas pu analyser cette partie pour voir si c'était le cas).

En height, tu mets la taille que tu veux; le width : auto évitera une déformation de l'image.

tu gères ensuite le positionnement du bonnet dans ton js

Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Jeu 19 Déc 2019 - 14:38

merci Stéphane  Merci j'ai mis le premier, un léger décalage mais pour noël c'est bon Merci

Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Jeu 19 Déc 2019 - 14:40

Merci beaucoup à Stéphane et Philippe pour votre aide . super
Amicalement

fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Jeu 19 Déc 2019 - 16:37

De rien Daniel,
par contre, je vois une erreur dans le css inséré :

tu as
Code:
.postprofile-details.postdetails dt img {
    height: 8-140px;
    width: auto;
}

alors qu'il me semble que tu souhaitais mettre plutôt :

Code:
.postprofile-details.postdetails dt img {
    height:140px;
    width: auto;
}

Le bonnet est absent également.

le  Js 31228 est activé mais pas sur les sujets (du moins, je ne le vois pas sous Opera).


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 19 Déc 2019 - 18:35

Merci Stéphane hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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