Étant dans une impasse j'ai pris la solution de créer un album privé en aillant retailler mes photos toutes à la même taille.
Seulement ça n'est encore pas parfait.
Si je souhaite un cadre autour, le filet n'est pas à droite ni en dessous de l'image. pourtant j'ai pris le code de base "Standalone homepage" et n'ai changer que la couleur du filet
.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#f60;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
voila ce que ça donne
en mettant un cadre dans la ligne [b].myHomePage_photo[b] tout le bloc se décale sans raison vers la gauche
.myHomePage_photo {max-width:793px; text-align: center; margin:50px 0 20px 0; border-width:12px; border-style:solid; border-color:#fff;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#000;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
voila ce que ça donne
La ligne du diaporama est dans les 2 exemples
<a href="index.php?/categories">[slider album=62 nb_images=10 random=no list=no speed=3 size=M title=no effect=no arrows=no control=no elastic=no]</a>
et la taille M est réglée à 793 x 340 pixels...
et pas mieux comme ça puisque le footer est déplacé trèèèès bas
.myHomePage_photo a img {border-width:1px;max-width: 980px !important; max-height: 250px !important; border-style:solid; border-color:#666;}
bon je tenterais encore demain sinon faudra le faire à l'arrache en faisant un album privé avec les photos retaillées en dur
mais j'ai bien laissé la ligne de cette façon
.myHomePage_photo a img {border-width:1px; max-width: 980px: max-height: 250px; border-style:solid; border-color:#666;}
et donc faut remettre le max-width: 980px, mettre les tailles pour tous les blocs avec l'arguments !important
enfin bref, lire notre Doc sur le CSS et l'appliquer avec les outils indiqués
voila ce que ça donne en mettant des images plus grandes sans rien changer d'autre (sauf la bordure remise à 1, bien que je ne comprends pas en quoi ça change la taille de l'image)
j'ai même pas cherché à afficher le CSS : j'ai vu direct la bordure, j'ai compris... c'ets la bordure de 5 px qui décale, ça se voit bien
Outre ça, vos images font 576 px max de largeur donc "max-width: 980px: max-height: 250px;" ça ne sert à rien
le code actuel est
.myHomePage_photo a img {border-width:5px; max-width: 980px: max-height: 250px; border-style:solid; border-color:#666;}
et voila ce que ça affiche
http://zwoofff.piwigo.com/
un lien ?
Je viens d'essayer ...
pas mieux snifff
c'est normal il faut utiliser max-width / max-height
Je vais essayé de me ré expliquer
Merci par avance pour votre patience.
Je souhaite avoir sur ma page une fenêtre de 980x280px dans laquelle défilerait les photos même si elles font d'origine Plus de 2500px de côté.
C'est un peu ce que fait la vignette carré qu l'on peut selectionner dans Configuration > Options > Taille de l'image.
Aujourd'hui si je mets height: 280px; width: 980px; dans .myHomePage_photo a img, l'image est déformée comme tirée en longueur...
je ne comprends pas du tout le soucis ni ce que vous dites dans le dernier message
vous avez le paramètre "size=S" et vous pouvez toujours mettre un attribut max-width:XXXpx; sur .myHomePage_photo a img
j'ai essayé en modifiant.myHomePage_photo et .myHomePage_photo
mais ça ne marche pas bien. ça deforme les images par ne créé pas une fenetre par laquelle on vois les images comme cela se fait en choisissant la taille "carré" dans taille des images...
Bonsoir,
En fait c'est un diaporama qui est creé avec le code trouvé ici pour la page d'accueil
avec ce code :
<p>
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none }
.content {max-width:1080px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}
.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:5px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_links2 a {letter-spacing:2px; color: #ff6702; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;} </style>
</p>
<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories">[slider album=10 nb_images=10 random=yes size=S speed=3 title=no effect=no arrows=no control=no elastic=no]</a></div>
<div class="myHomePage_links">
<a href="index.php?/categories" style="color: #ff6702;">Cliquez sur l'image pour voir les albums</a> ● <a href="http://zwoofff.com">Retour vers le blog Zwoofff</a></td></div>
<div class="myHomePage_name">
by Zwoofff.com</div>
</div>
Bonjour
ça dépend de quel diaporama vous parlez ? un lien ?