Titre: Redimensionner un Slider
Posté par: ismael84 le le 07-05-2013 a 22:22:05
Bonjour,
J'ai un Slider avec 4 images sur mon site que je souhaiterai redimensionner mais j'ai peu de compétence en développement web, mon Slider a pour dimension 750*265 px et je souhaiterais le mettre a 900*200 px, pouvez vous m'aider svp?
Mon site web : http://www.evergetting.com (http://www.evergetting.com) |
Titre: Re:Redimensionner un Slider
Posté par: RichardM le le 07-05-2013 a 22:47:48
Bonjour,
dans: /skin/frontend/default/se105/css/
modifier le fichier: styles.css
à la ligne: 2001
modifier:
Code:
#slider {
position: relative;
height: 265px;
width: 750px;
z-index: 0;
overflow: hidden;
margin-bottom: 10px;
} |
|
Par:
Code:
#slider {
position: relative;
height: 200px;
width: 900px;
z-index: 0;
overflow: hidden;
margin-bottom: 10px;
} |
|
N'oubliez pas de retailler vos images, vous pouvez le faire avec le logiciel de retouches d'images fourni avec votre système d'exploitation (paint sous windows).
Et, n'hésitez pas à optimiser vos images en les compressant:
http://luci.criosweb.ro/riot/
Une fois téléchargé et installé, lancez-le. Choisissez le format de fichier qui correspond (.jpg ; .png ; .gif) puis cliquez sur "Compress to size", en bas à droite.
Pensez à ajuster les réglages, notamment pour du .png où vous devrez aller dans "Mask" et cocher "Keep transparency" si ce n'est pas déjà.
Vous pouvez répondre à ce sujet, ou me mp, ou m'envoyer un e-mail à: mongrolle.richard@gmail.com si vous désirez plus de conseils.
D'ailleurs, vous devriez activer la mise en cache, puisque ce n'est pas le cas.
Et optimiser vos images en les compressant! :)
Cordialement,
Richard M |
Titre: Re:Redimensionner un Slider
Posté par: ismael84 le le 08-05-2013 a 01:41:19
Bonjour
Merci beaucoup du temps que vous avez consacrez a jeter un coup d’œil a mon souci, j'ai finalement réussi a résoudre le souci, en modifiant les styles non pas dans le fichier css mais dans un block crée sous Magento |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|