1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Un bonnet de Noël sur l'avatar
Mots-clés » bonnet, noël, sur, avatar
30-11-2015, 18:15,
#1
Un bonnet de Noël sur l'avatar
Comme Noël approche, j'ai fait une petite modification pour mettre un bonnet de Noël sur tous les avatars des posteurs (dans la vue des fils).

C'est plutôt simple à faire, mais j'ai bien tâtonné pour trouver exactement quoi faire, alors je vous diffuse ce petit tuto ici.

template:
Il faut modifier le template postbit_avatar pour ajouter un span avec la classe helper.
Code :
<div class="author_avatar"><span class="helper"></span><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} /></a></div>

Feuille de style:
J'ai créé (depuis l'interface MyBB) une css que j'ai appelée xmas.css. Elle fait une petite modification de author_avatar et la mise en page du span helper, en mode "classique" et en mode "normal":
Code :
div.author_avatar {
  position: relative;
  margin-top: 10px;
}
div.post.classic .helper {
  right: 40px;
  left: auto;
}
div.post .helper {
  background: url("images/small_sh.png") no-repeat transparent;
  display: block;
  left: 35px;
  right: auto;
  top: -10px;
  position: absolute;
  z-index: 5;
  width: 50px;
  height: 55px;
}
Cette feuille de style doit obligatoirement être dans les dernières, pour ne pas être écrasée par les CSS normales de MyBB.
- Les valeurs (en px) des différents réglages right et left sont à ajuster en fonction de l'image que vous désirez afficher.
- Les valeurs de width et height sont celles de l'image.

Voici l'image que j'ai utilisée :
.png   small_sh.png (Taille : 3.57 Ko / Téléchargements : 59)

Pour le rendu, vous pouvez le voir sur http://ab-plugin.cc/Santa-hat-on-avatar-corners-or-whatever-you-want-t-22.html

Répondre




Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique