Commande Profil personnalisé

Mar 28 Fév 2012 - 16:27

Lou'

Age : 34Messages : 99

Mar 28 Fév 2012 - 16:27

Bien le bonjour, âme charitable qui prendre ma commande :love:

(Et aussi à ceux qui passe par ici)

Commande
Elément à coder : Avatars & profils
Adresse du forum : http://the-clash-of-seasons.forumactif.fr/ => (Oui je sais, il n'est pas terrible en tête ahah! Je suis en train d'utiliser justement les divers tutos présent pour faire quelque chose qui serait on dirait potable. Donc, désolée de l'allure sinistre et en bazzart Rolling Eyes

)
Description du résultat voulu :

Spoiler:

(J'espère qu'ils sont assez clairs, sinon je me ferais un plaisir de tout vous transcrire par écrit :) )
Couleurs ou tons : Alors là, en fait, je ne vais pas être exigeante et je me contenterais de vous dire de faire à votre convenance. La première police qui vous passe par la tête, pareil pour la couleur et je modifierais moi-même dès que j'aurais fais mon forum intégralement. Je suis changeante et fait un nouveau Design tous les deux jours en ce moment Razz

Donc, au plus simple :)
Images : J'ai mis les tailles sur mon shéma. Pour le reste, je n'ai rien à ajouter pour l'instant :)
Autres précisions : Il est possible que je rajoute d'autres éléments sous l'avatar comme le double compte ou autre... donc est-ce qu'il serait possible de me laisser une petite explication si c'est difficile à changer? :)

Voilà, j'espère que je remplis bien les conditions. Bon courage à celui/celle qui acceptera de faire ma commande et je le remercie déjà énorméééément d'avance :hug:

A bientôt

Dernière édition par Lou' le Sam 10 Mar 2012 - 21:46, édité 5 fois

Jeu 1 Mar 2012 - 21:59

Lou'

Age : 34Messages : 99

Jeu 1 Mar 2012 - 21:59

Sam 3 Mar 2012 - 22:05

Lou'

Age : 34Messages : 99

Sam 3 Mar 2012 - 22:05

Bonsoir :)

:gotop:

Lun 5 Mar 2012 - 22:49

Lou'

Age : 34Messages : 99

Lun 5 Mar 2012 - 22:49

Bonsoir :)

:gotop:

Mar 6 Mar 2012 - 11:23

Final-Blonde

Age : 100Messages : 144

Mar 6 Mar 2012 - 11:23

Bonjour Lou,

Deux points :

- Pourrais-tu donner ton template viewtopic_body seulement s'il est déjà modifié.
- Il me parait difficile de séparer les infos comme tu le montres sur ton schéma (avec le "more") parce que dans le template ce n'est qu'une et unique variable qui contient toutes les infos, même celles des champs personnalisables par le membre dans son profil.
A moins que tu utilises pour ce faire la feuille rpg dont la variable est séparée des infos. Auquel cas il faut le savoir pour te préparer le tuto.

Ah oui, et en bonus :
- Le fameux "more" se ferait-il par le click (commande par du JS) ou par le hover (commande CSS) ?

Mar 6 Mar 2012 - 13:41

Lou'

Age : 34Messages : 99

Mar 6 Mar 2012 - 13:41

Bonjour Final-Blonde,

Merci à toi de vouloir t'occuper de ma commande :love:

Alors, oui mon template a été modifié un peu donc je te le donne tout de suite :)

Pour le more, en fait, oui, j'utilise une feuille RPG pour ces informations, enfin la feuille de personnage mais je suppose que c'est la même chose?! C'est des informations que je personnalise moi-même dans le PA! Je t'ai fais des captures d'écrans pour que tu comprennes mieux :)

J'espère que tu vois mieux?

Par contre, pour l'image... Il me semble que c'est un rang dans le profil à mettre en place, je ne sais pas si c'est possible de le déplacer pour apparaître dans la feuille de personnage ou si tu sais comment faire. Enfin, si tout ne correspond pas à mon schéma, ce n'est pas grave. C'est une vague idée sans savoir si c'est réalisable xD

Et pour le more, j'aimerais que ce soit pas le click stp cheers

N'hésite pas si tu as besoin d'autres informations! Merci beaucoup d'avance et bon courage :hug:

Mar 6 Mar 2012 - 14:47

Final-Blonde

Age : 100Messages : 144

Mar 6 Mar 2012 - 14:47

Tu devrais VITEUUU éditer ton précédent message est le mettre entre les balises BBcode :

Code:: [code]TEMPLATE[/code]

