Intégrer un bouton dans un article sous JCE

Intégrer un bouton dans un article sous JCE was created by hg01

Posted 6 years 11 months ago #41110
Bonjour,
j'ai défini et enregistré dans mon template créé avec Template Creator CK (merci pour cet outil à son inventeur!) un type de boutons plus design à mon goût pour mon site.

Depuis, je cherche à utiliser ce bouton prédéfini pour des articles que je rédige sous JCE, et comme je suis une presque bille en CSS, je sèche lamentablement.

Quand je choisis dans "Classes CSS" "BTN / BUTTON", j'obtiens bien un grand bouton rectangulaire, mais qui occupe toute la largeur de l'article, et sans aucun des attributs de forme, couleur, padding etc ... que j'ai définis auparavant pour mon template.

Faut-il ajouter quelque chose dans le menu "Formats"?
Passer temporairement par l'onglet "code" de JCE ?
Changer d'éditeur? Ou faire une autre manip qui m'a échappé?

En attendant (grâce à www.imagefu.com/create/button ), je crée une image .png de bouton à l'ancienne, mais il y a certainement plus simple avec les CSS.

Mes excuses si le sujet à déjà été traité, mais je n'ai rien trouvé.
Et merci d'avance pour votre aide!
by hg01
Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Intégrer un bouton dans un article sous JCE

Posted 6 years 11 months ago #41111
Salut

merci pour cet outil à son inventeur!

merci :)

pour ton souci, dans quelle interface as-tu défini ton bouton ? là je vois que c'est la pagination, mais dans paramètres >> formulaires >> bouton
tu peux définir un style qui sera appliqué à la classe "btn"

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by hg01 on topic Intégrer un bouton dans un article sous JCE

Posted 6 years 11 months ago #41123
Merci ced1870 pour ta réponse rapide!

En fait je n'avais pas compris que, pour modifier un bouton dans un template de Template Creator CK, il fallait accéder à Paramètres/Boutons et formulaires, puis choisir l'onglet "Champs de formulaire" et modifier les onglets :"Bouton État normal" et "Bouton État survolé".
(Je ne modifiais que les données du bouton du premier onglet "Lire la suite").

Enfin c'est du moins la méthode que j'ai utilisée et ça a marché.

En tout cas quel plaisir de voir apparaître "mes" boutons après des heures à tourner en rond :) !
by hg01

Please Log in or Create an account to join the conversation.

Replied by hg01 on topic Intégrer un bouton dans un article sous JCE

Posted 6 years 11 months ago #41126
Bonjour,
je croyais mon problème complètement réglé, mais ...

Les boutons apparaissent normalement dans Firefox et Safari: forme avec coins arrondis, couleur et réaction au survol de souris.

En revanche, avec Chrome, Chromium (Linux), et Opera, les arrondis demeurent, mais la couleur est noire et, au survol, passe au blanc jusqu'à mi-hauteur, puis bloquage.
Idem pour un mobile sous Windows 8.1.

J'ai essayé de supprimer les coins arrondis (j'ai lu qu'il y avait des problèmes de compatibilité CSS pour la fonction border-radius): les boutons deviennent bien rectangulaires avec Firefox et Safari, mais ne changent en rien avec Chrome, même pas la forme qui reste arrondie!

Ci-joint 3 photos d'écran des boutons en question, avec border-radius: 14px, défini dans le template créé avec Template Creator CK.

Bouton non survolé Firefox et Safari: conforme à ce que j'ai défini




Bouton non survolé fond noir couvrant le texte Chrome, Opera, Konqueror


Bouton survolé Chrome, Chromium, Opera, Konqueror: "rideau noir" bloqué et fond blanc


Si cela concernait IE8, je ne me formaliserais pas, mais Chrome ...

Si vous avez une idée, je suis preneur.
D'avance merci
Last Edit:6 years 11 months ago by hg01
Attachments:
Last edit: 6 years 11 months ago by hg01. Reason: erreur oubli pièce jointe

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Intégrer un bouton dans un article sous JCE

Posted 6 years 11 months ago #41127
c'est étrange
tu peux me donner l'url de la page où je peux voir le bouton ?

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by hg01 on topic Intégrer un bouton dans un article sous JCE

Posted 6 years 11 months ago #41134
Bonjour,

voici l'url, le site est en construction:

resistances.eu/index.php/contributions-d...ants/urbain-colletta

Les autres boutons du site ont le même look, mais sont de bêtes images .png

En pj à tout hasard un extrait en pdf du template.css du site, la partie qui, je suppose, concerne les boutons (j'y retrouve mes données de couleurs, etc), mais tu dois avoir d'autres moyens d'investigation ;)

D'avance merci

File Attachment:

File Name: template.c...tton.pdf
File Size:16 KB
Last Edit:6 years 11 months ago by hg01
Attachments:
Last edit: 6 years 11 months ago by hg01. Reason: wrong attachment

Please Log in or Create an account to join the conversation.

Time to create page: 0.675 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 963 guests and no members online