Bonjour tout le monde et merci à ceux venant lire et/ou prêt.e.s à m'aider à comprendre où est-ce que ça couac
Pour la construction d'un forum, j'ai souhaité utilisé un tuto juste génial pour les multicomptes (merci à Onyx (j'ose pas identifier, dans le doute, mais tu as toute ma gratitude!)) mais il s'avère que l'apparition du profil est très... simpliste.
J'ai utilisé ce tuto là précisément : https://www.never-utopia.com/t65864-un-seul-compte-plusieurs-personnages-choix-deroulant-2-versions avec l'option 2 profils distincts; donc le profil joueur en horizontal + le profil personnage qui apparait à la vertical, aka comme ceci (je me permet de reprendre le screen d'Onyx) :
Ce à quoi je m'attendais :
L'installation du profil à l'horizontal provenant d'un autre tuto s'est passé sans souci! Mais pour celui d'Onyx... Au lieu d'avoir un beau profil déjà construit comme sur le screen précédent, j'ai ... ceci :
Ce que j'ai, snifouille:
(lien d'un sujet au cas ou : https://stupefix-and-chill.forumactif.com/t11-fiche-de-vos-rps#26 )
Et le css est en effet vide on va dire entre ces {} mais... peut-être que ça se construit par un autre endroit ? Le.a créateur.ice aurait laissé vide exprès pour qu'on construise soi-même comme l'on souhaite ? Iel n'aurait pas précisé ?En laissant les pauvres choses trop nulles en css comme moi dans le néant ?
Du coup j'aimerais savoir si le profil est censé apparaitre tout beau comme sur le 1er screen ou pas, en fait, pour un premier temps. Je suis d'ailleurs sous firefox.
Voici mes codes :
css :
javascript :
Une question à ce niveau-là, dans le tuto, il est écrit de mettre "où l'on veut" le pseudo, l'avatar, etc. Mais c'était assez flou pour ma part donc je ne suis pas sûre de l'avoir mis au bon endroit... je veux parler des codes à placer dans le 3.2.1 , 3.3.1... Je pense m'en être sortie mais sait-on jamais..? Peut-être qu'au final le souci d'apparition du profil vient de là ?
template :
Je vous remercie pour vos réponses/futures aides Q_Q
Pour la construction d'un forum, j'ai souhaité utilisé un tuto juste génial pour les multicomptes (merci à Onyx (j'ose pas identifier, dans le doute, mais tu as toute ma gratitude!)) mais il s'avère que l'apparition du profil est très... simpliste.
J'ai utilisé ce tuto là précisément : https://www.never-utopia.com/t65864-un-seul-compte-plusieurs-personnages-choix-deroulant-2-versions avec l'option 2 profils distincts; donc le profil joueur en horizontal + le profil personnage qui apparait à la vertical, aka comme ceci (je me permet de reprendre le screen d'Onyx) :
Ce à quoi je m'attendais :
- Spoiler:
L'installation du profil à l'horizontal provenant d'un autre tuto s'est passé sans souci! Mais pour celui d'Onyx... Au lieu d'avoir un beau profil déjà construit comme sur le screen précédent, j'ai ... ceci :
Ce que j'ai, snifouille:
- Spoiler:
(lien d'un sujet au cas ou : https://stupefix-and-chill.forumactif.com/t11-fiche-de-vos-rps#26 )
Et le css est en effet vide on va dire entre ces {} mais... peut-être que ça se construit par un autre endroit ? Le.a créateur.ice aurait laissé vide exprès pour qu'on construise soi-même comme l'on souhaite ? Iel n'aurait pas précisé ?
Du coup j'aimerais savoir si le profil est censé apparaitre tout beau comme sur le 1er screen ou pas, en fait, pour un premier temps. Je suis d'ailleurs sous firefox.
Voici mes codes :
css :
- Spoiler:
- Code:
/*Bloc pour choisir le personnage*/
.choisirmulticomptebloc {
margin: 5px auto;
}
/*Le texte avant la balise select*/
.choisirmulticomptebloc > span {
font-size: 12px;
}
/*La balise select pour choisir le personnage*/
#selectmulticompte {
}
/*Pseudo du personnage*/
.multi_pseudo {
}
/*Votre pseudo*/
.multi_pseudoplayer {
font-style: italic;
}
/*Avatar du personnage*/
.multi_avatar img {
height: 320px;
width: 200px;
}
/*Rang du personnage*/
.multi_rang {
}
/*Image du rang du personnage*/
.multi_rangimg img {
}
/*Bloc qui contient tous les champs personnalisés*/
.multi_leschamps {
}
/*Titre de champ personnalisé*/
.multi_label {
}
/*Séparation entre le titre de le contenu du champ personnalisé*/
.multi_sep {
}
/*Contenu du champ personnalisé*/
.multi_content {
}
javascript :
- Spoiler:
- Code:
// lacle EST LA SEULE CHOSE À MODIFIER.
var lacle = "1rCkKOiCjD-VeP_O1Z1v1xCncPnlkFzLfoPH0DfY-EAk";
var lienatelecharger = "https://docs.google.com/spreadsheets/d/" + lacle + "/pubhtml";
// Validation pour savoir si la suite est nécessaire ou pas
if (window.location.pathname == "/post" || window.location.pathname.indexOf("/t") > -1) {
$(function(){
var ifpostpositif = 0;
var ifsujetpositif = 0;
if (_userdata.user_id > -1) {
if ($('#text_editor_textarea').length > 0) {
ifpostpositif = ifpostpositif + 1;
}
}
if (window.location.pathname.indexOf("/t") > -1) {
if ($('.multicompte').length > 0) {
ifsujetpositif = ifsujetpositif + 1;
}
}
// Autre validation pour savoir si la suite est nécessaire ou pas
if (ifpostpositif > 0 || ifsujetpositif > 0) {
// On met les donnes dans un tableau
$.get(lienatelecharger, function (data) {
var ledata = $(".waffle:first tbody:first", data);
var nblignes = ledata.find('tr').length;
var nbcolones = ledata.find('tr:first td').length;
var personnages = new Array();
for (var i=0; i < nblignes; i++) {
personnages[i] = new Array();
for(var j=0; j < nbcolones; j++) {
personnages[i][j] = ledata.find('tr:eq('+i+')').find('td:eq('+j+')').text();
}
}
// On entre dans la partie pour selectionner les personnages quand on poste
if (ifpostpositif > 0) {
// Si on a un personnage
var sipseudo = 0;
for (i=0; i < personnages.length; i++) {
if (personnages[i][0] == _userdata.username) {
sipseudo = sipseudo + 1;
}
}
if (sipseudo > 0) {
// On crée la balise select
var labaliseamettre = '<div class="choisirmulticomptebloc"><span>Choisissez votre personnage : <span/><select id="selectmulticompte"><option value="Non">Choisir un personnage</option></select></div>';
$('input[name="post"]').after(labaliseamettre);
//On ajoute les options dans la balise
for (i=0; i < nblignes; i++) {
if (personnages[i][0] == _userdata.username) {
var optionajout = '<option value="'+personnages[i][1]+'">'+personnages[i][1]+'</option>';
$('#selectmulticompte').append(optionajout);
}
}
// On ajoute le code dans le message à poster
$('#selectmulticompte').change(function() {
var optionchoisie = $('#selectmulticompte').find('option:selected:first').val();
var codemulticompte = '<div class="multicompte" data-perso="'+optionchoisie+'"></div>';
var lemessage = $('#text_editor_textarea').sceditor('instance').val();
if (optionchoisie != "Non") {
if (lemessage.search('data-perso') > -1) {
var nomdejala = lemessage.split('"', 4);
lemessage = lemessage.replace(nomdejala[3], optionchoisie);
}
else {
lemessage = codemulticompte + lemessage;
}
$('#text_editor_textarea').sceditor('instance').val(lemessage);
}
else {
if (lemessage.search('data-perso') > -1) {
var nomdejala = lemessage.split('"', 4);
var machinaenlever = '<div class="multicompte" data-perso="'+nomdejala[3]+'"></div>';
lemessage = lemessage.replace(machinaenlever, '');
$('#text_editor_textarea').sceditor('instance').val(lemessage);
}
}
});
}
}
// On entre dans la partie pour mettre les informations dans le profil
if (ifsujetpositif > 0) {
// Pour chaque code de multicompte
$('.multicompte').each(function() {
// On regarde la ligne qui contient le profil et le message
var multipost = $(this).closest('.multi_post');
// On prend l'avatar du personnage si il a été mis manuellement
var avatarmess = $(this).data('avatar');
// On trouve le nom du personnage
var lenomduperso = $(this).data('perso');
// On met le nom du personnage
multipost.find('.multi_pseudo:first').append(lenomduperso);
// On regarde si le nom du personnage est dans la banque de données
var labonneligne;
for (i=0; i < nblignes; i++) {
if (personnages[i][1] == lenomduperso) {
labonneligne = i;
}
}
if (labonneligne > 0) {
// On met l'avatar du personnage
if (personnages[labonneligne][2].length > 0) {
multipost.find('.multi_avatar:first').append('<img src="'+personnages[labonneligne][2]+'" />');
}
// On met la couleur du personnage sur le nom du personnage
if (personnages[labonneligne][3].length > 0) {
multipost.find('.multi_pseudo:first').css('color', personnages[labonneligne][3]);
}
// On met le rang du personnage
if (personnages[labonneligne][4].length > 0) {
multipost.find('.multi_rang:first').text(personnages[labonneligne][4]);
}
// On met l'image de rang du personnage
if (personnages[labonneligne][5].length > 0) {
multipost.find('.multi_rangimg:first').append('<img src="'+personnages[labonneligne][5]+'" />');
}
// On ajoute tous les autres champs
for (i=6; i < nbcolones; i++) {
if (personnages[labonneligne][i].length > 0) {
var classchamp = personnages[0][i].replace(" ", "");
classchamp = "multi_" + classchamp;
var champajout = '<div class="multi_champ '+classchamp+'"><span class="multi_label">'+personnages[0][i]+'</span><span class="multi_sep"> : </span><span class="multi_content">'+personnages[labonneligne][i]+'</span></div>';
multipost.find('.multi_leschamps:first').append(champajout);
}
}
}
// Si le personnage a mis un avatar dans la balise on le met à la place de l'avatar
if (avatarmess) {
avatarpost.attr('src', avatarmess);
}
});
}
});
}
});
}
Une question à ce niveau-là, dans le tuto, il est écrit de mettre "où l'on veut" le pseudo, l'avatar, etc. Mais c'était assez flou pour ma part donc je ne suis pas sûre de l'avoir mis au bon endroit... je veux parler des codes à placer dans le 3.2.1 , 3.3.1... Je pense m'en être sortie mais sait-on jamais..? Peut-être qu'au final le souci d'apparition du profil vient de là ?
template :
- Spoiler:
- Code:
<div class="titre_topic">{TOPIC_TITLE}</div>
<div class="forumline">
<!-- BEGIN topicpagination -->
<span class="gensmall">{PAGINATION}</span>
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
{postrow.hidden.MESSAGE}
<!-- END hidden -->
<!-- BEGIN displayed -->
<div class="multi_post post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}">
<div class="profil_reel">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="avatar_reel">{postrow.displayed.POSTER_AVATAR}</div>
<div class="pseudo_reel">{postrow.displayed.POSTER_NAME}</div>
<div class="info_reel">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
</div>
<div class="online">{postrow.displayed.ONLINE_IMG}</div>
<div class="boutonsprofil_reel">
{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}
</div>
<div class="message_infos">
<img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
</div>
<div class="options_message">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
</div>
<div style="clear: both;"></div>
<div class="contenu_message"> <span class="multi_pseudo"></span><br> <span class="multi_avatar"></span><br> <span class="multi_rang"></span><br> <span class="multi_rangimg"></span>
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
Je vous remercie pour vos réponses/futures aides Q_Q
Dernière édition par Kazual le Lun 2 Oct 2023 - 23:41, édité 1 fois