Effet surbrillance sur une image survolée
Fermé
nistarok
Messages postés
304
Date d'inscription
vendredi 27 juillet 2012
Statut
Membre
Dernière intervention
18 avril 2023
-
1 sept. 2014 à 20:38
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 6 sept. 2014 à 11:12
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 6 sept. 2014 à 11:12
A voir également:
- Effet surbrillance sur une image survolée
- Image iso - Guide
- Effet miroir word - Guide
- Comment agrandir une image - Guide
- Légender une image - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
3 réponses
mr_demonicon
Messages postés
828
Date d'inscription
dimanche 20 juillet 2014
Statut
Membre
Dernière intervention
9 avril 2016
126
Modifié par mr_demonicon le 1/09/2014 à 21:46
Modifié par mr_demonicon le 1/09/2014 à 21:46
par exemple
Bonne continuation et n'oubliez pas le risque zéro c'est dans vos rêves.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.imgBox
{
width: 441px;
height: 248px;
background: url([http://www.corelangs.com/css/box/img/water.jpg)no-repeat;]
}
.imgBox:hover
{
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
}
</style>
</head>
<body>
<div class="imgBox"> </div>
</body>
</html>
Bonne continuation et n'oubliez pas le risque zéro c'est dans vos rêves.
nistarok
Messages postés
304
Date d'inscription
vendredi 27 juillet 2012
Statut
Membre
Dernière intervention
18 avril 2023
23
4 sept. 2014 à 16:22
4 sept. 2014 à 16:22
merci demonicon !
Bon je sais que tu n"utilises pas joomla, et je dois traiter une 40 de photos.
Je me demande, il n'y aurait pas moyen de faire plus simple ? Genre créer une class " photo " en html et de rajouter ce code dans la feuille de css ?
Ah et un dernier truc, les navigateurs ont pas de problème à interpréter ce code ?
Thx !
Bon je sais que tu n"utilises pas joomla, et je dois traiter une 40 de photos.
Je me demande, il n'y aurait pas moyen de faire plus simple ? Genre créer une class " photo " en html et de rajouter ce code dans la feuille de css ?
Ah et un dernier truc, les navigateurs ont pas de problème à interpréter ce code ?
Thx !
mr_demonicon
Messages postés
828
Date d'inscription
dimanche 20 juillet 2014
Statut
Membre
Dernière intervention
9 avril 2016
126
6 sept. 2014 à 11:12
6 sept. 2014 à 11:12
les navigateurs n'auront aucun probleme car il y a un webkit et une adaptation mozilla pour les difference entre les navigateurs et tkt je fais attention au probleme de compabilité
nistarok
Messages postés
304
Date d'inscription
vendredi 27 juillet 2012
Statut
Membre
Dernière intervention
18 avril 2023
23
4 sept. 2014 à 22:47
4 sept. 2014 à 22:47
donc j'ai testé ça, et ça ne marche pas. Il ne me le retient pas en mémoire :
<p><a href="index.php/instrument/16-les-batteries-acoustiques-sous-cat">
<img src="images/batterie-acoustique-cat.jpg" border="0" alt="" /></a>
<style type="text/css">
.imgBox
{
width: 580px;
height: 300px;
background: url[(".../images/batterie-acoustique-cat.jpg")no-repeat;]
}
.imgBox:hover
{
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
}
</style>
</p>
Pour le CSS il ne s'insère pas comme ça, il faut le mettre dans la feuille de style qui est charrgée par la page.
Il me semble déjà vous avoir vu poster ici, il serait grand temps d'apprendre les bases de la création des pages web si vous en faites.
D'ailleurs que vous utilisiez un CMS ou n'importe quelle autre méthode cela est indispensable, le CMS permet d'utiliser des pages toutes faites(les templates) mais n'utilise pas des technologies différentes, il est beaucoup moins performant et efficace (qu'un site fait soi même) mais nécessite moins de connaissances, notamment en programmation et base de données.
Pour le reste c'est l'affichage et la mise en page d'une page, donc HTML et CSS qui sont beaucoup plus simple à utiliser que word.
Il me semble déjà vous avoir vu poster ici, il serait grand temps d'apprendre les bases de la création des pages web si vous en faites.
D'ailleurs que vous utilisiez un CMS ou n'importe quelle autre méthode cela est indispensable, le CMS permet d'utiliser des pages toutes faites(les templates) mais n'utilise pas des technologies différentes, il est beaucoup moins performant et efficace (qu'un site fait soi même) mais nécessite moins de connaissances, notamment en programmation et base de données.
Pour le reste c'est l'affichage et la mise en page d'une page, donc HTML et CSS qui sont beaucoup plus simple à utiliser que word.
mr_demonicon
Messages postés
828
Date d'inscription
dimanche 20 juillet 2014
Statut
Membre
Dernière intervention
9 avril 2016
126
6 sept. 2014 à 11:10
6 sept. 2014 à 11:10
la balise style se met dans le <head> svp
sinon tu met la class="photo" a tout tes objets et tu met .photo { tes parametres} et tu auras cet effet css sur toute
Bonne continuation et si tu as des problemes regarde les tutoriels sur le cs et html comme openclassroom et autres ^^.
Bonne journée
(et c'est pas vrai le truc avec word est plus facile qu'avec css et html car il faut un minimum de connaissance pour faire du html et le resultat n'est pas parfait alors qu'avec word tout est bien fait et y a pas de probleme
sinon tu met la class="photo" a tout tes objets et tu met .photo { tes parametres} et tu auras cet effet css sur toute
Bonne continuation et si tu as des problemes regarde les tutoriels sur le cs et html comme openclassroom et autres ^^.
Bonne journée
(et c'est pas vrai le truc avec word est plus facile qu'avec css et html car il faut un minimum de connaissance pour faire du html et le resultat n'est pas parfait alors qu'avec word tout est bien fait et y a pas de probleme
