Personnalisation Boite rédacteurs

Imprimer Syndication RSS 2.0

han

Actif
Actif

Avatar de han

Messages : 179

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

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

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

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

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

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

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

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

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