Connexion

Récupérer mon mot de passe

Derniers sujets
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Milouze14 Aujourd'hui à 18:50

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par christ77000 Hier à 14:13

» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Lun 24 Fév 2020 - 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Dim 23 Fév 2020 - 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020 - 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020 - 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020 - 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020 - 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020 - 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020 - 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020 - 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020 - 3:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020 - 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020 - 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020 - 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020 - 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

[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