Parce que ici le HTML est pris en compte et donc c'est pas bon du tout ! Le forum en est tout déformé.
(sans parler du scroll).

Mar 6 Mar 2012 - 14:50

Lou'

Age : 34Messages : 99

Mar 6 Mar 2012 - 14:50

Oui, j'ai vu ça. Seulement, bien que j'aimerais éditer pour le faire, les icons ont disparu à cause de ma bêtise et je ne peux pas éditer Sad

J'ai essayé mais je peux pas, alors du coup, j'ai envoyé un MP à un modérateur pour que ce soit fait... Rolling Eyes

EDIT: Ça été fait par le Cap'tain! Merci à lui et désolée encore :sorry:

Jeu 8 Mar 2012 - 15:58

Lou'

Age : 34Messages : 99

Jeu 8 Mar 2012 - 15:58

Sam 10 Mar 2012 - 11:23

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 11:23

Revoici moi après quelques jours de "débordée" par l'IRL...

Je vois ça d'ici la fin du weekend, ok ?

Sam 10 Mar 2012 - 13:14

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 13:14

Pas de soucy! Merci de prendre cette commande en charge :)
Bon courage et si c'est pas à la fin du weekend, c'est pas grave non plus hein ^^

Merci encore ♥

Sam 10 Mar 2012 - 17:09

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 17:09

Voilà j'y suis presque.

Peux-tu juste me dire ce qu'est le "double compte sous l'avatar" ?

Sam 10 Mar 2012 - 17:27

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 17:27

En faite, c'est pour les membres qui auront un deuxième compte sur le forum, vu que c'est un forum RPG, pour qu'ils indiquent le nom du deuxième personnage. Mais je pense que c'est un champ à personnaliser dans le profil, non?

Merci, c'est super rapide dis donc ♥

Sam 10 Mar 2012 - 17:48

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 17:48

Eh bien comme tu en parles, voilà un petit tuto sur le sujet que j'ai fait à un autre membre (n'hésite pas si tu ne m'as pas comprise, parce que en frenchy, mes explications peuvent être "tortueuses"):
https://www.never-utopia.com/t37167p15-demande-de-profil#556376
(Peut-être lis aussi mon post plus bas).

Pour ce faire, je dois le savoir, car ça demande de déplacer des variable, à moins que tu saches le faire plus tard...

Encore deux dernières questions (du moins je crois) :
- Le gif est-il compris dans le volet qui se ferme ?
en dessous du bouton ? est-ce le bouton ?
- Pas de dimensions à me donner pour ce gif ? (à mon avis c'est mieux de limiter ce genre de dimensions dans un espace si étroit.

Sam 10 Mar 2012 - 17:53

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 17:53

Euh... non, je suis pas certaine de pouvoir faire des modifications moi-même, sauf si tu expliques bien tout ça :) Je pense que là, je pourrais m'en sortir! Donc, si j'ai bien compris... Je dois créer un nouveau champ pour chaque chose que je souhaite dans mon profil?

Oui, le gif si possible dans celui qui se ferme ^^ Par contre, je ne vois pas de quoi tu parles au niveau du bouton? Celui more et I'm sexy and I know it?

Pour les dimensions, 200*200 grand maximum ^^
Après, les membres pourront mettre plus petit, enfin je pense qu'ils pourront personnalisé ça?! :)

J'espère que je t'es donné ce qu'il te fallait :)

Sam 10 Mar 2012 - 18:09

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 18:09

Oui il y a des champs que les membres peuvent remplir eux-mêmes et toi tu décides si c'est aussi à apparaitre au niveau des profils- messages, ce seront des infos en plus qui se situerons dans le premiers cadre que tu as défini.

Ensuite, il y a les liens internet qui eux sont définis par une autre variable qui est celle pour tous les liens internet (bien regarder la capture du tuto).
Cette variable est à déplacer si elle doit se trouver dans le profil, parce que normalement elle est dans le champ "mp", etc.

A mon avis, 300 pixels d'ouverture de ton "more" est trop parce que ça fait un genre d'ascenseur pour tout le topic.
Mais c'est toi qui voit.

Sam 10 Mar 2012 - 18:12

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 18:12

Han d'accord pour les variables! Sauf que je ne veux pas de lien... Donc je ne sais pas si c'est vraiment utile? J'ai vu que c'était pour mettre un lien, hors moi c'est juste des informations à remplir ^^

Mais elle peut rester dans la barre MP ect parce que j'en ai pas besoin :)

