MOSTAFA NAIM
Petit texte qui change au passage de la souris, c'est rigolo En mode source :
Ici le texte qui apparaitra à l'écran
http://flo-new.over-blog.com/6-categorie-10916228.html
Tu connais le rollover classique, mais si on jouait un peu pour en faire un autre? C'est très simple, tu survoles la photo pour la voir dans une taille différente, si tu veux rester dessus, clique la Thumb correspond à l'image miniature qui sera de 75x75 px Et grande à l'image en grand, qui sera elle de 600x700px tu peux bien entendu mettre beaucoup plus de photos, à toi de voir. Attention toutefois à ne pas alourdir ta page !! N'oublie cependant pas de changer les url des photos ! Le codage du HTML :
Un menu qui se déplie ça te tente? En voila un que je viens de mettre au point et ce sans prise de tête, une partie de HTML et une partie de CSS Partie 1 À mettre dans le HTML de ton article en n'omettant pas de changer les liens et les titres des boites
Tu peux évidement y mettre autant de boites que tu le désires, il te suffit de recopier à chaque fois le codage
cliquez sur l'image avec le bouton gauche de la souris pour l'agrandir et cliquez 2 fois dessus pour revenir a la miniature
Un tableau dont les cellules changent au survol de la souris - Cas n°1 Dans ce cas n°1, nous aborderons le tableau dont toutes les cellules ont la même couleur "au repos" et la même couleur au survol de la souris C'est moins difficile à réaliser qu'il n'y paraît. PREMIERE PARTIE : Vous collez en mode source le pavé suivant ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- Vous personnalisez ainsi : le lien normal : a.A { padding: 6px;border: 1px solid #3c4157; background-color: #d8e2ec ; color: #3c4157; } border: 1px solid #3c4157 : la bordure background-color: #d8e2ec : le fond color: #3c4157: la couleur de la police le lien au survol de la souris : a.A:hover {padding: 6px;border: 1px solid #d8e2ec ; background-color: #3c4157; color: #d8e2ec ; } Modifiez selon le même schéma que pour le lien normal. Le padding représente les marges intérieures, afin que l'encadrement ne soit pas collé au lien. A voir si besoin : les codes couleur les bordures - généralités DEUXIEME PARTIE : Vous collez en mode source, à la suite, le pavé suivant ------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- A personnaliser ainsi
devient par exemple
Si vous souhaitez que le lien s'ouvre dans une nouvelle fenêtre, vous rajoutez target="_blank", ce qui donne par exemple
Si vous avez besoin d'une ligne supplémentaire, vous rajoutez à la suite de :
la ligne suivante :
