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] Modification Cadre Avatar


2 participants

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

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

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

  • Version du forum :
    Invision
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour,
Je peut vous fournir les CSS ou autres si besoin est;

serai t'il possible de modifié mon cadre avatar et d'avoir un style un peut comme le votre, exemple en image:
en ce moment j'ai ceci [Invision] Modification Cadre Avatar 2073336244
[Invision] Modification Cadre Avatar Provvv12
je souhaiterai si possible avoir un style comme ceci [Invision] Modification Cadre Avatar 2073336244 avec un fond couleur 
Code:
#578A5B
[Invision] Modification Cadre Avatar Provvv14
Amicalement
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 18 Déc 2019 - 19:25

Hello Dan,

pour centrer ton avatar, tu ajouter ce style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

.postprofile-details.postdetails dt{text-align:center;}


Penser a cliquer sur le bouton [Invision] Modification Cadre Avatar Sans_t10


Pour mettre une couleur de fond blanche:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

.postprofile-details.postdetails{background-color: white;}

Penser a cliquer sur le bouton [Invision] Modification Cadre Avatar Sans_t10




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

MessageQuad Daniel Mer 18 Déc 2019 - 19:49

en white c'est pas jolie avec mon forum j'ai mis un autre fond, serai t'il possible d'avoir un cadre fin comme le votre: couleur
Code:
#B7F58B




j'ai toujours le cadre trop haut ?

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 18 Déc 2019 - 20:13

Comme je suis admin sur ton fofo, j'ai appliqué le style adéquate Dan,

c'est assez spécifique donc, cela ne servira à personne pour une aide ultérieure...
Est-ce que cela te convient ?

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

MessageQuad Daniel Mer 18 Déc 2019 - 20:27

oui merci pour le cadre phil, c'est beau comme ça
par-contre j'ai toujours un décalage ? au dessus du cadre (je me demande si cela ne viens pas de la loupe ?en haut
[Invision] Modification Cadre Avatar Provvv15

a certain endroit j'ai un décalage avec le bonnet du cadre, et en bas les bouton sont caché voir ici au membre qui non pas de signature
[Invision] Modification Cadre Avatar Captur12
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 19 Déc 2019 - 4:25

Hello Dan,
alors pour les champs de contacts, c'est réglé.
Par contre il faut revoir pour cette image qui sert de "barre" du coté gauche:

[Invision] Modification Cadre Avatar Back_t10

Le soucis à toujours existé,il faudrait voir a remplacer par une bordure de la couleur de ton choix car l'image ne pourra jamais être égale sur la largeur totale du message.

Je reviens ce soir mon ami.

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

MessageQuad Daniel Jeu 19 Déc 2019 - 13:34

ok je comprend c’était pour l'originalité avais cette barre assortie a mon style de forum

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

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

serai t'il possible d'avoir ceci un peut comme vous ?
 [Invision] Modification Cadre Avatar Provvv16

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 19 Déc 2019 - 19:25

Re Dan,
j'ai réussis a trouver la parade en élargissant légèrement la hauteur du hauteur du message et miracle !!!!!
Par contre afin d'accéder au bouton qui agrandit le message , je suis obligé de décaler le profil du haut.
Ensuite je t'ai ajouté (rappel,il faut une demande par sujet Dan) ,
le tag des membres en ligne et hors ligne mon ami.

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

MessageQuad Daniel Jeu 19 Déc 2019 - 21:30

bonsoir Phil oké pour les boutons du bas je demanderai après sur un autre sujet car je pansé qu'il fallait faire une demande complète des le départ étant lié a l'avatar 
par-contre j'ai pas trouvé l'écriture pour modifier hors ligne le mot et collé, est t'il possible de resserré comme sur image dessous le mot hors ligne au cadre,  et ensuite quant les membre non pas de signature les boutons du bas sont caché  [Invision] Modification Cadre Avatar 2160757510 je te donne beaucoup de travail chef [Invision] Modification Cadre Avatar 1318090981
(je panse que tu porrai monté le cadre avatar en déplacent peut être l'icone loupe+)
[Invision] Modification Cadre Avatar Images12

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 20 Déc 2019 - 5:13

Hello Dan,
l’écart a été modifié mon ami.

J'ai oublié de te le mentionner, je pensais que tu irais dans ta feuille de style et modifier si besoin, bref , tu trouveras le style pour le "En ligne/Hors ligne" dans ta feuille de style :


Regardes les commentaires et change la couleur selon tes gouts:
Code:

/*MEMBRE HORS LIGNE*/
.post:not(.online) .postprofile-details.postdetails:before
{
content:"Horsligne";
color:#262626;
position: absolute;
width: 192px;
text-align: center;
height: 20px;
line-height: 20px;
margin-top: -22px;
background-color:#dfdddc;  
}
/*MEMBRE EN LIGNE*/
.post.online .postprofile-details.postdetails:before
{
content:"En ligne";
color:white;
position: absolute;
width: 192px;
text-align: center;
height: 20px;
line-height: 20px;
margin-top: -22px;
background-color:#8b5;  
}


Pour les bouton cachés,j'ai modifié la valeur 20 à 40px ici et normalement tout est bon Dan.

Code:
  margin-top:40px;
Code:
  .post-footer
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/mainme13.png");
    background-position: top center;
    background-repeat: no-repeat;
    border-top : none !important;
  margin-top:40px;
    }

Cette version étant assez compliquée a coder sur les messages ,
il ne faut être trop gourmand mon ami clin oeil .

J'en ai profité pour réduire la taille de tes images au clic sur le profil du membre car les images précédentes étaient
bien trop grandes et déformer la structure du bloc.
Quad Daniel
Quad Daniel
https://www.quadsalvetain.com/

MessageQuad Daniel Ven 20 Déc 2019 - 15:08

hello Phil, oui j'étais allée dans css voir j'ai vu que tu a mis la couleur cadre en début avec hors et en ligne. Merci .
si tu panse que c'est mieux de supprimé la barre image et mettre une couleur aucun problème (entre gris et vert)
est t'il possible de monté le cadre avatar en déplacent peut être l'icone loupe pour l'estetique ?

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 20 Déc 2019 - 15:53

Hello Dan,
comme je l'ai mentionné plus haut, cette version est assez compliquée à coder, donc j'ai respecté tes choix et forcément il a fallut adapter cette partie. Donc désormais on ne peut plus faire d'autre modification sur le placement du profil mon ami.

si tu penses que c'est mieux de supprimé la barre image et mettre une couleur aucun problème (entre gris et vert)

Non, tout est fonctionnel mon ami, donc on peut laisser ainsi.

Hum,je viens de voir que tu as trois sujets en courts alors que le règlement mentionne deux maximum par membre clin oeil  

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

MessageQuad Daniel Ven 20 Déc 2019 - 19:43

oui pardon celui est fini j’attendais ta réponse avant de noter résolu
merci pour ton aide l'ami clin oeil
Merci pour l'aide

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 20 Déc 2019 - 19:46

De rien Dan,


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