Code HTLM et CSS Fermé

Question

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

newsletter

. 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 Configuration: Windows 7 / Mozilla 11.0

telliak · Answer

Salut, En somme, au vu du peu que que tu as fait (

), il faudrait faire ton devoir... Et si tu partais d'un modèle ?

etudiantecom · Answer

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); });

Code HTLM et CSS

2 réponses

Discussions similaires