MENU Le Forum Vive les rondes Connexion

Remplacer l'image de fond prédéfinie par une image perso???

49 ans Campagne Avesnoise 8546
J'ai choisi la template Iceberg, mais je voudrais remplacer l'image de l'iceberg par une image que j'ai créée.

J'ai mis mon image dans l'album "c'est moi qui l'ai fait", j'ai remplacé  
le lien de l'image iceberg par le lien de mon image, mais ça marche pô :(

Z'avez pô une idée? Sioupléèèè!
49 ans Campagne Avesnoise 8546
Euh, petite précision, j'y connais rien moi en html. :oops:
44 ans Au pied de la Sainte Victoire (13) 693
par défaut dans ta templace iceberg, tu as ces quelques lignes:

td.leftside {
background-color: #FFFFFF;
background-image: url(http://www.vivelesrondes.com/images/templates/iceberg_iceberg.jpg);
background-repeat: no-repeat;
background-align: right;
padding: 10px;
padding-top: 15px;
text-align: justify;
border: 5px solid #CCCCCC;
}

remplace l'url par celle ou est ton image de fond et le tour sera jouer
ton image "iceberg" sera remplacé comme de par magie
;)
bisous misstinguette
49 ans Campagne Avesnoise 8546
Merci Leez, mais c'est bien ce que j'avais fait et ça marche pô quand même.

Je me demande si c'est pas parce que sur la page de l'album il n'y a pas QUE l'image : http://www.vivelesrondes.com/forum/photo_4214.htm et quelle ne fini pas par .jpg comme celle de l'image de l'iceberg.

Pfiou, c'est pô facile! (mais le pire, c'est que j'arrête pas de me triturer les neurones avec cette histoire :roll: )
44 ans Au pied de la Sainte Victoire (13) 693
il faut en effet que ton url aille vers l'image elle meme et non pas sur la page de l'image

http://www.vivelesrond...orum/album_pic.php?pic_id=4214

remplace donc dans ta template avec cette url la :D

background-image: url(http://www.vivelesrondes.com/forum/album_pic.php?pic_id=4214);

sinon, enregistre la dans tes images dans ton espace sur le blog
une fois qu'elle figure dans la liste, clik sur le lien et releve l'adresse que tu remplace dans la template comme indiqué ci dessus
et tu auras un joli nounours en fond d'écran ;)
49 ans Campagne Avesnoise 8546
:multi: :multi: :multi: YESSSSS!!!:multi: :multi: :multi:


Ca marche! Tu es mon hérïne ma Leez!

Trop cool! :-*
49 ans Campagne Avesnoise 8546
Herlyd a écrit:
:multi: :multi: :multi: YESSSSS!!!:multi: :multi: :multi:


Ca marche! Tu es mon héroïne ma Leez!

Trop cool! :-*


Je suis tellement contente que j'en ai oublié une lettre :oops: :lol:
44 ans Au pied de la Sainte Victoire (13) 693
ravie d'avoir pu t'aider :D

c'est une chance que j'ai pas grand chose à faire cette apreme à mon taff lol ... ;)

:****
50 ans suisse 625
Leez a écrit:
ravie d'avoir pu t'aider :D

c'est une chance que j'ai pas grand chose à faire cette apreme à mon taff lol ... ;)

:****


lol... en effet parce que on à été passablement exigeante, mais le résultat et super et ça grâce à toi.....


Herlyd.... mignon ton nounours..... ;) ;) ;)
49 ans Campagne Avesnoise 8546
indo-fee a écrit:
Leez a écrit:
ravie d'avoir pu t'aider :D

c'est une chance que j'ai pas grand chose à faire cette apreme à mon taff lol ... ;)

:****


lol... en effet parce que on à été passablement exigeante, mais le résultat et super et ça grâce à toi.....


Herlyd.... mignon ton nounours..... ;) ;) ;)


Encore merci Leez et merci indo-fee :oops:

Malheureusement, je vais encore embêter mon monde :oops: :roll:

Maintenant que mon nounours est installé, je n'arrive pas à le centrer, j'ai pourtant cherché longtemps, mais pas moyen :?

Décidément, le langage html et moi... :(
44 ans Au pied de la Sainte Victoire (13) 693
alors alors ... qu'est ce que je peux te proposer?
dans ta template, rajoute cette ligne

td.leftside {
background-color: #FFFFFF;
background-image: url(http://www.vivelesrondes.com/images/templates/iceberg_iceberg.jpg);
background-position:center center;
background-repeat: no-repeat;
background-align: right;
padding: 10px;
padding-top: 15px;
text-align: justify;
border: 5px solid #CCCCCC;
}

j'en profite pour faire le tour de kelkes petites options qu'on peut modifier pour une image de fond :D
background-position:center center; (permet de gerer le positionnement de l'image. il peut prendre différent paramètres
[right|center|left] [top|center|bottom]
ex right bottom reviendrait à placer l'image à droite et en bas
center top à centrer l'image en haut
left top à mettre l'image en haut à gauche)

background-attachment:fixed; (fixe l'image de fond sur la page, le texte défile au dessus sans que l'image ne bouge)

background-repeat:no-repeat; (permet de gerer le nombre de répetition de la page
no-repeat: une seule occurence de l'image
repeat: l'image sera répeté sur tte la page
repeat-x : l'image sera répété uniquement sur une ligne
repeat-y: l'image sera répété uniquement sur une colone)

et voila voila pour les quelques astuces :D
bon blogage!
49 ans Campagne Avesnoise 8546
MERCI MERCI MERCI

Leez, tu es notre déesse du langage html :angel:
44 ans Au pied de la Sainte Victoire (13) 693
hihihi marchi marchi :D
je rajoute qd mm une petite précision pour le background-position
vu que je sais pas si c'était bien bien clair ...
il comprend en fait 2 paramètres
background-position: parametre1 parametre2
parametre1 permet de gerer l'image horizontalement. ses valeurs sont right ou center ou left (droite, milieu, gauche)
parametre2 permet de gerer l'image verticalement. ses valeurs sont top ou center ou bottom (haut, milieu, bas)

voila :D

Leez, à votre service
43 ans 4302
Ca n'a rien à voir mais elle est très jolie la dame de ton avatar leez :D
L
75 ans 7509
hihi je vais profiter des conseils de ce post :D
mici
B I U