La date/heure actuelle est Mar 19 Mar 2024 - 4:37
6 résultats trouvés pour XXXXXX
Éditeur
Je suis complétement larguée dans tout les codes mdr!voilà ce que j'ai je modifie quoi svp?
/*--- 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;
}
.sceditor-container
{
width: 100% !important;
margin: auto !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;}
.sceditor-container
{
width: 100% !important;
margin: 10px auto !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background:url( https://i.servimg.com/u/f35/19/38/25/34/misted19.jpg)!important;}
.postbody div
{
text-align:center;
}
- le Mar 2 Nov 2021 - 14:53
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Éditeur
- Réponses: 7
- Vues: 463
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.
- 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: 1042
Appliquer couleur groupe dans un bloc
OKMets 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...
- 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: 1959
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.
- 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: 1375
Modifier l'apparence de l'éditeur
Modifier l'apparence de l'éditeur |
Dans cette astuce, nous vous proposons différents codes CSS afin de personnaliser l'apparence de votre éditeur de texte. Ces codes CSS 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 :
Nous vous invitons également à lire ce sujet : Le CSS - Comment ça marche ? pour comprendre les différentes propriétés du CSS. Modifier la réponse rapide
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
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)
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.
Modifier un groupe de boutons
Cela concerne la couleur des groupes de boutons. Il faut modifier XXXXXX par un code couleur hexadécimal. Modifier les boutons
Vous pouvez ajouter un "background" par exemple à la place des ... . Modifier les boutons sélectionnés
Il faut modifier XXXXXX par un code couleur hexadécimal. Modifier la taille des smileys
Changer la largeur de l'éditeur
Il faut prévoir quelques pixels en moins pour la zone de saisie de texte. Changer les couleurs de fond
Supprimer des bordures et ombres
Moins réduire les smileys
Supprimer le dédoublement de smileys et autres soucis liés
Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Supprimer le dédoublement de smileys" et pour placement "Toutes les pages" (plus d'informations sur la gestion des scripts).
N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications. Changer la couleur de texte en mode wysiwyg
Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "couleur wysiwyg" et pour placement "Toutes les pages" (plus d'informations sur la gestion des scripts).
N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications. Mettre un sélecteur de couleur avec moins de couleur
Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "couleur wysiwyg" et pour placement "Toutes les pages" (plus d'informations sur la gestion des scripts).
N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.
N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications. Voici un code final à modifier pour exemple :
|
Cette astuce a été travaillée par de nombreux membres ayant fourni des codes. Merci à tous. Aucune reproduction possible sans accord, conformément à l’article L122-1 du CPI. Pour proposer une astuce, merci de l'envoyer par MP à un Aidactif ou un Modéractif. |
- le Ven 14 Juin 2013 - 16:46
- Rechercher dans: Trucs et astuces
- Sujet: Modifier l'apparence de l'éditeur
- Réponses: 1
- Vues: 13981
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
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 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 : 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 : Créer un champ dans la feuille de personnage
Cliquez sur le bouton "Ajouter un champ" : Plusieurs champs sont à renseigner :
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 : 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 : 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 : Gérer le style des champs
Repérez le champ à modifier dans la liste puis cliquer sur la roue crantée Pour chaque champ, vous pouvez définir les paramètres d'affichage suivants :
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 personnagePlusieurs possibilités s'offrent à vous pour générer une feuille de personnage :
Modifier ou supprimer une feuille de personnageL'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 :
|
Ce tutoriel a été rédigé par le staff du Forum des Forums, Et actualisé en décembre 2021 par Bipo. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI. |
- 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: 14226