Code HTLM et CSS
etudiantecom
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
etudiantecom Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
etudiantecom Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en BTS communication et je dois réaliser une newsletter lundi (j'aimerais épater l'annonceur). ça fait un petit moment que je regarde les newsletter en HTLM mais n'en ayant jamais fait, c'est un peu galère (pas faute d'avoir regardé les tutos) . Je réussis seulement à mettre du texte avec le code <div> newsletter </div>. Ma newsletter doit être sur le thème du théâtre, j'avais pensé a mettre un rideau de théâtre qui s'ouvre sur la news lorsqu'on passe la souris dessus (avec un code CSS). Je ne sais pas si c'est possible? Si le poids de la news sera trop lourde ?
J'ai fait des tests de mes codages sur ccdesk.com que j'ai repris comme modèle mais la plupart ne marche pas.
Si quelqu'un pouvait m'aider et surtout à la patience et du temps ? Merci d'avance
Je suis en BTS communication et je dois réaliser une newsletter lundi (j'aimerais épater l'annonceur). ça fait un petit moment que je regarde les newsletter en HTLM mais n'en ayant jamais fait, c'est un peu galère (pas faute d'avoir regardé les tutos) . Je réussis seulement à mettre du texte avec le code <div> newsletter </div>. Ma newsletter doit être sur le thème du théâtre, j'avais pensé a mettre un rideau de théâtre qui s'ouvre sur la news lorsqu'on passe la souris dessus (avec un code CSS). Je ne sais pas si c'est possible? Si le poids de la news sera trop lourde ?
J'ai fait des tests de mes codages sur ccdesk.com que j'ai repris comme modèle mais la plupart ne marche pas.
Si quelqu'un pouvait m'aider et surtout à la patience et du temps ? Merci d'avance
A voir également:
- Code HTLM et CSS
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
2 réponses
Salut,
En somme, au vu du peu que que tu as fait (<div> </div>), il faudrait faire ton devoir...
Et si tu partais d'un modèle ?
En somme, au vu du peu que que tu as fait (<div> </div>), il faudrait faire ton devoir...
Et si tu partais d'un modèle ?
Oui je vais essayer de trouver un modèle simple . Mais j'aimerai vraiment mettre le rideau qui s'ouvre/se ferme pour me démarquer, j'ai trouvé cela en CSS :
http://yidille.free.fr/plux/valign/?010/Css-transitions
Propriétés utilisées :
:before,:after,box-shadow,transition:, linear-gradient,background-size, transform:rotate();
Ou Est-ce possible en HTLM?
En espérant avoir bien compris les tutos je dois mettre l'image du rideau mais du coup coupé en deux ? pour que chaque partie parte de son côté
< img src= »http://www.example.com/rideau1.jpeg»alt= »Rideau theâtre»>
< img src= »http://www.example.com/rideau2.jpeg»alt= »Rideau theâtre»>
Mais après pour le mouvement des rideaux je ne sais pas quel code utilisé.
Pour le mouvement du curseur lorsqu'il passe sur le rideau, ce dernier s'ouvre et lorsque le curseur s'enleve il se ferme :
$("#bloc").on("mouseenter", function () { $(this).stop().slideDown(2000); });
$("#bloc").on("mouseleave", function () { $(this).slideUp(2000); });
http://yidille.free.fr/plux/valign/?010/Css-transitions
Propriétés utilisées :
:before,:after,box-shadow,transition:, linear-gradient,background-size, transform:rotate();
Ou Est-ce possible en HTLM?
En espérant avoir bien compris les tutos je dois mettre l'image du rideau mais du coup coupé en deux ? pour que chaque partie parte de son côté
< img src= »http://www.example.com/rideau1.jpeg»alt= »Rideau theâtre»>
< img src= »http://www.example.com/rideau2.jpeg»alt= »Rideau theâtre»>
Mais après pour le mouvement des rideaux je ne sais pas quel code utilisé.
Pour le mouvement du curseur lorsqu'il passe sur le rideau, ce dernier s'ouvre et lorsque le curseur s'enleve il se ferme :
$("#bloc").on("mouseenter", function () { $(this).stop().slideDown(2000); });
$("#bloc").on("mouseleave", function () { $(this).slideUp(2000); });
