Ombre autour de mon image de fond, effet surélevé

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ombre autour de mon image de fond, effet surélevé

Message par thaom melcrudak Dim 20 Avr 2014 - 19:39

Bonjour ! J'utilise un JS afin d'avoir plusieurs bannières qui s'adaptent aux différentes résolutions. J'aimerais savoir s'il est possible d'ajouter une ombre, un effet surélevé autour de mes images de fond ? Aussi arrondir les coins ?  Ou dois-je utiliser un logiciel comme Gimp sur chacune de mes images avant de les installer?

Mercii Very Happy

Fondatrice / phpbb2 / css et templates modifiés / opera et/ou chrome / www.ildir.purforum.com

Voici mon JS

Code:
$(function(){

var bg= "http://nsa34.casimages.com/img/2014/03/30//140330030526541685.png";

if(screen.width < 801) bg="http://nsa34.casimages.com/img/2014/03/30//140330014138270712.png";
else if(screen.width < 1025) bg="http://nsa33.casimages.com/img/2014/03/30//140330014235677424.png";
else if(screen.width < 1281) bg="http://nsa34.casimages.com/img/2014/03/30//140330014346439584.png";
else if(screen.width < 1367) bg="http://nsa34.casimages.com/img/2014/04/20/140420074100776598.png";
else if(screen.width < 1601) bg="http://nsa33.casimages.com/img/2014/03/30//140330014718178498.png";

document.body.style.backgroundImage="url(\""+bg+"\")";

});


Dernière édition par thaom melcrudak le Mer 23 Avr 2014 - 16:57, édité 5 fois
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par stefou Mar 22 Avr 2014 - 10:32

Bonjour,
Sauf erreur de ma part, le code que vous donnez ne concerne pas les bannières mais les images de fond de votre forum...
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par thaom melcrudak Mer 23 Avr 2014 - 1:33

Oh en effet, je me suis mal exprimée !
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par Self Mer 23 Avr 2014 - 10:56

Bonjour,

Collez ce code dans votre feuille de style :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs >Feuille de style CSS)
Code:
#min-width:hover{
    box-shadow:0px 0px 10px 5px #fff inset;
    border-radius:20px;
}

Vous verrez l'arrondi des bords seulement sur l'ombre en bas, la toolbar passe par dessus l'ombre du haut Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par thaom melcrudak Mer 23 Avr 2014 - 15:24

J'aimerais que l'ombre et l'arrondi ne prenne effet que sur le bas, svp :DAussi est-ce possible de ne cibler que l'image en haut et pas tout l'index? Et pourquoi seulement en hover, peut-on le laisser en place en tout temps? Merci beaucoupp ! Smile

Si j'en demande trop, pardon à l'avance, je ne connais pas l'étendue des possibilités ^^
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par Self Mer 23 Avr 2014 - 15:58

Bonjour,

Non ce n'est pas possible.
Votre bannière étant en image de fond on ne peut pas appliquer l'ombre (ni les bords arrondis d'ailleur) à la hauteur de celle, seulement à la h'auteur du body.
Ce que vous pouvez faire c'est créer une autre image avec l'ombre et les bords arrondis et appliquer le CSS suivant :
Code:
body:hover{
    background-image: url('URL DE L IMAGE');
}

En remplaçant "URL DE L IMAGE" par l'adresse de la nouvelle image.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ombre autour de mon image de fond, effet surélevé

Message par thaom melcrudak Mer 23 Avr 2014 - 16:56

Merci bien, sujet résolu !
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum