Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Dim 19 Sep 2021 - 22:12

6 résultats trouvés pour XXXXXX

icône "message le plus récent" ne renvoie pas au dernier message posté

Bonjour ^^


C'est pourtant le fonctionnement normal.

Votre capture montre 4 sujets, dont les deux du haut ne sont pas lus.

Pour les sujets du haut avec l'icône orange, le lien mène vers le premier message non lu. Au survol le lien se termine par ?view=newest

Pour les sujets du bas avec l'icône grise, comme tousles messages sont présumés lus, le lien pointe vers le dernier message et se termine par #xxxxxx avec xxxxxx un ensemble de chiffres représentant l'identifiant unique du message.
par Neptunia
le Mar 12 Mar 2019 - 14:35
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: icône "message le plus récent" ne renvoie pas au dernier message posté
Réponses: 7
Vues: 801

Appliquer couleur groupe dans un bloc

OK

Mets ce code javascript Sur les sujets :
Code:
$(function() {
  $('.Groupe1').closest('.post').addClass('bgGroupe1');
});
$(function() {
  $('.Groupe2').closest('.post').addClass('bgGroupe2');
});
$(function() {
  $('.Groupe3').closest('.post').addClass('bgGroupe3');
});
$(function() {
  $('.Groupe4').closest('.post').addClass('bgGroupe4');
});
$(function() {
  $('.Groupe5').closest('.post').addClass('bgGroupe5');
});


Cette ligne, et les autres :
Code:
$('.Groupe1').closest('.post').addClass('bgGroupe1');


Ou il est inscrit Groupe1 c'est la que tu vas inscrire la class du groupe, il faut la mentionner 2 fois
Par ex : Pour le groupe Admin cela donne ceci :
Code:
$('.Admin').closest('.post').addClass('bgAdmin');


Ensuite tu colle ce code à la CSS :
Code:
/* Coloriser les messages */
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe2 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe3 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe4 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe5 {
    border-top: 10px solid #XXXXXX;
}    
/* fin coloriser les messages */


On décortique :
Code:
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX


.post.bgGroupe1 C'est là ou tu vas inscrire le nom du groupe, en fonction de ce que tu as mentionné dans le script
border-top: 10px solid La bordure aura une hauteur de 10px et elle sera pleine (solid)
#XXXXXX La couleur de la bordure (#0000FF pour une couleur bleu) il faut que tu prennes les couleurs mentionnées pour chaque groupe
Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
.post.bgAdmin {
    border-top: 10px solid #0000FF


Ensuite, il faut nommer tes rangs ainsi :
Code:
<span class="Groupe1">Nom du rang</span>

Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
<span class="Admin">Administrateur</span>


Etc...
par *Splash*
le Lun 4 Mar 2019 - 15:09
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Appliquer couleur groupe dans un bloc
Réponses: 10
Vues: 1486

Modifier la couleur des boutons et de leur texte

Bonjour Erwin Schildknecht,

Bienvenue sur le forum de Forumactif !

Pour répondre à votre demande :

Panneau d'Administration → Affichage → Images et Couleurs → Couleurs :: Feuille de style CSS


Il faut ajouter le code suivant en modifiant le code couleur hexadécimal : (#xxxxxx)

Code:
.button, .button1, .button2, input[type="submit"] {
    background-color: #D70000;
}


Ici, il suffit de remplacer la valeur #D70000 par le code de votre couleur.

Bonne journée sur Forumactif.
Bipo.
par Bipo
le Ven 27 Juil 2018 - 16:39
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier la couleur des boutons et de leur texte
Réponses: 8
Vues: 1006

Installation de la ChatBox

Fonctionnement de la ChatBox



Forumactif propose par défaut une ChatBox à mettre en place sur votre forum. Cette Chatbox n'est visible que par les membres. La ChatBox a été développée dans le but de donner la possibilité à une communauté de communiquer rapidement et simplement que par le biais de messages postés sur le forum. Vous avez également la possibilité de créer des salons en fonction de l'activation des packages Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 3685216789 ou Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 2398224970 .

Installation de la ChatBox


Activer la ChatBox


Panneau d'administration  Modules  ChatBox - Configuration


Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 07-02-11

Activer la ChatBox : Cliquez sur "Oui" ainsi que sur le bouton "Valider" pour sauvegarder vos modifications.

Afficher la ChatBox


Une fois la ChatBox activée, il convient de faire un choix sur son emplacement sur votre forum.

Panneau d'administration  Modules  ChatBox - Configuration


Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 07-02-10

Trois possibilités s'offrent à vous :

  • Ne pas afficher : la ChatBox ne sera pas affichée sur votre forum. Toutefois, vos membres auront la possibilité de la rejoindre via votre Qui est en ligne ?

    Voir illustration :
    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-12


    En cliquant sur "Rejoindre la ChatBox", une nouvelle fenêtre souffrira dans votre navigateur afin de pouvoir y accéder.

  • Sur la page d'accueil en haut : La ChatBox sera affichée en haut de votre page d'accueil, après le message d'accueil de votre forum. Vos membres pourront également accéder à la ChatBox depuis le Qui est en Ligne ?

  • Sur la page d'accueil en bas : La ChatBox sera affichée en bas de votre page d'accueil, après votre Qui est en ligne ? Vos membres pourront également accéder à la ChatBox depuis le Qui est en Ligne ?


Pour les deux derniers choix, votre ChatBox s'affichera de la manière suivante :

Voir illustration :
Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 27-05-11


N'oubliez pas de cliquer sur le bouton "Valider" pour sauvegarder vos modifications.

Paramétrage de la ChatBox


Panneau d'administration  Modules  ChatBox - Configuration


  • Afficher les avatars des utilisateurs dans la ChatBox : vous permet de choisir si oui ou non les avatars seront affichés dans les conversations.

    Voir illustration :
    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 27-05-11


  • Afficher les images dans la Chatbox : vous permet de choisir si oui ou non les images publiées par vos membres d'afficheront directement dans la Chatbox.

    Voir illustration :
    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-13


  • Autoriser la suppression d'un message dans la Chatbox : vous permet de choisir si oui ou non les membres de votre forums peuvent supprimer des messages dans la ChatBox. Deux niveaux d'autorisation possibles : Auteur & Modérateurs (de la ChatBox, c'est-à-dire les membres ayant un @ à côté de leur pseudo dans la liste des connectés) ou seulement Modérateurs.

    Pour supprimer un message, il vous suffit de placer le curseur de votre souris à côté de la date et de l'heure de publication d'un message afin de faire apparaître ce symbole [X] vous permettant de supprimer ledit message :

    Voir illustration :
    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-14


  • Afficher les messages du système (connexion, ...) : vous permet de supprimer les messages du "système" de la ChatBox, plus exactement les phrases qui annoncent la connexion / déconnexion des membres ;

  • Nombre de messages archivés : vous permet de choisir le nombre de messages archivés dans l'onglet "Archives" de votre ChatBox. Cette valeur doit être comprise entre 400 et 2000.


Créer des salons au sein de la ChatBox


Forumactif vous offre la possibilité de structurer la ChatBox en différents salons où les membres interagissent les uns avec les autres. Ces salons peuvent être publics (ouverts à tous) ou privés (ouverts à un nombre restreint de membres ou de groupes).

L'utilisation des salons requiert l'achat d'un package Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 3685216789 (possibilité de créer jusqu'à 4 salons) ou Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 2398224970 (possibilité de créer jusqu'à 8 salons).

Panneau d'administration  Modules  ChatBox - Salons de la ChatBox


Créer un salon


  1. Cliquez sur le bouton "Ajouter" :

    Voir illustration :
    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-15


  2. Compléter les différents champs proposés :

    • Nom du salon [obligatoire] : Choisir le nom du salon (privilégiez des noms cours comme "Discussions générales" ; "Modération" ; "Administration" ...) ;
    • Description du salon : Indiquer une description du salon pour les membres qui seront autorisés à voir ledit salon ;
    • Couleur [obligatoire]: Indiquer la couleur du salon afin de donner une meilleure visibilité. Une palette vous permet de sélectionner la couleur de votre choix. Si vous connaissez exactement la couleur, vous avez la possibilité d'indiquer les paramètres RGB (Red, Green, Blue) , HSL (Hue, Saturation, Luminosity) ou HEX (HEXadécimal #XXXXXX) :

      Voir illustration :
      Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-16


    • Qui a la permission de voir et participer à ce salon ? [obligatoire] : Choisir qui peut voir ce salon. Vous pouvez choisir "Tout le monde" ou bien sélectionner un (ou plusieurs) groupe(s) qui aura (auront) accès à ce salon. A noter que les administrateurs ont accès automatiquement à tous les salons sans aucune restriction.

      Voir illustration :
      Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-17


N'oubliez pas de cliquer sur le bouton :enreg: pour sauvegarder vos modifications.

Gérer les salons


Vous avez la possibilité de modifier les paramètres relatifs à chacun des salons créés. Ainsi, vous pouvez :

  1. Modifier l'ordre d'affichage des salons sur la Chatbox : il vous suffit de cliquer sur les différentes flèches :down: ou :up: pour gérer l'ordre desdits salons de votre ChatBox ;

  2. D'éditer les paramètres d'un salon : pour éditer les paramètres d'un salon, il vous suffit de cliquer sur le roue crantée edit associée au salon concerné ;

  3. De supprimer un salon : pour supprimer un salon, il vous suffit de cliquer sur la croix suppr associée au salon concerné. Attention, la suppression est immédiate après avoir cliqué sur la croix !


Voir illustration :
Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-18


Affichage des salons sur la ChatBox


Lorsque les salons de la ChatBox sont utilisés, l'affichage de la ChatBox est modifiée auprès de vos membres :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-19

Comme vous pouvez le constaté, deux onglets font leur apparition :

  1. Cet onglet permet de consulter la liste des membres connectés sur la ChatBox ;

  2. Cet onglet permet de consulter les différents salons disponibles :

    • Le symbole # indique que le salon est public alors que le symbole cadenas indique que le salon est privé. Seulement les membres ayant les accès (autorisations) peuvent le voir ;
    • Le symbole ainsi que le nom des salons sont colorisés en fonction des paramètres déterminés lors de la création ;
    • La description du salon s'affiche en-dessous du nom du salon (si description renseignée).
    • Lorsqu'un membre est connecté sur la ChatBox, un indicateur visuel montre si des messages ont été postés depuis sa dernière visite sur le salon concerné. Autrement dit, cet indicateur visuel indique seulement les nouveaux messages pendant votre connexion à la ChatBox. Dans le cas d'une déconnexion / reconnexion, les indicateurs sont réinitialisés.

      Voir illustration :
      Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 19-12-20


Nommer des modérateurs


Panneau d'administration  Modules  ChatBox - Modérateurs

Voir illustration:
Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 27-05-13


Afin de gérer convenable les conversations qui se déroulent sur la ChatBox, vous pouvez nommer des modérateurs. Ils auront la possibilité de bannir/débannir, de supprimer la conversation en cours, de kicker (éjecter) les fauteurs de troubles.

Il suffit de rentrer le pseudo de la personne que vous souhaitez nommer et de valider. Si vous souhaitez supprimer un modérateur, il suffira de cochez en face du pseudo concerné, dans la colonne "supprimer" et de valider votre action.

Un administrateur connecté sur la ChatBox peut nommer des modérateurs sans avoir besoin de se rendre sur le Panneau d'administration. La commande /mod [pseudo] permet de nommer un modérateur et son contraire est /unmod [pseudo] . Ce modérateur aura un @ à côté de son pseudo afin de montrer aux membres qu'il dispose des pouvoirs de modération. Seul un administrateur peut nommer un modérateur. Ce n'est pas parce que les administrateurs et les modérateurs sur une ChatBox ont tous un @ que les droits sont les mêmes.

Gestion des membres bannis


Panneau d'administration  Modules  ChatBox - Utilisateurs bannis

Voir illustration:
Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 27-05-14


Sur cette page, un administrateur pourra décider de sélectionner des utilisateurs bannis en vue de les autoriser à nouveau à accéder à la ChatBox (débannir). Un utilisateur banni ne peut se connecter à la ChatBox et voit le message suivant : "Vous avez été banni de la ChatBox".

Une autre voie existe pour connaitre la liste des utilisateurs bannis : si un modérateur de la ChatBox y est connecté, il peut la consulter en tapant la commande /banlist dans le champ de texte et une pop-up s'ouvrira avec les pseudos des personnes bannies de la ChatBox. Il pourra éventuellement les débannir.

Listes des commandes disponibles sur la ChatBox


Commandes accessibles à tous les membres
/absPermet d'envoyer un message disant que vous êtes absent. Vous pouvez ajouter une raison qui sera affichée dans le message et visible par tous les membres connectés à la ChatBox (Ex: /abs raison). Notez que la commande /away permet de faire la même chose.
/clear Permet d'effacer les messages de la ChatBox. Notez que la commande /cls permet de faire la même chose.
/mePlacé en début de phrase, cette commande sera remplacée par votre pseudo (Ex : /me aime Forumactif affichera "Pseudo aime Forumactif")
/exitPermet de vous déconnecter de la ChatBox. Vous pouvez également préciser la raison pour laquelle vous quittez la ChatBox. Cette dernière sera visible par les autres membres connectés (Ex : /exit raison)
/helpPermet d'afficher un récapitulatif des commandes de la ChatBox avec leurs explications.
Commandes accessibles aux modérateurs et administrateurs
/kickPermet de déconnecter un membre de la ChatBox. La commande doit-être suivie du pseudo de l'utilisateur à déconnecter (Ex : /kick pseudo). Le fait de déconnecter quelqu'un, ne l'empêchera pas de se reconnecter.
/banPermet de bannir un membre de la ChatBox. Cette commande doit être suivie du nom de l'utilisateur à bannir (Ex : /ban pseudo). Une fois l'utilisateur banni, il ne verra et n'aura plus accès à la ChatBox.
/unbanPermet de débannir un membre de la ChatBox. Cette commande doit être suivie du nom de l'utilisateur à débannir (Ex : /unban pseudo). Dès lors, il aura de nouveau accès à la ChatBox.
/banlistPermet d'afficher la liste des utilisateurs bannis de la ChatBox (pour éventuellement les débannir)
Commandes accessibles aux administrateurs
/modPermet de nommer un modérateur sur la ChatBox. La commande est suivie du pseudo de l'utilisateur qui recevra les droits de modération (Ex : /mod pseudo). Un message s'affichera sur le ChatBox pour informer que l'utilisateur a reçu les droits de modération et un @ s'affichera a côté de son pseudo dans les liste des membres connectés.
/unmodPermet de retirer un modérateur sur la ChatBox. La commande est suivie du pseudo de l'utilisateur qui se verra retirer les droits de modération (Ex : /unmod pseudo). Un message s'affichera sur le ChatBox pour informer que l'utilisateur n'a plus les droits de modération et le @ sera retiré son pseudo dans les liste des membres connectés.



par Shadow
le Jeu 11 Juin 2015 - 10:49
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Installation de la ChatBox
Réponses: 1
Vues: 16821

Modifier l'apparence de l'éditeur

Modifier l'apparence de l'éditeur

Bonjour,

Nous vous proposons quelques codes à placer dans votre panneau d'administration.

Ceux-ci sont à placer en-dessous de vos codes actuels CSS, (en faisant quelques espacements pour ceux qui en ont déjà afin de mieux les repérer lorsqu'il faudra les enlever), comme suit :

Panneau d'administration / Affichage / Images et Couleurs / Couleurs : ONGLET Feuille de style CSS

Il est à noter que ceci n'est que provisoire, les corrections à venir vont corriger certains défauts.

Nous vous invitons également à lire ce sujet : Le CSS - Comment ça marche ? et à vous rendre sur ce site : Le Site du Zéro - Mémento du CSS pour trouver un grand nombre de propriétés applicables par CSS.



Modifier la réponse rapide
Code:
/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #XXXXXX !important;
}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #XXXXXX !important;
}
Il faut remplacer "XXXXXX" par un code couleur. Le premier concerne le mode d'édition "source" et le second concerne le mode "wysiwyg" (je vois ce que j'écris). La taille "550" est à modifier si vous trouver votre bloc ça trop grand ou trop petit.




Modifier la parie supérieure contenant les boutons
Code:
/*---  Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}
Il s'agit du bloc contenant les icônes outils : le fond peut être modifié. Il suffit de modifier le "XXXXXX". Selon la taille que vous aurez changé dans le code du bloc rapide "550", il faudra aussi le modifier ici. J'ai mis 10px de moins.




Modifier la zone de texte (textarea)
Code:
/*---  Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}
Cela concerne le fond et la présentation. Le fond de votre bloc. C'est mieux de mettre le même que le code "sceditor-container.ltr.wysiwygMode". Il me semble que j'avais dû l'ajouter parce que sinon, il y avait un souci de fond quelque part.

text-align:justify; : c'est pour un texte justifié
margin:0 !important; aucune marge
line-height: 16px; les lettres qui se rapprochent, on peut retirer, pas un souci
width: 540px !important; la taille du bloc (comme code précédent)
color: #XXXXXX !important; couleur du texte à modifier "XXXXXX"
font-size:11px !important; taille de la police





Modifier un groupe de boutons
Code:
/*---  Groupe de boutons ---*/

div.sceditor-group {
background-color: #XXXXXX !important;
}
Cela concerne la couleur des groupes de boutons. XXXXXX à modifier.




Modifier les boutons
Code:
/*---  Boutons ---*/

a.sceditor-button {
...
}
Vous pouvez ajouter un "background" par exemple à la place des ...




Modifier les boutons sélectionnés
Code:
/*---  Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #XXXXXX !important;
}
XXXXXX à modifier.




Modifier la taille des smileys
Code:
/*---  Smileys ---*/

.sceditor-emoticons {
width: 350px !important;
height: 250px !important;
overflow: auto !important;
}
img.smiley {
width: auto !important;
height : auto !important;
}
Taille des smileys.




Changer la largeur de l'éditeur
Code:
/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
}

/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}
Il faut prévoir quelques pixels en moins pour la zone de saisie de texte.




Changer les couleurs de fond
Code:
/* fond de la barre d'outil */
.sceditor-toolbar {
background: blue !important;
}

/* fond de la zone de saisie de texte */
.sceditor-container{
background-color:#A4A440 !important;
    
}
.sceditor-container iframe, .sceditor-container textarea{
  background-color:#A4A440 !important;
}

/* fond de groupe de bouton */
body div.sceditor-group {
background: orange;
}
/* fond d'un bouton survolé ou activé */

.sceditor-button.hover, a.sceditor-button:hover {
background: purple;
}



Supprimer des bordures et ombres
Code:
/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}

/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}

/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}

/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;
}



Moins réduire les smileys
Code:
/* limitation de la taille du cadre des smileys */
.sceditor-emoticons {
max-width: 350px !important;
max-height: 250px !important;
overflow: auto !important;
text-align: center;
}
.sceditor-emoticons  div {
display: inline!important;
}

/* taille maximum de 40 pixels */
img.smiley {
width: auto !important;
height : auto !important;
vertical-align: middle;
max-width: 40px;
max-height: 40px;
}



Supprimer le dédoublement de smileys et autres soucis liés
- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("smileys" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :
Code:
$(function(){ $(function() {
  $(".sceditor-button-emoticon").click(function() {
    $(".smiley").unbind("hover")
  })
})});
- Validez !




Changer la couleur de texte en mode wysiwyg
- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("couleur wysiwyg" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :
Code:
$(function() {
  var a = $("#text_editor_textarea");
  0 != a.length && $(function() {
    a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:red}");
  });
});
- Validez !




Mettre un sélecteur de couleur avec moins de couleur

- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("couleur wysiwyg" par exemple)
- Cochez "sur toutes les pages" pour le placement,
- Puis dans la zone de saisie collez ce code :

Code:
$(function () {
    $(function () {
        if(!$.fn["sceditor"]) return;
        $.sceditor.command.get('color')._dropDown = function (editor, caller, callback) {
            var content = $("<div />"),
                cmd = $.sceditor.command.get('color');

            if (!cmd._htmlCache) {

                var pre = '<strong style="background-color:#',
                    suf = ';" unselectable="on"><span></span></strong>';

                var htmlGen = [pre, 'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646'.split(',').join(suf + pre), suf].join('');

                var htmlList = [pre, 'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,d8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806'.split(',').join(suf + pre), suf].join('');

                var htmlStandard = [pre, 'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0'.split(',').join(suf + pre), suf].join('');

                var htmlGeneralPanel = ['<div class="editor_color_panel" style="z-index:12;" unselectable="on"><div class="color_general" unselectable="on">', htmlGen, '</div><div class="color_list" unselectable="on">', htmlList, '</div><div class="color_standard" unselectable="on">', htmlStandard, '</div></div>'].join('');

                cmd._htmlCache = htmlGeneralPanel;
            }

            content.append(cmd._htmlCache)
                .find('strong')
                .click(function (e) {
                    callback($(this).attr('style').substr(17, 7));
                    editor.closeDropDown(true);
                    e.preventDefault();
                });

            editor.createDropDown(caller, "color-picker", content);
        };

    })
});
- Validez !
- Ajouter dans le css ( PA > Affichage > Couleurs > Feuille de style ) ceci :

Code:
.editor_color_panel{
 background-color:#fff;
 width:189px;height:135px;
}
.editor_color_panel .color_general{
 height:16px;
 margin:11px 7px 9px 11px;
}
.editor_color_panel .color_list{
 height:70px;
 margin:0 7px 0 11px;
}
.editor_color_panel .color_standard{
 height:16px;
 margin:13px 7px 8px 11px;
}
.editor_color_panel strong{
 font-size:0;
 display:block;
 width:14px;
 height:14px;
 margin-right:3px;
 float:left;
 cursor:pointer;
}



Voici un code final à modifier pour exemple :

Code:
/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;}

/*---  Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}

/*---  Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}

/*---  Groupe de boutons ---*/

div.sceditor-group {
background-color: #XXXXXX !important; }

/*---  Boutons ---*/

a.sceditor-button {
}

/*---  Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #XXXXXX !important;
}

/*---  Smileys ---*/

.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
  
   
par Tech
le Ven 14 Juin 2013 - 16:46
 
Rechercher dans: Trucs et astuces
Sujet: Modifier l'apparence de l'éditeur
Réponses: 1
Vues: 11978

Créer une feuille de personnage

Créer une feuille de personnage

Depuis quelques années, de nombreux forums dits RPG (Role Playing Game) ont émergé sur la toile et, plus particulièrement, au sein de la communauté Forumactif comme nous pouvons le constater en consultant l'annuaire. Forumactif propose aux administrateurs un module Jeux de Rôle permettant de générer des feuilles de personnage pour agrémenter le jeu.


Activer la feuille de personnage

Panneau d'administration  Modules  Jeux de rôles - Gestion des champs


Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 01-05-11

Le rectangle rouge délimite les options concernant la feuille de personnage. Quant au rectangle vert, il délimite les options du lancer de dés (se conférer à ce tutoriel). Pour utiliser la feuille de personnage, il convient de l'activer en cochant l'option oui (point 1). Ensuite, vous pouvez définir les permissions nécessaires pour lire la feuille de personnage des membres dans le profil (point 2). Enfin, vous avez la possibilité de renommer "feuille de personnage" par un nom évoquant la thématique de votre forum (point 3).

N'oubliez pas de cliquer sur :enreg: une fois les modifications opérées.

En fonction des permissions (point 2), la feuille de personnage peut être consultée via le profil du membre :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 01-05-12

Warning Pour l'administrateur qui aurait fait le choix de configurer l'affichage des profils en mode "avancé" (consulter ce tutoriel), il convient de vérifier, dans le panneau d'administration  Utilisateurs & Groupes  Profils - Options générales, que la case "Feuille de personnage" soit cochée pour que l'onglet s'affiche quand un utilisateur consulte le profil d'un membre :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-21


Créer un champ dans la feuille de personnage

Panneau d'administration  Modules  Jeux de rôles - Gestion des champs


Cliquez sur le bouton "Ajouter un champ" :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 03-05-10

Plusieurs champs sont à renseigner :


  • Nom du champ : nom qui apparaîtra face au champ dans la fiche de personnage ;
  • Type du champ : les différents types proposés par ForumActif sont décrits en dessous du formulaire ;
  • Ordre : l'affichage des champs dépend de l'ordre. En mettant 1, le champ sera au dessus des autres, le 2 sera le second, etc. ;
  • Valeur par défaut : correspond à ce que le champ contiendra quand la feuille sera générée. Avant modification du membre, ce champ contiendra donc une "valeur par défaut" ;
  • Modifiable par le membre : permet de décider si le membre peut, ou non, modifier ce champ ;
  • Visible dans les forums : si cette option est cochée, le champ sera visible sous l'avatar du posteur, dans ses messages. Limité à trois champs maximum


Prenons un exemple : dans le cadre d'un forum basé sur la thématique League Of Legends (LoL), je souhaite que les membres indiquent leur rang en partie classée. Pour cela, je vais créer un champ "Liste de choix" comme indiqué dans les captures écrans ci-dessous. La première étape consiste à renseigner les informations générales sur le champ :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 03-05-11

Je souhaite que le membre puisse modifier lui-même son rang en fonction de ses parties classées. De plus, je souhaite que cette information apparaisse sur son profil quand il publie un message sur le forum. Une fois les renseignements fournies, je clique sur "Ajouter le champ". Une nouvelle zone de saisie apparaît pour compléter la liste des choix disponibles pour le membre :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 03-05-14

Une fois la liste terminée, je clique sur "Modifier le champ". Le membre aura uniquement accès à ces choix. Il ne pourra pas entrer une autre valeur. Quand le membre aura rempli le champ via son profil, cette information apparaît sous son avatar, quand il poste un message. De même que vous pouvez vous rendre sur sa feuille de personnage directement en cliquant sur "Feuille de personnage" comme indiqué dans la capture écran ci-dessous :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 03-05-12


Gérer le style des champs

Panneau d'administration  Modules  Jeux de rôles - Style des champs


Repérez le champ à modifier dans la liste puis cliquer sur la roue crantée edit

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-12

Pour chaque champ, vous pouvez définir les paramètres d'affichage suivants :

Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-11


  1. Image associée au champ : entrez l'URL d'une image qui sera affichée à côté du champ, sur les feuilles de personnages ;
  2. Couleur d'écriture du champ : permet de choisir une couleur, qui sera la couleur d'affichage du champ, sur les feuilles de personnages. Vous pouvez sélectionner la couleur depuis la palette (se conférer au curseur dans la capture écran) ou en renseignant directement le code hexadécimal (#xxxxxx) de la couleur ;
  3. Position d'affichage : si gauche est coché, le champ s'affichera à gauche de la feuille de personnage, soit dans l'alignement de l'avatar, sur le profil. Si droite est coché, le champ s'affichera à droite.


Enfin, en fonction de la nature du champ défini (se conférer au point 2), d'autres personnalisations vous seront proposées.


Générer une feuille de personnage

Plusieurs possibilités s'offrent à vous pour générer une feuille de personnage :

  1. La première façon est celle du membre souhaitant activer sa feuille de personnage. Il le peut en éditant son profil, en cliquant sur l'onglet "Feuille de personnage". Il suffit de cliquer sur générer pour que le membre puisse modifier, par la suite, la feuille de personnage.

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-14

  2. La seconde façon est commune au membre qui visualise son propre profil, et à l'administrateur qui visualise n'importe quel profil. Il suffit de cliquer sur générer pour que le membre ou l'administrateur puisse modifier, par la suite, la feuille de personnage.

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-13

  3. La dernière manière est réservée à l'administrateur, via le panneau d'administration  Modules  Jeux de Rôle. Pour générer une feuille de personnage, cliquez sur "Générer les feuilles". Repérer ensuite la feuille de personnage à générer dans la liste puis cliquer sur la roue crantée :

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-15

    Quand la fiche est générée, un message de confirmation apparaît sur le panneau d'administration :

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-16


Modifier ou supprimer une feuille de personnage

L'administrateur a la possibilité de pouvoir modifier ou supprimer la feuille de personnage d'un membre depuis le panneau d'administration. Deux possibilités s'offrent à vous :

  1. Soit par le Panneau d'administration  Modules  Jeux de Rôle. Pour modifier (ou supprimer) une feuille de personnage, cliquez sur "Feuilles de personnage". L'ensemble des fiches générées s'affichera :

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-17

    Vous avez la possibilité d'étendre l'affichage des feuilles de personnage en cliquant sur la flèche (comme indiqué dans la capture écran ci-dessus). L'ensemble des champs renseignés par les membres s’affichera. Pour modifier (ou supprimer) une feuille il suffit de cliquer sur la roue crantée (ou la croix) de la feuille de personnage du membre à modifier (ou à supprimer).

  2. Soit en allant directement sur le profil du membre, en cliquant sur l'onglet "Feuille de personnage" :

    Tag xxxxxx sur Forum gratuit : Le forum des forums actifs 23-05-18

    Toutefois, vous n'avez pas la possibilité de supprimer une feuille de personnage depuis le profil du membre. La suppression doit être effectuée directement via le panneau d'administration (se conférer à la première méthode). Ensuite, quand une feuille est supprimée, le membre (ou l'administrateur) a la possibilité de pouvoir la re-générer (se conférer au point 4). Enfin, il convient de noter qu'un membre ne peut pas supprimer sa propre feuille de personnage. Ce droit est exclusivement réservé à l'administrateur.


par Shadow
le Jeu 22 Jan 2009 - 9:19
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Créer une feuille de personnage
Réponses: 0
Vues: 12672

Revenir en haut

Sauter vers: