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

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 le 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

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 le 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
*****

Masculin
Messages : 899
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 le Mer 23 Avr 2014 - 1:33

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

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 le 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
+ Hyperactif +

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

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 le 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 ^^

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 le 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
+ Hyperactif +

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

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 le Mer 23 Avr 2014 - 16:56

Merci bien, sujet résolu !

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


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