There are no translations available

 
Home arrow Forums
wimsedu le forum
Welcome, Guest
Please Login or Register.    Lost Password?
Re:Feuille de style CSS (1 viewing) (1) Guest
Go to bottom Post Reply Favoured: 0
TOPIC: Re:Feuille de style CSS
#159
Fred (User)
Celfred.
Junior Boarder
Posts: 32
graphgraph
User Offline Click here to see the profile of this user
Gender: Male
Feuille de style CSS 16 Years, 5 Months ago Karma: 0  
Bonjour,

Je souhaite insérer une feuille de style aux exercices Wims sans avoir à modifier à chaque nouvelle création les couleurs de chaque élément. Je ne vois pas trop où mettre mon lien vers la feuille de style dans le source de l'exercice. Je voudrais bien que ce lien apparaisse dans le HEAD de la page.

Merci de votre aide
 
Report to moderator   Logged Logged  
 
Celfred.
  The administrator has disabled public write access.
#160
bernadette (Admin)
Admin
Posts: 638
graph
User Online Now Click here to see the profile of this user
Re:Feuille de style CSS 16 Years, 5 Months ago Karma: 23  
Tout dépend si l'exercice est un exercice de la classe ou dans un module Modtool. Si l'exercice est dans la classe, il est possible de choisir un style css pour la classe (aller dans Config/Maintenance --> Apparence ; mettre la "Feuille de style (css) des pages" sur class et entrer le style (simplement le style, pas de balise style).

Mais si l'exercice est mis dans une autre classe, les styles bien sûr ne fonctionneront pas. Il vaut donc mieux vérifier que sans style, l'exercice est quand même lisible. A ce propos, il y a des noms de style prédéfinis. Jusqu'à la version 3.62,
Code:

.oefstatement{} .oefreply{} .oefanswer{} .oefform{}
Regarder la page source ou faire des essais pour voir où cela agit ! mais le nom est assez clair ! Ensuite il y en aura plus.
Si l'exercice fait partie d'un module et est donc ensuite peut-être destiné à une publication, il y a plusieurs méthodes, mais module par module.
  • Mettre le style dans un fichier au premier niveau (on va l'appeler style.css)
  • Ecrire dans chaque exercice \text{style=wims(record 0 of style.css)}
  • Puis écrire \statement{\style .. } [on peut mettre les balises dans le fichier ou ensuite comme on préfère].
Avec cette méthode, l'exercice s'il est importé perd son style. Une autre méthode est d'utiliser cpp [voir aide de Createxo]. Mais ce n'est plus débutant. Bernadette
 
Report to moderator   Logged Logged  
 
Last Edit: 2008/01/19 11:32 By bernadette.
  The administrator has disabled public write access.
#1176
bernadette (Admin)
Admin
Posts: 638
graph
User Online Now Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 23  
Une réponse à une question d'il y a ... un certain temps (rien n'est impossible à qui sait attendre !).

Dans un module d'exercices oef, si vous avez un style commun à tous les exercices, il est possible de le mettre dans le fichier main.phtml avant la ligne
Code:

!changeto oef/Main.phtml
de la manière suivante
Code:

!set wims_html_header=!append line <style type="text/css">\ .question {\ margin : 10px;\ padding : 10px;\ background-color : #0f0;\ }\ to $wims_html_header
On pourrait aussi ajouter de la même manière du javascript. Attention de bien mettre les backslash en fin de ligne (sans aucun caractère même blanc après, j'espère que cela va passer dans le forum !). Bien sûr si quelqu'un importe ensuite un exercice, il n'importera pas le style. Il vaut donc mieux éviter de mettre des choses qui influeraient sur l'exercice. Sinon, dans var.proc , interdire l'importation en mettant
Code:

class_importation=no
 
Report to moderator   Logged Logged  
 
Last Edit: 2009/10/31 17:50 By bernadette.
  The administrator has disabled public write access.
#1195
Julien (User)
Expert Boarder
Posts: 102
graphgraph
User Offline Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 3  
Quelle est la différence entre la solution que tu proposes et insérer la feuille de style avec le code suivant :

Code:

\text{style=wims(record 0 of style.css)}
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#1196
bernadette (Admin)
Admin
Posts: 638
graph
User Online Now Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 23  
Tu n'as pas besoin de le réécrire pour chaque exercice. Mais surtout, la déclaration de style se trouve alors à l'endroit préconisé par les standards W3C c'est-à-dire dans l'en-tête.

Bernadette
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#1197
bernadette (Admin)
Admin
Posts: 638
graph
User Online Now Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 23  
A réfléchir, mais sans avoir vérifié on doit d'ailleurs pouvoir écrire dans main.phml

Code:

!set style=!record 0 of style.css !set wims_html_header=!append line $style \ to $wims_html_header
 
Report to moderator   Logged Logged  
 
Last Edit: 2009/11/03 15:00 By bernadette.
  The administrator has disabled public write access.
#1199
Julien (User)
Expert Boarder
Posts: 102
graphgraph
User Offline Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 3  
J'ai testé ce bout de code sans succès.
Code:

!set wims_html_header=!append line <style type="text/css">\ .question {\ margin : 10px;\ padding : 10px;\ background-color : #0f0;\ }\ to $wims_html_header
WIms me renvoit : wims has detected an error in the module 'devel/julien/H2~algebra~oefpourcentage.fr'. In file 'main.phtml', line 1: append_syntax. Erreur de syntaxe pour `append'. je ne connais pas la syntaxe de append donc un petit coup de palluche serait le bienvenue.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#1200
bernadette (Admin)
Admin
Posts: 638
graph
User Online Now Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 23  
A première vue, il y a des espaces après les \
Le backslash doit vraiment être le dernier caractère de la ligne.

Bernadette
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#1213
Julien (User)
Expert Boarder
Posts: 102
graphgraph
User Offline Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 7 Months ago Karma: 3  
Pour appeler la class question je procède ainsi.

Code:

\statement{ <div class="question"> nkzndcemc</div> freqfqe <br>}
Est-ce ainsi qu'il faut procéder ????
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#1556
Julien (User)
Expert Boarder
Posts: 102
graphgraph
User Offline Click here to see the profile of this user
Re:Feuille de style CSS 14 Years, 4 Months ago Karma: 3  
Le code qui fonctionne est le suivant :
Le fichier main.phtm contient:
Code:

!set style=!record 0 of style.css !set graph=!record 0 of graph.css !set wims_html_header=!append line $style $graph to $wims_html_header
Les fichiers css style.css et graph.css doivent commencer et finir par ce bout de code.
Code:

<style type="text/css"> .question { margin : 10px; padding : 10px; background-color : #0f0; -moz-border-radius : 0 10px 0 10px; border: 2px solid #990000; text-indent:30px;/* decalage de la première ligne */ text-align:justify;/* texte justifié */ } .consigne { background-color: #3ba9ed; padding: 30px; margin: 0px; -moz-border-radius : 0 40px 0 40px;/* Les bordures arrondies */ border: 2px solid #990000; text-align:justify;/* texte justifié */ text-indent:30px;/* decalage de la première ligne */ } </style>
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
Go to top Post Reply
Powered by FireBoardget the latest posts directly to your desktop
© 2024 WimsEdu
Joomla! est un logiciel libre distribué sous licence GNU/GPL.