Personnalisation Boite rédacteurs

Imprimer Syndication RSS 2.0

han

Actif
Actif

Avatar de han

Messages : 185

Inscription :

Bonjour, Jchouix,

Sur ce site (en 5.01) en construction, j'aimerais reproduire à l'identique ma boite rédacteur telle qu'elle est sur ce site (en 4.6.28).
Pourrais-tu m'indiquer les modifs à effectuer ?
Merci.

Aller en haut de page Aller en bas de page

Réponses

jchouix

Administrateur

Avatar de jchouix

Messages : 1390

Inscription :

Bonjour han,
il te faut jouer avec les règles css à partir de la boite de guppy dans laquelle est placée l'accès à la connexion Adm_redacteurs.
Sur le site que tu m'indiques, la boite est associée à un id qui est R0tblbox8 donc je vais écrire ceci dans le fichier styleplus.css de guppy :
/* Alignement au milieu de la boite */
#R0tblbox8 p {
  text-align: center;
  margin: 20px;
}
/* Suppression de la ligne qui annonce le nombre de rédacteurs connectés */
#R0tblbox8 p:nth-child(3) {
  display: none;
}
/* Css du bouton */
#R0tblbox8 button {
  background-color: #fff;
  border: 1px solid #b8b8b8;
  color: #333333;
  cursor: pointer;
  font: 12px qlassik_mediumregular,Arial,Helvetica,sans-serif;
}

Cordialement.

Â

Aller en haut de page Aller en bas de page

han

Actif
Actif

Avatar de han

Messages : 185

Inscription :

Bonjour, Jchouix,
encore 2 petit choses. J'aimerais :
1) remonter le bouton "Se connecter" dans la boà®te Redacteur;
2) changer les couleurs de cette boà®te comme ici

Merci.
Â

Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1390

Inscription :

Re-,
je pensais que tu avais quelques notions de css et du coup, avec l'id de la boite, tu aurais pu te débrouiller tout seul. Je t'invite à t'y pencher dessus car c'est un langage très puissant qui te permet de mettre en page ce que tu veux de faà§on précise. Pour répondre à tes deux questions, voilà ce que je te propose. Tu places ces régles css, après les autres.
/* Position du bouton connecter dans la boite */
#R0tblbox8 p:first-child {
  margin: 5px;
}

/* Titre en couleur */
#R0titrebox8 {
  background-color: #e82759;
}

/* Corps de la boite en couleur */
#R0tblbox8 {
  background-color:  rgba(253, 234, 239, 1);
}


Cordialement.

Aller en haut de page Aller en bas de page

han

Actif
Actif

Avatar de han

Messages : 185

Inscription :

Re,

En fait avec les boà®tes classiques je m'en suis sorti tout seul comme un grand (enfin avec l'aide de firebug), car elles sont construites sur ce style
.titrebox.TrMNU1 { /*titre de la boà®te "notre école"*/
    background: #96CA2D; /*vert pomme*/
}
.tblbox.MNU1 { /*corps de la boà®te*/
    background-color: rgb(239, 248, 222); /* Pour les anciens navigateurs */
    background-color: rgba(239, 248, 222,0.7);
}

J'utilisais la "class" de ces boites et pas l'ID. Donc comme pour la boà®te Redac, je ne trouvais pas la class...

Juste une dernière petite chose et je ne t'embàªte plus :
Que dois-je rajouter pour modifier la taille de la police de la ligne "Redacteur en ligne" ?

Merci.
Â

Message édité 2 fois, dernière édition par han le Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1390

Inscription :

Re-,
je n'ai pas la main sur les contenants mais seulement sur les contenus.
Citation (han)
Que dois-je rajouter pour modifier la taille de la police de la ligne "Redacteur en ligne" ?

Tu dois rajouter cette instruction :
#R0tblbox8 p:last-child {
  color: #333;
  font: 15px qlassik_mediumregular,Arial,Helvetica,sans-serif;
}

Cordialement
Â

Aller en haut de page Aller en bas de page

han

Actif
Actif

Avatar de han

Messages : 185

Inscription :

Bonjour Jchouix,

Je viens d'ajouter une boite diaporama dans le header. Mais à§a crée des souci dans la personnalisation des boà®tes latérales en page d'accueil : la personnalisation de la boite redacteur est transférée à celle de l'agenda avec un décalage.

Par contre pas de souci quand je suis dans un article.

Jean-Denis pense que la difficulté réside dans le fait que la boite rédacteur, pour àªtre identifiée, n'utilise que son id et pas de classe particulière type .tblbox.FBxxx par exemple ce qui permettrait une bonne fois de la personnaliser.

Qu'en penses-tu ?

Merci

Message édité 1 fois, dernière édition par han le Aller en haut de page Aller en bas de page

Jean-Denis

Nouveau
Nouveau

Avatar de Jean-Denis

Messages : 6

Inscription :

Bonjour Jérà´me, rebonjour Han,

Petite précision qui me tient à coeur...
Je ne pense pas qu'il n'y ait définitivement rien à faire...
Moi, je ne peux rien faire de plus (à part du bidouillage), compte tenu de mes supposées compétences, aussi ai-je proposé à Han de prendre contact ici pour voir si il y avait une solution envisageable.

Amicalement à vous deux,
Jean-Denis

Aller en haut de page Aller en bas de page

han

Actif
Actif

Avatar de han

Messages : 185

Inscription :

Re,
Tout à fait Jean-Denis. Je sous-entendais qu'il n'y avait définitivement rien à faire pour un utilisateur tel que moi...

Amicalement.

Aller en haut de page Aller en bas de page

jchouix

Administrateur

Avatar de jchouix

Messages : 1390

Inscription :

Bonsoir à tous les deux,
j'ai mis le nez dans fonctionnement de guppy concernant les boites et j'ai trouvé comment ajouter facilement un marqueur pour cibler le boite du plugin.
Il faut éditer le fichier intitulé box.inc situé dans le répertoire plugins/adm_redacteurs/ et aller à la ligne 72 o๠il y a ce code :
return boxthin($pos, ucfirst($ADMR_lang['writers']), $out);


Ecrire à la place ce code :
return boxthin($pos, ucfirst($ADMR_lang['writers']), $out, ' ADMR_box');


A ce moment là , le titre de la boite du plugin sera ciblée avec la classe css TrADMR_box et le corps de la boite sera ciblée avec la classe css ADMR_box.
Cordialement.
Â

Aller en haut de page Aller en bas de page