Tout petit up

 

Mettre "urgent" ou "important" dans le titre du sujet n'est pas toléré, j'édite ton titre pour enlever ceci

Chaque demande est aussi importante et urgente l'est une que les autres, si jamais tu veux te distinguer et signifier qu'elle est vraiment urgente/importante il y a un icône à acheter dans les privilèges avec des peanut's

Bonjour ! Je vais essayer de t'aider, si j'ai bien compris: lorsque tu parles de profil, il s'agit bien de la partie à droite ou à gauche de la zone de texte, où on voit l'avatar, le rang, le pseudo, le lien vers le profil, etc ?
Si c'est le cas j'aurai certainement de quoi t'aider, sinon ça risque d'être difficile car je ne connais rien au template de profil (=
Voilà, à bientôt !

Bonjour,
Merci de ton aide alumine. Effectivement c'est bien la partie de droite représentant l'avatar.
Désolé Alzufen je ne savais pas.

Bonjour !
Alors je crois que je n'ai pas très bien compris ton schéma. Est-ce que tu veux que le pseudo du membre et sa classe soient sur l'avatar ? Ou est-ce que tu les veux au-dessus ?
Ensuite, si tu souhaites qu'il y aie une "belle" police, il faudra l'installer sur ton forum.
Et enfin, concernant les images d'âme et de cristal, sache que si tu veux pouvoir attribuer l'une ou l'autre à tes membres sans passer par du javascript ou quelque chose de compliqué, le plus simple est de créer deux rangs, l'un pour la flamme et l'autre pour le cristal, et de leur mettre tes images. Autrement, je crois qu'il est quasiment impossible de ne pas mettre la même image pour tous !
Et une dernière chose: quand tu mets le mot "profil", s'agit-il d'un lien vers le profil du membre ? Parce qu'en cliquant sur le pseudo cela renvoie aussi vers cette page.
Pour te donner des idées voici un profil plus complexe : Ici.
Voilà, à bientôt !

Bonsoir,
Alors j'aimerai une mise en page du style la classe au dessus ( Admin, modo....) l'image du personnage et si possible cacher derrière l'image les différentes partie que l'on peut voir habituellement (nombre de message, point, date d'inscription...)
J’espère mettre fait comprendre. Pour la police pas de problème je te laisse mettre le tous en place et te remercie d'avance pour le travaille.

Ok, dans ce cas je m'y mets !
Il me reste une dernière question, par rapport à l'image d'âme ou de cristal : souhaites-tu pouvoir la changer pour chaque membre ? Et est-ce que tu l'as ou faut-il la faire ?

Je souhaite la changé pour chaque membre.
J'ai les image enfin en quelque sorte, j'ai surtout les modèle mais je n'arrive pas les détouré correctement. Je te les met a la suite si tu arrive a me les mettre en forme j'en serrai vraiment ravie. Sinon je les redessinerai.
Le cristal:
https://i.servimg.com/u/f39/17/40/38/75/crista10.jpg
L'âme:
https://i.servimg.com/u/f39/17/40/38/75/5180_r10.png

Encore un grand merci pour ton aide

Je me suis permis d'extrapoler un peu à partir de ta demande, voilà ce que j'ai pour l'instant :

:

La deuxième image c'est au "hover", quand on survole avec la souris.
Est-ce que ça te va, ou dois-je modifier quelque chose ?

P.S: et l'image d'âme rssemble à ça:

Je trouve le profil magnifique. Juste serai t-il possible d'ajouté un lien pour envoyer directement un message privé en tapant directement sur le profil.
https://i.servimg.com/u/f39/17/40/38/75/sans_t18.jpg
Extrait de Never Utopia, juste pour illustré mes propos

Et voilà, c'est ajouté !
tu peux trouver le code ici

Donc il faudra que tu définisses deux rangs, l'un pour Hyôki et l'autre pour Chikara (si j'ai bien suivi le contexte ) et que tu leur attribues à chacun l'une des deux images ! Tu devras également mettre une image au rang "admin", ou bien le supprimer sinon l'affichage ne se fera pas correctement.
Voilà ! ♪♫ j'espère que ça va et que tout est clair~

Salut,

L’installation des rang et fait mais j'ai un petit problème car le rectangle et trop petit pour accueillir les nom de certain joueur. Serai t'il possible que tu me modifie le rectangle pour que celui ci reste cohérent avec le reste du profil.
Merci beaucoup.

Tu trouvera-ci joint un aperçu du problème:
https://i.servimg.com/u/f39/17/40/38/75/sans_t19.jpg

Bien sûr (= Je t'avoue que je n'avais pas vraiment pensé à ça.
Alors remplace le CSS du code par celui-ci: le rectangle est un peu plus large et la police moins grosse.

Code:

/*Profil avec rotation par
Alumine pour Never-Utopia*/

#profilmembre {
  position:relative;
  height: 400px;/*hauteur de l'avatar*/
  width: 200px;/*largeur de l'avatar*/
  margin: 10px auto;
}

.avatars {
  position: absolute;
  top: 0;
  left: 0;
  background:grey;
  width: 100%;
  height: 100%;
  z-index:3;
  transform: rotate (-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
  -moz-box-shadow: 2px 2px 5px -2px #595959;
  -webkit-box-shadow: 2px 2px 5px -2px #595959;
  -o-box-shadow: 2px 2px 5px -2px #595959;
  box-shadow: 2px 2px 5px -2px #595959;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
}

.avatar img: {width:100%; height: 100%;}

.infoprofil {
  position: absolute;
  top: 0;
  left: 0;
  padding:15px;
  width: 170px;/* hauteur de l'avatar moins 2x 15px de padding*/
  height: 370px;/*idem largeur*/
  z-index:0;
  background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);/*image de fond des infos du profil*/
  color: grey;
  font-size: 13px;
  overflow: auto;
  transform: rotate (-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
  -moz-box-shadow: 2px 2px 5px -2px #595959;
  -webkit-box-shadow: 2px 2px 5px -2px #595959;
  -o-box-shadow: 2px 2px 5px -2px #595959;
  box-shadow: 2px 2px 5px -2px #595959;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
}

.infoprofil a {color: #3F2941;}/* couleur de "envoyer un mp"*/

#profilmembre:hover > .avatars {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index:1;
  transform: rotate (0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

#profilmembre:hover > .infoprofil {
  transform: rotate (0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.pseudo{
  display: block;
  height: 1em;
  width: 170px;
  padding:10px;
  margin: auto;
  margin-top: -10px;
  font-size: 18px;/*taille du pseudo*/
  font-family: Georgia, cursive;
  border: 3px double grey;
  text-align:center;
  z-index: 2;
  position:relative;
  background: lightgrey;
  background-image:url(http://i55.servimg.com/u/f55/18/43/14/28/i_back10.gif);
  -moz-box-shadow: 2px 2px 5px -2px #595959;
  -webkit-box-shadow: 2px 2px 5px -2px #595959;
  -o-box-shadow: 2px 2px 5px -2px #595959;
  box-shadow: 2px 2px 5px -2px #595959;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#595959, Direction=134, Strength=5);
}
.rang {
  position:relative;
  margin:-75px auto 0px;/* marges de l'image de rang (haut côtés bas)*/
  z-index:3;
  text-align:center;
}

Merci encore. Je pense que je peut clôturé le sujet.