Code HTLM et CSS

Fermé
etudiantecom Messages postés 2 Date d'inscription mardi 11 novembre 2014 Statut Membre Dernière intervention 11 novembre 2014 - 11 nov. 2014 à 00:22
etudiantecom Messages postés 2 Date d'inscription mardi 11 novembre 2014 Statut Membre Dernière intervention 11 novembre 2014 - 11 nov. 2014 à 11:48
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

A voir également:

2 réponses

telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
11 nov. 2014 à 03:54
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 ?
0
etudiantecom Messages postés 2 Date d'inscription mardi 11 novembre 2014 Statut Membre Dernière intervention 11 novembre 2014
11 nov. 2014 à 11:48
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); });
0