Batch Index du Forum
S’enregistrerRechercherFAQMembresGroupesConnexion
Répondre au sujet Page 1 sur 1
[HTML + CSS + JS] La géologie
Auteur Message
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Salut,
j'inaugure la section "DHTML" avec quelque-chose que j'ai commencé il y a un certain temps, comme je ne suis pas vraiment doué en CSS (encore pire en JS), j'en profite pour essayer de m'améliorer.

C'est très simple, je vais créer moi-même ce que j'avais en partie fait sur CMS gratuit (et hébergement gratuit) http://fr.expo-cn.wikia.com/ mais en mieux, en BEAUCOUP mieux, au lieu de faire une page pour chaque caillou de ma collection, je vais faire une page par famille de roches (roches volcaniques, roches plutoniques, roches sédimentaires, roches métamorphiques, gemmes, et le reste).
Et des pages traitant d'autres aspects de la géologie (dérive des continents, structure de la terre, etc).

C'est vraiment un sujet qui me passionne (et c'est aussi une partie du programme que presque tous les lycéens détestent, je sais pas pourquoi).

[Petite histoire]
Tout cela est fait pour le Club Nature (lien Vickypédia pour voir ce qu'est le Club Nature)
Vickypédia, du nom du chien de mes grands parents, est un site fonctionne un peu comme Wikipédia, sauf que mon cousin et moi y mettons ce que nous ne pouvons pas mettre sur Wikipédia à cause du faible intérêt et/ou du fait que ce sont des travaux personnels, ces articles seraient supprimés dès le lendemain par un admin de Wikipédia...
/!\ Les autres pages du site Vickypédia sont assez... bizarres... ne prêtez pas attention à ce qui ne parle pas du club.
Bref je disais que je faisais ce projet DHTML pour ce club, mais la collection m'appartient bel et bien (elle est composée de mes propres cailloux).
[/Petite histoire]

Le projet est disponible sur http://hugoland.fr/CN/geol et n'est pas du tout fini.

Niveau sources, faites clic droit > "voir le code source" et tout y est Okay (car je ne me sers pas de PHP, donc toutes les sources sont explicites)

J'espère que ce projet vous plaît! Mr. Green




______________________________________________________
Cordialement,
Hugo, qui adore programmer, jouer à Minecraft, ZT2 et FSX.
Boutons-liens :
Visiter le site web du posteur Skype
Message Publicité 
PublicitéSupprimer les publicités ?


Répondre en citant
Message [HTML + CSS + JS] La géologie 
Si besoin n'hésite pas j'ai 2 parents géologues Mr. Green




______________________________________________________
Contacte moi par Twitter ou par mail Smile
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Ouh là dans ce cas j'ai pas intérêt à faire d'erreur sur le site Laughing
Merci Okay




______________________________________________________
Cordialement,
Hugo, qui adore programmer, jouer à Minecraft, ZT2 et FSX.
Boutons-liens :
Visiter le site web du posteur Skype
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Yop, bien pour un début Smile

Ce que je peux te conseiller, c'est l'animation du début, ce que tu pourrais garder, c'est la première partie de l'animation (celle qui fait de gauche a droite en haut) puis tu le fixes pour qui restent en haut à droite, je pense que ça pourrais etre pas mal et pas si compliquer

Et aussi, pour eviter d'encombrer la page, evite de mettre genre "Pensez à activer JavaScript depuis les paramètres de votre navigateur pour voir correctement la page." mais fait plutôt une conditions pour savoir si JavaScript est activé (faut chercher :3) #esthétique
Mais franchement, bravo pour un début Wink

Cordialement, AntoZzz




______________________________________________________
Visiter le site web du posteur Skype
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Merci Wink




______________________________________________________
Cordialement,
Hugo, qui adore programmer, jouer à Minecraft, ZT2 et FSX.
Boutons-liens :
Visiter le site web du posteur Skype
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Pas mal Okay Mr. Green

Par contre ça c'est pas très propre je trouve :
Code:
[lang=html4strict]<script>
// Animation : pour cacher le carré à la fin des 7sec
function cht() {
    document.getElementById('cht').style.display = 'none';
};
setTimeout(cht, 7000);
</script>


Pourquoi ne pas le faire directement depuis le css ?

Petit exemple :
**J'ai un peu repris ce que tu as mis Okay
Code:
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <style>
      @keyframes cht {
        0% {
          background-color: black;
          left: 25%;
          top: 25%;
         visibility: visible;
        }
        25% {
          background-color: grey;
          left: 75%;
          top: 25%;
         visibility: visible;
        }
        50% {
          left: 75%;
          top: 75%;
         visibility: visible;
        }
        75% {
          background-color: green;
          left: 25%;
          top: 75%;
         visibility: visible;
        }
        100% {
          left: 25%;
          top: 25%;
         visibility: visible;
        }
      }
   
      #cht {
        position: fixed;
        width: 100px;
        height: 100px;
        background-color: black;
        font-family: Arial;
        color: green;
        font-weight: bold;
        font-size: 20pt;
        text-align: center;
        text-shadow: #000 0px 0px 2px;
        animation: cht 7s;
        visibility: hidden;
      }
    </style>
  </head>
  <body>
    <div id="cht">Club<br /><br />Nature</div>
  </body>
