Accueil arrow Forums
wimsedu le forum
Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?
Re:Feuille de style CSS (1 lecteur(s)) (1) Invité(s)
Aller en bas Répondre Ajouté aux favoris : 0
SUJET: Re:Feuille de style CSS
#159
Fred (Utilisateur)
Celfred.
Junior Boarder
Messages: 32
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin
Feuille de style CSS Il y a 16 Années, 3 Mois 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
 
 
Celfred.
  L'administrateur a désactivé l'accès public en écriture.
#160
bernadette (Admin)
Administrateur
Messages: 638
graph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 16 Années, 3 Mois 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
 
 
Dernière édition: 19-01-2008 à 11:32 Par bernadette.
  L'administrateur a désactivé l'accès public en écriture.
#1176
bernadette (Admin)
Administrateur
Messages: 638
graph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 6 Mois 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
 
 
Dernière édition: 31-10-2009 à 17:50 Par bernadette.
  L'administrateur a désactivé l'accès public en écriture.
#1195
Julien (Utilisateur)
Expert Boarder
Messages: 102
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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)}
 
  L'administrateur a désactivé l'accès public en écriture.
#1196
bernadette (Admin)
Administrateur
Messages: 638
graph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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
 
  L'administrateur a désactivé l'accès public en écriture.
#1197
bernadette (Admin)
Administrateur
Messages: 638
graph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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
 
 
Dernière édition: 03-11-2009 à 15:00 Par bernadette.
  L'administrateur a désactivé l'accès public en écriture.
#1199
Julien (Utilisateur)
Expert Boarder
Messages: 102
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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.
 
  L'administrateur a désactivé l'accès public en écriture.
#1200
bernadette (Admin)
Administrateur
Messages: 638
graph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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
 
  L'administrateur a désactivé l'accès public en écriture.
#1213
Julien (Utilisateur)
Expert Boarder
Messages: 102
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 5 Mois 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 ????
 
  L'administrateur a désactivé l'accès public en écriture.
#1556
Julien (Utilisateur)
Expert Boarder
Messages: 102
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:Feuille de style CSS Il y a 14 Années, 3 Mois 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>
 
  L'administrateur a désactivé l'accès public en écriture.
Revenir en haut Répondre
Développé par FireBoardObtenir les derniers messages directement sur votre PC
© 2024 WimsEdu
Joomla! est un logiciel libre distribué sous licence GNU/GPL.