Page 1 of 1
[Résolu] Styles avec Tiny MCE
Posted: Sat May 24, 2008 1:45 pm
by jims34
Bonjour à tous,
Je réalise mon premier site avec CMS Made Simple et je rencontre quelques soucis avec l'éditeur Tiny MCE. En effet, je voudrais définir des styles à insérer dans la liste déroulante -- Styles -- mais celle ci reste vide quoi que je fasse.
J'ai pourtant suivit les conseils donnés ici :
http://forum.cmsmadesimple.org/index.ph ... l#msg79156
J'ai bien un gabarit avec une feuille de styles contenant des styles. La page que je suis en train de modifier est bien rattachée à ce gabarit... Rien n'y fait...
Ma feuille de style est écrite à la main, pas de copier-coller...
Mes styles sont simples, du genre
.rouge {
color: red;
}
Quelqu'un peut m'aider ?
Merci d'avance,
Jean-Michel
Re: Styles avec Tiny MCE
Posted: Sat May 24, 2008 1:55 pm
by athena_pallas
Moi je peux t'aider ! (ta-daaaam)
Tu vas là :
Admin > Extensions > TinyMCE > CSS Styles
Voici ce que j'ai dans ma zone "general" :
Code: Select all
vert=bg1; rouge=bg2; kaki=bg3;bleu=bg4;pourpre=bg5; vertfluo=bg7;
Dans ma liste déroulante "Styles", j'ai donc vert, rouge, kaki... Ca correspond en fait à un genre de tache de peinture pour agrémenter un titre.
ET un extrait de ma feuille de style pour être exhaustive :
Code: Select all
.bg2 {
background:transparent url(images/img05.gif) no-repeat scroll left bottom;
/* rouge */
padding-top:20px;
}
.bg3 {
background:transparent url(images/img06.gif) no-repeat scroll left bottom;
padding-top:20px;
/* kaki */
}
.bg4 {
background:transparent url(images/img08.gif) no-repeat scroll left bottom;
/* bleu */
padding-top:20px;
}
Ce qui génère par exemple :
Les concepts
Les créateurs
Comme vous pouvez le voir sur le site du
Magasin d'Art et de design
(il est joli celui-là, non ?)
Re: Styles avec Tiny MCE
Posted: Sat May 24, 2008 3:58 pm
by jims34
Re,
Oui, il est joli ce site...
Merci en faisant comme cela ça marche. Je croyais que qu'il fallait renseigner soit la feuille de style soit l'option Extensions/TinyMCE... mais pas les deux à la fois.
Bon, maintenant je peux remplir ma liste, c'est bien, mais j'essaye d'appliquer un style et ça ne marche pas.
Je veux que un paragraphe de ma page apparaisse sur un fond jaune (couleur différente du background de la page). J'ai donc créé ce style :
.jaune {
background-color: #FFCC00;
}
J'ai rajouté ce style à la liste déroulante, ok.
Maintenant, j'essaye d'appliquer le style jaune à mon paragraphe en sélectionnant celui-ci et en choisissant le style dans la liste. Mais le style n'est pas appliqué (ni dans tiny ni dans la page).
J'ai du rater quelque chose, mais quoi ?
Le but est de pouvoir gérer des paragraphes avec des couleurs de fond différentes.
Merci de votre aide,
Jean-Michel
Re: Styles avec Tiny MCE
Posted: Sat May 24, 2008 4:23 pm
by athena_pallas
Alors ça sent bien le problème d'héritage dans la CSS.
Un petit lien vers la page HTML dans laquelle c'est censé apparaître ? en MP si c'est mieux.
(mais je regarderai pas ce soir, je dois partir)
Re: Styles avec Tiny MCE
Posted: Sun May 25, 2008 9:58 am
by jims34
Bonjour,
http://sch.progresoft.fr/cmsmadesimple/ ... -de-poesia
Bon, ce n'est pas terrible comme design. C'est un site d'un atelier de langue Occitane, déjà en ligne. Ce n'est pas moi qui l'ai fait, j'essaye juste de le refaire pour apprendre à me servir de CMS made Simple et pour apprendre les CSS. Le site original, ne respectant pas les standards du W3C (utilisation des tableaux pour positionner...), rencontre quelques difficultés. J'essaye de corriger cela.
D'ailleurs, toutes remarques ou conseils sont les bienvenus...
Le paragraphe à mettre dans un bloc de couleur de fond jaune va de la ligne "Lo flum Erau" à la fin du texte.
L'adresse du site original :
http://pagesperso-orange.fr/ocpouzols/
Je rappelle que la personne qui l'a fait n'y connais rien en WEB. Elle a fait ça avec NVU.
Moi le suis développeur d'applications non web, mais ça m'interresse...
Merci d'avance,
Jean-Michel
Re: Styles avec Tiny MCE
Posted: Sun May 25, 2008 6:09 pm
by athena_pallas
Bonsoir,
En fait, pour moi c'est jaune
(peut-être que tu as trouvé depuis ?)
J'ai une copie d'écran si tu veux.
Je préfère d'ailleurs le jaune du site d'origine (cette remarque étant bien entendu totalement subjective).
Testé en Firefox. j'ai jeté un oeuil sur ton code, pour moi il est OK.
Bonne soirée !
(et concernant le design, il faut pas s'excuser... on a tous commencé comme ça et on a quand même évolué... enfin, la plupart
)
Et j'ai plus souvent vu pire que mieux. Même chez des gars qui VENDENT des sites web.
Re: Styles avec Tiny MCE
Posted: Mon May 26, 2008 7:18 am
by jims34
Bonjour,
Merci pour la réponse.
Effectivement j'avais trouvé entre mon message et ta réponse. Au moins pour le fond jaune. Parce que ce que je veux c'est que le conteneur jaune soit limité à la largeur du texte et non qu'il tienne toute la largeur de la page.
Je n'ai pas eu le temps de chercher depuis.
En fait je voudrais définir plusieurs style (de couleurs différentes) qui serviraient de couleur de fond aux conteneurs de plusieurs paragraphes (de largeurs différentes bien sur).
Vois tu une façon de faire ça ?
Merci pour ton aide.
Jean-Michel
Re: Styles avec Tiny MCE
Posted: Tue May 27, 2008 7:56 pm
by jims34
Bonsoir,
jims34 wrote:
En fait je voudrais définir plusieurs style (de couleurs différentes) qui serviraient de couleur de fond aux conteneurs de plusieurs paragraphes (de largeurs différentes bien sur).
r
En fait c'est plus une question de CSS que de CMS Made simple. Je donne quand même la solution que l'on m'a donné sur un autre forum, pour ceux que ça interesse.
Un «bloc» dont la largeur dépend de son contenu et qui peut être centré horizontalement, c'est possible avec:
1. un bloc en affichage de type "table";
2. un bloc en affichage de type "inline-block".
display: table ne sera pas compris par Internet Explorer 6-7, et display: inline-block ne sera pas compris pour un élément de type bloc (par exemple une DIV) par Internet Explorer 6-7 et Firefox 2. Tous les navigateurs récents non cités (y compris Firefox 3 qui sort le mois prochain et Internet Explorer 8 qui sort... euh peut-être à la fin de l'année) sont compatibles.
La seule solution largement compatible à l'heure actuelle est d'utiliser un tableau à une cellule, en margin: 0 auto pour le centrage.
Jean-Michel