Connexion

Récupérer mon mot de passe

Derniers sujets
» [AWESOMEBB] Changer la police titre forum
par Milouze14 Mar 2 Juin 2020 - 20:11

» *RESOLU*[PHPBB3] Le fil d'ariane en bas
par Milouze14 Mar 2 Juin 2020 - 20:10

» *RESOLU*[PHPBB3] Bouton chatbox sur barre de notification
par Milouze14 Mar 2 Juin 2020 - 17:59

» *RESOLU*[PHPBB3] Erreur dans template
par Milouze14 Lun 1 Juin 2020 - 15:56

» [PHPBB2] Mettre en résolu via la réponse rapide
par Morane Lun 1 Juin 2020 - 14:28

» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

[Invision] Décorer les avatars bonnet de Noel

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

Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le 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

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





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Quad Daniel
Quad Daniel
Animateur blagueur

MessageQuad Daniel le 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
Milouzien

Messagefascicularia le 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
Animateur blagueur

MessageQuad Daniel le 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

MessageMilouze14 le 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.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Quad Daniel
Quad Daniel
Animateur blagueur

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

on ne peut pas les mettre similaire ?

fascicularia
fascicularia
Milouzien

Messagefascicularia le 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
Animateur blagueur

MessageQuad Daniel le 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
Animateur blagueur

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

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

fascicularia
fascicularia
Milouzien

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

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





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

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