Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

Vous n'êtes pas identifié(e).

#1 26/04/2009 02:02:52

ambulance69
Membre
Inscription : 04/04/2009
Messages : 182
Site Web

CSS pour tinyMCE

j'ai suivi les instruction données ici:
http://forum.prositif.com/viewtopic.php?id=279
Mes styles apparaissent bien dans l'éditeur, et sont fonctionnels mais, une fois enregistré la page, quand j'affiche la page, tout est en noir...
http://ambulances69.franceserv.com/faq.html
dans l'éditeur, dans les phrases sont affichées dans la bonne couleur....
voici le fichier source de la page (j'y connais rien....):
<h1>Questions courantes<br /></h1><p class="vert">ceci est écrit en vert</p><p><span class="rouge">ceci est écrit en rouge</span><br /></p>
merci de votre aide.

Pb sous zite et zite+

le css peut servir:
.rouge
{
font-weight: bold;
color: red;
}

.vert
{
color: green;
}

c'est simple mais c'est pour les test...

Dernière modification par ambulance69 (26/04/2009 02:16:30)

Hors ligne

#2 26/04/2009 15:38:06

Guillaume
Membre
Inscription : 30/10/2008
Messages : 5

Re : CSS pour tinyMCE

Bonjour,

Et en mettant :
p.rouge {
...
}

et p.vert { ... }

est-ce que ça change quelque chose ?

Hors ligne

#3 26/04/2009 16:29:31

jpg
Administrateurs
Inscription : 19/11/2008
Messages : 2 086
Site Web

Re : CSS pour tinyMCE

Ta feuille de style (le css) tu l'a mise ou ?
Quand on regarde le source de ta page, on voit ceci (en résumant un peu)
  <title>Questions courantes Ambulance69</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
En gros cela indiques que tu utilises un css nommé style.css (le fichier standard en principe)
Mais est-ce que tes déclaration "rouge" et "vert" se trouve dans ce css ou dans un autre à part?
Dans ce dernier cas, il faut rajouter (dans ton template) cette deuxième feuille de style.

a+
Jean-paul

Hors ligne

#4 26/04/2009 19:57:13

piemchien
Membre
Inscription : 08/02/2009
Messages : 76
Site Web

Re : CSS pour tinyMCE

Bonjour,

Ta couleur devrait être en hexa non?

#FF0000 pour du rouge par exemple

Et n'oublie pas de vider le cache pour les essais de CSS, sinon, les nouveaux règlages ne se voient pas.

Pierre

Hors ligne

#5 26/04/2009 20:34:47

ambulance69
Membre
Inscription : 04/04/2009
Messages : 182
Site Web

Re : CSS pour tinyMCE

Merci pour vos réponses!!
La réponse de jpg est la solution!
J'ai créé un tinymce.css spécifique pour tinyMCE placé à la racine du site, mais effectivement, ni dans le template ni dans le style.css je reprennais le tinymce.css
Ne sachant pas le faire dans le template, j'ai copié le tinymce.css dans le style.css et ça marche!
Bon c'est du temporaire, car je voudrais bien savoir comment on rajoute une feuille de style dans le template afin d'avoir à éviter de faire des copier/coller à chaque modif!
Merci!

Hors ligne

#6 26/04/2009 21:35:12

mapaje
Membre
Inscription : 09/06/2007
Messages : 81

Re : CSS pour tinyMCE

bsr

En haut de ta feuille de style style css, tu rajoutes: @import url("nom de ta seconde feuille de style".css); mets les dans le même répertoire. Ou alors tu rajoutes dans le template en dessous du premier appel au fichier css qui doit avoir cette forme:
<link href="style.css" rel="stylesheet" type="text/css" />
donc tu rajoutes:
<link href="chemin vers ta seconde feuille de style".css" rel="stylesheet" type="text/css" /> en faisant attention si elle n'est pas dans le même répertoire d'ajouter le nom du répertoire dans lequel elle se trouve ce qui donnerait: <link href="nom répertoire/nom feuille de style.css" rel="stylesheet" type="text/css" />
A+
JP

Hors ligne

#7 27/04/2009 06:44:14

ambulance69
Membre
Inscription : 04/04/2009
Messages : 182
Site Web

Re : CSS pour tinyMCE

Merci!
J'ai utilisé @import url...
Bonne journée

Hors ligne

Pied de page des forums