placer deux photos de chaque coté de la banniere

[laroute]

bonjour

pour les dix ans de notre forum j'aurai aimé placer une photo (gateau d'anniversaire)de chaque coté de la banniere comme pour noel j'avais mis un pere noel

pouvez vous m'expliquer comment fait on avec tous mes remerciements

[Invité]

Hello laroute,

Ton logo à une hauteur de 177px il faut donc avoir une hauteur identique pour les images de gâteau d'anniversaire.
Je t'ai fait un exemple afin que tu puisses voir et modifier celles déposées dans le script en t'aidant des commentaires.

Attention a bien laisser les ''

Code:


//LE LIEN DE L IMAGE DU GATEAU A GAUCHE HAUTEUR MAXI 177PX
var M14_CAKELEFT='https://i.servimg.com/u/f87/11/26/21/37/gateau10.jpg';
//LE LIEN DE L IMAGE DU GATEAU A DROITE HAUTEUR MAXI 177PX
var M14_CAKERIGHT='https://i.servimg.com/u/f87/11/26/21/37/gateau10.jpg';


L'image de gauche sera collée à la bordure gauche du forum.
L'image de droite sera collée à la bordure droite du forum.

Si tu désires décaler de quelques pixels , il faudra le faire respectivement ici:
changer la valeur 0 du left et du right

Code:


$('img[id="i_logo"]').closest('a').before('<img src="'+M14_CAKELEFT+'"style="position:absolute;left:0px;"/>');
$('img[id="i_logo"]').closest('a').after('<img src="'+M14_CAKERIGHT+'"style="position:absolute;right:0px;"/>');


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur les sous forums.


Déposes ceci:

Code:


$(function(){
//LE LIEN DE L IMAGE DU GATEAU A GAUCHE HAUTEUR MAXI 177PX
var M14_CAKELEFT='https://i.servimg.com/u/f87/11/26/21/37/gateau10.jpg';
//LE LIEN DE L IMAGE DU GATEAU A DROITE HAUTEUR MAXI 177PX
var M14_CAKERIGHT='https://i.servimg.com/u/f87/11/26/21/37/gateau10.jpg';
$('img[id="i_logo"]').closest('a').before('<img src="'+M14_CAKELEFT+'"style="position:absolute;left:0px;"/>');
$('img[id="i_logo"]').closest('a').after('<img src="'+M14_CAKERIGHT+'"style="position:absolute;right:0px;"/>');
});




Penses a cliquer sur le bouton VALIDER

a++

[laroute]

bonjour

merci milouze14 pour ton aide

je suis un peu faible en informatique , tu parles pour les pixels de jouer avec la valeur 0 a quoi correspond cette valeur et comment la changer

une autre question peut on changer l'image par une autre comme celle ci et si moi je peux le faire



@+

[Neptunia]

Bonjour ^^


Il suffit de changer les valeurs de M14_CAKELEFT (image gauche) et M14_CAKERIGHT (image droite)


Pour rappel :

Ton logo à une hauteur de 177px il faut donc avoir une hauteur identique pour les images de gâteau d'anniversaire.

[laroute]

bonjour neptunia

merci pour ta reponse

comment fait tu pour changer les valeurs left: 0 px et right : 0 px
ala place du 0 faut il mettre 177

[Neptunia]

Non, ces valeurs servent à décaler l'image du bord de l'écran.


Pour voir leur effet, le mieux est d'essayer par toi même.
Dans le script fourni par Milouze, remplacer :

Code:

$('img[id="i_logo"]').closest('a').before('<img src="'+M14_CAKELEFT+'"style="position:absolute;left:0px;"/>');

par :

Code:

$('img[id="i_logo"]').closest('a').before('<img src="'+M14_CAKELEFT+'"style="position:absolute;left:25px;"/>');

Et tu verras toi-même ce que cela donne.

[laroute]

bon j'ai essayé effectivement cela decale l' image , ce que je voudrais c'est de mettre une de mes images a la place de celles de milouze14 cest celle ci je voudrais placer et comment je peux faire svp

[Neptunia]

Utiliser ce script !

Code:

$(function(){
//LE LIEN DE L IMAGE DU GATEAU A GAUCHE HAUTEUR MAXI 177PX
var M14_CAKELEFT='https://i.servimg.com/u/f85/14/19/26/38/on-off12.jpg';
//LE LIEN DE L IMAGE DU GATEAU A DROITE HAUTEUR MAXI 177PX
var M14_CAKERIGHT='https://i.servimg.com/u/f87/11/26/21/37/gateau10.jpg';
$('img[id="i_logo"]').closest('a').before('<img src="'+M14_CAKELEFT+'"style="position:absolute;left:0px;"/>');
$('img[id="i_logo"]').closest('a').after('<img src="'+M14_CAKERIGHT+'"style="position:absolute;right:0px;"/>');
});

Ici j'ai remplacé l'image de gauche par la vôtre.
Le script comporte deux liens commençant par https entre guillemets. Il suffit de remplacer l'un et/ou l'autre lien (en conservant les guillemets)

P.S. Milouze préconisait de placer le script sur les sous-forums. Si les images doivent apparaître n'importe où sur le forum, il conviendra de cocher "Sur toutes les pages".

[laroute]

cela fonctionne merci a vous deux de m'avoir aider