AccueilMembres connectés récemment
[Invision] Décorer les avatars bonnet de Noel
Page 1 sur 1 • Partagez
- Quad Daniel
-
Quad 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
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
Fondateur -
Milouze14 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:
Penses a cliquer sur le bouton
Et voilou, tu peux régler le placement en te repérant aux commentaires:
Modifies si besoin les valeurs numériques négatives:
+8px , -46px.
Et voilou
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
Et voilou, tu peux régler le placement en te repérant aux commentaires:
- Code:
//INDEX ET SOUS FORUMS
- Code:
margin-top: -8px;margin-left: -46px;
- Code:
//SUR LES MESSAGES
- Code:
margin-top: -8px;margin-left: -8px;
Modifies si besoin les valeurs numériques négatives:
+8px , -46px.
Et voilou
![[Invision] Décorer les avatars bonnet de Noel Provvv10](https://servimg.com/r/8016474504/provvv10.jpg)
![[Invision] Décorer les avatars bonnet de Noel Provvv11](https://servimg.com/r/8016474504/provvv11.jpg)
.- fascicularia
-
fascicularia Mer 18 Déc 2019 - 23:34
Avec ce css
ou
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
- 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
- fascicularia
-
fascicularia Jeu 19 Déc 2019 - 16:37
De rien Daniel,
par contre, je vois une erreur dans le css inséré :
tu as
alors qu'il me semble que tu souhaitais mettre plutôt :
Le bonnet est absent également.
le Js 31228 est activé mais pas sur les sujets (du moins, je ne le vois pas sous Opera).
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).
Sujets similaires
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