</html>





______________________________________________________
la vie est trop courte pour retirer le périphérique USB en toute sécurité...
Si la statue de la liberté lève le bras depuis 125 ans, c'est parce qu'elle cherche du réseau sur son Blackberry Torches...
Grâce à mon nouveau correcteur automatiste sur mon téléphage, je ne fais plus aucune faute d'orthodontie.
Quelqu'un a t il déjà demandé au drapeau japonais ce qu'il enregistre depuis tout ce temps ?
Visiter le site web du posteur
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Le site passe (assez) bien avec Lynx :

(bon, les accents se barrent mais ça marche)


(pas d'images en mode texte/console, les boutons sont mal affichées)




______________________________________________________
Partager permet le savoir. Le savoir permet de partager de nouveau savoirs.
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Flammrock a écrit:

Pourquoi ne pas le faire directement depuis le css ?

animation: cht 7s;

Merci, je ne connaissais pas ce truc Okay


Par contre TS, c'est quoi ton navigateur internet bizarre qui n'affiche rien? Shocked
Par ce que là, ça fait (presque) "Nooooon, mon beau site qui était si beauuuuu... *snif* Il est devenu tout griiiiis avec que du teêêexte!! Crying or Very sad Crying or Very sad Crying or Very sad " Laughing




______________________________________________________
Cordialement,
Hugo, qui adore programmer, jouer à Minecraft, ZT2 et FSX.
Boutons-liens :
Visiter le site web du posteur Skype
Répondre en citant
Message [HTML + CSS + JS] La géologie 
[quote="Hugo7"]
Flammrock a écrit:
Par contre TS, c'est quoi ton navigateur internet bizarre qui n'affiche rien? Shocked
Par ce que là, ça fait (presque) "Nooooon, mon beau site qui était si beauuuuu... *snif* Il est devenu tout griiiiis avec que du teêêexte!! Crying or Very sad Crying or Very sad Crying or Very sad " Laughing
C'est le navigateur internet que tu va utiliser quand ta carte graphique et ton processeur sont tellement mal au points qu'il ne peuvent plus que gérer le mode texte.




______________________________________________________
Partager permet le savoir. Le savoir permet de partager de nouveau savoirs.
Répondre en citant
Message [HTML + CSS + JS] La géologie 
Hors sujet
Ce qui voudrait dire que je ne pourrai plus jouer à un quelconque jeu, donc je changerai d'ordi, ou le ferai réparer Wink




______________________________________________________
Cordialement,
Hugo, qui adore programmer, jouer à Minecraft, ZT2 et FSX.
Boutons-liens :
Visiter le site web du posteur Skype
Message [HTML + CSS + JS] La géologie 


Montrer les messages depuis:
Répondre au sujet Page 1 sur 1
  



Index | créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Copyright 2008 - 2016 // Batch