Comment modifier la forme du footer?

[mandrake]

Bonsoir,

Qui pourrait m'aider à trouver la solution afin de pouvoir modifier le bas de page (des bords carré vers des bords arrondis)
Merci par avance,

Cordialement,
Mandrake.

[Peha]

Bonjour

je te conseille de regarder tout simplement avec firbug comment sont fait les arrondis de ce forum, ou du thème par défaut de presta.
Et d'appliquer la même méthode.

Les arrondis sont fait avec des images mises en background des blocks.
Il y a plusieurs situations selon si le bloc en question a une taille fixe en px ou variable(ce qui peut devenir assez compliqué à gérer)

pa.

[mandrake]

Bonsoir Peha,

Merci pour ta réponse, voilà ce que j'aimerai pouvoir modifier (pièce jointe)
La taille du footer est fixe, mais la page change de taille selon le nombre de produits.
Je vais déjà regarder avec Firebug ce forum.
Si il y avait possibilité d'avoir le code et l'endroit à modifier (là j'utilise le module de SOtew, mais si il est impeccable pour le haut, le footer n'est pas intégralement couvert par l'image (j'ai une bordure basse et sur les côtés impossible pour moi à réduire à 0.
Sur l'image jointe: GRIS=background BLANC=bordures de ma page, ROUGE= image du footer insérée via le module footer de SOTew
Ce que je souhaiterai: que le rouge remplace le blanc du footer.
Cordialement,
Mandrake.

[Peha]

Je ne comprend pas pourquoi tu as besoin du module de sotEW dans ce cas ?
Il ne faut pas rajouter d'image dans le contenu de ta page, mais simplement en fond par le global.css.

#footer {

background-image : url('tonImage.jpg');

}

Pour des infos plus détaillés sur les css : http://www.alsacreations.com/tuto/lire/555-design-css.html

[mandrake]

Bonjour Peha,
Je te remercie pour ton assistance, j'ai testé ton code mais l'image n'apparaît pas, et le fond blanc de ma page disparaît au profit du background gris du site.
Merci pour le lien, je connaissais déjà le site, c'est toujours intéressant de s'y rendre pour améliorer ses connaissances.
Là je suis en stand-by pour ce fameux footer qui décidemment me pose un gros problème esthétique.
Bon week-end.
Cordialement,
Mandrake.

[Peha]

c’est toujours intéressant de s’y rendre pour améliorer ses connaissances.

Oui, et ces connaissances devraient surtout t'aider à résoudre ton problème.

Si l'image ne s'affiche pas, c'est sûrement à cause d'une mauvaise url de l'image (l'as tu mises dans un dossier img ? dans ce cas c'est 'img/ton_image.jpg') - regarde dans le thème par défaut comment (ou il y a beaucoup d'arrondis).
Tu peux mettre un fond de couleur en plus de l'image :

#footer{
background-image : url('...');
background-color : #XXX
}

[mandrake]

Bonsoir Peha,
Au risque de passer pour un beubeu, j'ai essayé mais cela ne fonctionne pas plus...
Je te précise que le module de SotEW est nécessaire pour mon haut de page, donc ma question est de savoir si c'est le module qui bloque ma manip ou est-ce moi qui ne corrige pas correctement le global.css....
En tout cas sympa à toi de m'avoir aiguillé!
Cordialement,
Mandrake.

[minirj01]

Ce que je souhaiterai: que le rouge remplace le blanc du footer.

Et en mettant une image rouge + grande ?

[mandrake]

Bonsoir minirj01,

Tu te doutes que c'est par là que j'ai commencé...

1)l'image rouge se décale vers la droite plus on l'élargit.
2) La marge blanche du bas reste telle quel...

Quel dommage d'être un magicien de renommée internationale et de ne même pas pouvoir placer une image correctement dans un css...

[minirj01]

Oui je m'en doutais : ) Pour placer l'image utilise le module cité (qui ne bloque aucune manip de mon coté), ensuite fais des corrections via firebug.
Avec une url ce serait + simple de t'aider.

[mandrake]

Bonjour,

J'ai tenté tout ce que je pouvais avec Firebug, mais c'est un flop...
Voici ce que cela donne quand l'image à placer en lieu et place du footer ( image en rouge insérée avec SotEW) est aux mêmes dimensions que le header (qui lui est placé parfaitement avec le module de SotEW)
Comme d'habitude, celui qui trouve la bonne manip aura droit au filet garni par la poste...
Je précise que le rectangle indiqué "haut de page" porte ce nom à cause du fait que c'est le calibre qui a servi au header de ma page.
Ci-joint 2 captures.
Cordialement,
Mandrake.

[minirj01]

Et sans passer par le module ?
Sinon envoie ton global.css pour tenter des modifs entre les lignes 852 et 867.

[mandrake]

ok minirj01,

Je l'envoie en M.P

Merci par avance!

PS: le global css a été modifié pour fonctionner en 3 colonnes de produits au lieu d'une seule...

[minirj01]

Salut, bien reçu.

La perturbation vient de la modification faite en ligne 185.
Supprime cette ligne.

Ensuite ligne 203:
- Ajoute un: " padding-left: 12px "
- Indique un: " padding-right: 6px " (ou bien indique: " 992px; " en ligne 183)

Ensuite ligne 212:
- Ajoute un: " padding-left: 12px "
- Indique un: " padding-right: 6px " (ou bien indique: " 992px " en ligne 183)

Ensuite entre lignes 857 et 858 ajoute une ligne:
" background: #red url(../img/titre_de_l'image.jpg) no-repeat scroll center top; "

Voilà qui réglera le décalage.
@+