Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Classes CSS personnaliséesClasses CSS personnalisées
Précédente
 
Suivante
Nouveau message
06/09/2011 15:07
 
Bonjour, je suis actuellement en stage pour mes études et je dois bosser le CMS dnn de mon entreprise.
Je rencontre un petit problème aujourd'hui, mon patron voudrait ajouter des classes CSS personnalisées dans l'éditeur html mais après plusieurs heures de recherches je n'y parviens toujours pas...

J'ai essayé d'ajouter les classes divers fichiers .css mais rien ne change, je n'arrive pas à saisir comment s'est organisé.

Pour être sur d'être bien compris je vous un joint une image pour montrer ou je veux mettre les nouvelles classes :
http://imageshack.us/photo/my-images/12/cssclass.png/

Merci d'avance,
Franck
 
Nouveau message
07/09/2011 12:18
 
Bonjour,

voici la procédure pour DotNetNuke 5.4 et ultérieur :
  1. Create a file called RadEditor.css your portal root. 
    1. Copy all the content specific styles from skin.css into this file leaving out layout or module specific styles.  The editor will copy most of these already so only focus on ones needed in the styles drop down and overides for layout.
    2. Be sure to add body,html{background-color:#fff;text-align:left;} to keep the edit area useable. 
    3. Narrow the focus of the classes and IDs (For instance, a ul specific style would be ul.MyStyle{...} not .MyStyle{...} ).  Then the editor will put at tag icon beside the style which will help users understand when and where to use the classes.
    4. The classes should be “declared” in a clean manner.  The style ul.MyStyle li won’t make the parent ul style available. A rule like ul.MyStyle rule must exist first.
  2. Open the file /Providers/HtmlEditorProviders/Telerik/Config/ConfigDefault.xml and make the follow changes:
    1. Adding < property name="UseSharedToolbar">true < /property> is suppose to help when two or more editors are on the same page.
    2. Change < property name="NewLineBr">true < /property> to false for better paragraph formating.
    3. Review the StripFormattingOnPaste and ContentFilters settings for your own taste. ConfigDocumented.xml explains the settings a bit.
    4. Add < property name="CssFiles">[PortalRoot]RadEditor.css< /property>
    5. Add < property name="ImageManager.ViewPaths">[PortalRoot]images so the images folder can be seen in the image manager.
  3. Open the file /Providers/HtmlEditorProviders/Telerik/Config/ToolsDefault.xml (and min for simular changes)
    1. Add lines to the < classes> section to reflect the styles you want in the drop down.  (for instance < class value="ul.MyStyle" name="List-Styled-Myway">
      Very important to set the value to exactly what is in the style sheet or it won’t display.
    2. Remove the lines:
      1. < tool shortcut="CTRL+SHIFT+F" name="FontName">
      2. < tool shortcut="CTRL+SHIFT+P" name="RealFontSize">
      3. < tool name="ForeColor">
      4. < tool name="BackColor">

        Unless you like 24pt pink Comic Sans text randomly place on your site, not judging here.

Be sure to add htmtemplate to the host settngs for allowed file types. This will enable the templates feature if you upgrade from DNN5.4.x to 5.4.2.  Also, only DNN5.4.2+ is able to insert the templates. 


Source : Forum officiel

Mick @ BSI (www.bsi.fr)
 
Nouveau message
07/09/2011 14:34
 
Telerik est un module payant non ?

J'avais déjà vu ce tutoriel mais à chaque fois il fallait installer telerik qui était payant.
 
Nouveau message
07/09/2011 14:44
 
RadEditor est livré en standard sur DNN 5.4+.
Il s'agit de l'éditeur HTML par défaut.

Mick @ BSI (www.bsi.fr)
 
Nouveau message
07/09/2011 15:13
 
Bonjour j'ai essayé cette méthode mais je n'arrive toujours pas à ajouter des classes personnalisées.
Dans le meilleur des cas j'arrive juste à ne plus avoir de classe (j'ai juste Clear Class d'écris).
 
Nouveau message
07/09/2011 15:51
 
Si vous n'avez plus rien c'est sans doute une erreur sur cette ligne :

<class value="ul.MyStyle" name="List-Styled-Myway" />

Elle est "inversée" vis à vis des lignes déjà enregistrées, veillez bien à spécifier la classe en premier et le nom en second.

Si vous souhaitez la mettre dans le même "sens" que les lignes par défaut, cela donne :

<class name="List-Styled-Myway" value="ul.MyStyle" />



Mick @ BSI (www.bsi.fr)
 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Classes CSS personnaliséesClasses CSS personnalisées