Version haut débit de: Forum du site Lebrikabrak
Aide - Rechercher - Membres

Personnalisation Boite rédacteurs

han (05 Mars 2016, 18:45)
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.
jchouix (06 Mars 2016, 14:18)
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.

Â
han (06 Mars 2016, 15:12)
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.
Â
jchouix (06 Mars 2016, 15:49)
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.
han (06 Mars 2016, 16:21)
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.
Â
jchouix (06 Mars 2016, 18:49)
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
Â
han (06 Mars 2016, 19:19)
Nickel !

Encore merci.
jchouix (06 Mars 2016, 19:25)
Bonne continuation dans ta migration.
han (13 Mars 2016, 15:50)
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
Jean-Denis (13 Mars 2016, 16:15)
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
han (13 Mars 2016, 16:59)
Re,
Tout à fait Jean-Denis. Je sous-entendais qu'il n'y avait définitivement rien à faire pour un utilisateur tel que moi...

Amicalement.
jchouix (13 Mars 2016, 18:40)
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.
Â
han (13 Mars 2016, 19:58)
Bonsoir Jchouix,

C'est nickel !

Merci.