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 Lun 24 Fév 2020 - 15:58

5 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: 323

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: 451

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: 400

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: 11837

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: 12632

Revenir en haut

Sauter vers: