Création de balise

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Création de balise

Message par Kaeris le Sam 12 Aoû 2017 - 21:46

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://fondationethernae.forumactif.com

Description du problème

Bonjour,

Je suis administrateur de mon forum et pour des besoins de JdR j'aurais besoin de différent "background" pour mes balises de textes.

Pour faire un premier effet de parchemin, j'ai modifié le CSS de la balise [quote] cependant j'aurais besoin de créer d'autre balise afin de pouvoir insérer d'autre background pour les messages, d'autre type de parchemin par exemple ( qui seront fait sur photoshop et uploadé directement )

Le CSS utilisé pour la modification de la balise [quote] est celui-ci

Code:

blockquote {
background-image: url('http://img12.deviantart.net/6e6e/i/2006/235/e/0/parchment_by_empty_dreams.jpg');
color: #000000;
}
( Assez simpliste en soi )

J'ai vue beaucoup de sujet sur les personalisations des balises, mais hélàs je n'ai pas réussi à trouver de sujet concernant la création pure et simple de balise BBcode sur les forumactif ( si cela est possible, bien évidemment )

En espérant pouvoir trouver les réponses adéquates sur ce forum,

Je vous remercie de votre lecture et vous souhaite une bonne journée.

Cordialement,
Kaëris
avatar

Kaeris
Nouveau membre

Messages : 2
Inscrit(e) le : 12/08/2017

http://fondationethernae.forumactif.com
Kaeris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création de balise

Message par Milouze14 le Dim 13 Aoû 2017 - 19:42

Hello Kaeris,
à part autoriser le html sur ton fofo et ajouter des boutons à l'éditeur , je ne vois pas comment procéder autrement!!

Tu peux tester ceci stp:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur toutes les pages.
Déposes ceci:
Code:

$(function(){$(function(){
$('<a class="sceditor-button" unselectable="on"title="Background Noir">
<div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Background Noir</div></a>').insertBefore('.sceditor-button-bold').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText('<div class="M14_black">','</div>');
});
 })});

Penses a cliquer sur le bouton "VALIDER".

Sur l'éditeur , tu auras un nouveau bouton à gauche du bouton G qui sera représenté par cette image:



Tu pourras changer l'image dans le script ici (16px par 16px obligatoire):
Code:
<div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">

Au clic sur ce bouton , tu auras ceci :

Code:

<div class="M14_black"></div>

Il suffira de placer du contenu à l'intérieur ou de taper le contenu dans l’éditeur et ensuite sélectionner l'ensemble et de cliquer sur ce bouton (dans ce cas le code html donne viendra englober ce contenu ).

Ensuite à toi de personnaliser la div :

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:


Code:
.M14_black{padding:5px; color:white;background:black;width:50%;}

Penses à cliquer sur le bouton

Wink .
a++
avatar

Milouze14
Membre actif

Masculin
Messages : 4806
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création de balise

Message par Kaeris le Dim 13 Aoû 2017 - 21:05

Waow,

C'est vraiment nickel.

Je te remercie pour tes très précieux conseils et ton code.

Je passe le sujet en résolu, merci énormément !
avatar

Kaeris
Nouveau membre

Messages : 2
Inscrit(e) le : 12/08/2017

http://fondationethernae.forumactif.com
Kaeris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création de balise

Message par Chacha le Dim 13 Aoû 2017 - 21:25

Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54829
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum