code css

code css

par rym nour,
Nombre de réponses : 5

Bonjours  à tous

Comment  je peux  ajouter un code à ma page d’accueil moodle exemple le code suivant d’une galerie, qui compose de deux parties incertain   merci.

1

  1. Include gallery.css & gallery.theme.css
  1. <link rel="stylesheet" href="css/gallery.theme.css">

<link rel="stylesheet" href="css/gallery.min.css">

 

2

  1. Mark up your gallery
  1. <div class="gallery items-3">
  2.   <div id="item-1" class="control-operator"></div>
  3.   <div id="item-2" class="control-operator"></div>
  4.   <div id="item-3" class="control-operator"></div>
  5.  
  6.   <figure class="item">
  7. <h1>1</h1>
  8. </figure>
  10. <figure class="item">
  11. <h1>2</h1>
  12. </figure>
  14. <figure class="item">
  15. <h1>3</h1>
  16. </figure>
  18. <div class="controls">
  19. <a href="#item-1" class="control-button">•</a>
  20. <a href="#item-2" class="control-button">•</a>
  21. <a href="#item-3" class="control-button">•</a>
  22. </div>

</div>

Want your gallery to autoplay? Add the autoplay class!

<div class="gallery autoplay items-3">

 

Moyenne des évaluations  -
En réponse à rym nour

Re: code css

par Maroua MSK,

Bonjour rym ;

j'ai pas saisi vraiment votre question , mais si vous souhaitez ajouter un nouveau bloc galerie c'est facile juste dans l'ajout des bloc : choisir un bloc html et insérer votre code dedans ,

Autre méthode : dans la page d'accueil ajoutez un nouveau ressource ( après avoir activer le mode d'édition ), insérez un label et dans l'éditeur HTML taper votre code 

 

Maroua 

Moyenne des évaluations  -
En réponse à Maroua MSK

Re: code css

par rym nour,

Bonjours  atouts

Merci  Maroua j’ ai déjà essayé d’insérer le code précédant  sa ma donner juste des nombres

Surement  il me manque une certaine étape, je ne sais pas pourquoi le code est diviser en deux

partie, le lien du code http://benschwarz.github.io/gallery-css/#item-1 .

merci d'avance

Moyenne des évaluations  -
En réponse à rym nour

Re: code css

par Maroua MSK,

bonjour ; 

je pense le problème au niveau de  Style Css ..  d'après le code 

  1. <link rel="stylesheet" href="css/gallery.theme.css">

 je comprends que vous avez utilisé Les feuilles de style externe , cherchez un autre script avec CSS interne (avec le html ) 

 

Maroua

Moyenne des évaluations  -
En réponse à Maroua MSK

Re: code css

par amani zorgati,

bonjour maroua & rim sourire cœur

effectivement j'ai essayée un code html  intégrant  la feuille de style et ca marche 

 

voila le code (meteo) :

meteo

<div style="width:220px; height:150px;">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="220" height="150">
<param name="movie" value="http://swf.yowindow.com/yowidget3.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars" 
value="location_id=gn:2464915&amp;location_name=Sousse&amp;time_format=24&amp;unit_system=metric&amp;lang=fr&amp;background=#FFFFFF&amp;copyright_bar=false"
/>
<a href="http://WeatherScreenSaver.com?client=widget&amp;link=copyright"
style="width:220px;height:150px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url() no-repeat scroll 50% 50%;"
>Widget météo</a>
</object>
</div>
<div style="width: 220px; height: 15px; font-size: 14px; font-family: Arial,Helvetica,sans-serif;">
<span style="float:left;"><a target="_top" href="http://WeatherScreenSaver.com?client=widget&amp;link=copyright" style="color: #2fa900; font-weight:bold; text-decoration:none;" title="Widget météo">YoWindow.com</a></span>
<span style="float:right; color:#888888;"><a href="http://yr.no" style="color: #2fa900; text-decoration:none;">yr.no</a></span>
</div>

 

 

Moyenne des évaluations  -
En réponse à amani zorgati

Re: code css

par rym nour,

Bonjour,

Merci pour votre aide sourire

Le code météo marche bien, J'ai besoin d'un code pour ma page d'accueil qui permet d'afficher mes catégories supérieures sous forme des images animés .

merci à l'avance


Moyenne des évaluations  -