Euh... Oui, ça risque de déformer un peu... Dans ce cas, garder la même taille que l'avatar et rester sur 200 pixels de taille? En fait, j'y connais pas grand chose donc si jamais tu veux personnaliser et faire comme toi tu penses que c'est mieux, je n'y vois pas d'inconvénient Wink

Sam 10 Mar 2012 - 19:15

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 19:15

OK, par le CSS, tu auras scrollbar dès que la hauteur sera dépassée pour les "cases" infos et rpg.
Le gif est en dehors maintenant, mais tu peux toujours dire si tu le veux dedans.

Là tu as aussi le petit bandeau "online" (celui par défau de FA) qui se trouve disposé sur l'avatar, mais c'est aussi quelque chose de facile à remettre en place.

Alors voici le CSS tout d'abord.
Pour que tu t'y retrouves mieux avec le template, les identifiants vont dans l'ordre du HTML (template):

Le CSS:

Les "background" sont souvent en "transaprent, pour mieux te permettre de mettre tes couleurs selon tes goûts (parait qu'ils sont tous dans la nature...).

Et juste la cellule (td) concernée du template (retrouve la grande balise):

Code::

Code::  <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" align="center" width="250"> <div class="postrank" align="center"> {postrow.displayed.POSTER_RANK} </div> <div class="postavatar"> {postrow.displayed.POSTER_AVATAR} <div class="olpose"> {postrow.displayed.ONLINE_IMG} </div></div> <div class="postpseudo"> <a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME} </div> <div class="postinfos">  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  </div> <div align="center" onClick="this.firstChild.value=(this.firstChild.value=='More')?'Less':'More';this.lastChild.style.display=(this.firstChild.value=='More')?'none':'block';" style="text-align: center;"> <input type="button" value="More" class="rpgbutton" /> <div style="display: none;" class="rpgcontent"> {postrow.displayed.POSTER_RPG} </div></div> <div class="postrankimg" align="center"> {postrow.displayed.RANK_IMAGE} </div> <br /> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </td>

N'hésite pas si tu as des questions.

Sam 10 Mar 2012 - 19:21

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 19:21

Super, merci de ta rapidité :)

Alors, juste une petite question! Est-ce qu'il serait possible de rajouter le cadre que je souhaitais qui entoure le rang, l'avatar?
Sinon pour le reste, c'est nikel! Je n'ai plus qu'à personnaliser tout ça :)

Pour le "en ligne" comment est-ce que je fais pour le retirer?

Merci milles fois en tous cas ♥

Sam 10 Mar 2012 - 19:28

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 19:28

Pour l'avatar, il y a un cadre, il suffit de lui mettre le point avant l'dentifiant que j'avais oublié:

.postavatar {
display: block;
position: relative;
width: 220px;
height: 340px;
border: 3px ridge #293745;
box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;
-o-box-shadow: 2px 2px 2px #000;
-htm-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
}

Pour le rang, ce serait :

/* rang */
.postrank {
display: block;
width: 170px;
font: small-caps bold 25px georgia;
text-align: center;
text-shadow: 1px 1px 1px #000;
border: 2px ridge #293745;
padding: 7px;
margin: 10px auto;
}

Attention, si tu veux garder le "online" sur l'avatar, il faut supprimer la variable plus bas... ?

Sam 10 Mar 2012 - 19:31

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 19:31

Super! Merci beaucoup ♥
Okay pour le "online" je vais regarder pour ça!

Merci vraiment pour ta rapidité et ton efficacité ♥

Sam 10 Mar 2012 - 19:38

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 19:38

Je t'en prie (bien que pour la rapidité...) et bonne continuation. :sunny:

Sam 10 Mar 2012 - 19:39

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 19:39

Ha bah non, c'était très rapide, du moins pour moi en tout cas!
je te crédite Final-Blonde?
Si tu veux, dès que j'aurais un peu plus personnalisé, je pourrais t'envoyer le résultat de ton travail :)

Sam 10 Mar 2012 - 19:47

Final-Blonde

Age : 100Messages : 144

Sam 10 Mar 2012 - 19:47

J'ai déjà vu quelque chose de très bien (surtout le hover du bouton) Maître Pan (?) :cow:

Sam 10 Mar 2012 - 19:52

Lou'

Age : 34Messages : 99

Sam 10 Mar 2012 - 19:52

MDR!
Han, j'essaye de modifier un peu!! Je te dirais quand j'aurais tout fini :)

Juste une petite question, comment je peux enlever la bordure noir autour de l'avatar?

EDIT:
Autre question, mes informations de feuille de personnage n'apparaisse pas dans ton cadre... est-ce qu'il y a une manip à faire?

Contenu sponsorisé

Commande Profil personnalisé

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée