🌍
Français
Pompon a écrit:
sur internet explorer 6.02 pas de cadre (pas plus sur la version initiale de phpwebgallery)
Ce qui ne fonctionne pas, c'est l'activation du cadre par survol de la soursi (:hover en langage technique) pour des objets autres que des liens.
Il y a des contournements possibles, mais que je n'ai pas eu le temps d'intégrer.
Il paraît que ça fonctionnera nativement avec IE7
<:o)
Re,
Voilà j'ai mis en place la modif de cadre sur le site de mon frère :
-> Exemple avec les cadres qui collent à la vignette
Testé correctement sur mac sur les navigateurs suivants : safari 2.0.3, firefox 1.5.0.3, opera 8.54, shiira 1.2.2, netscape 7.02.
Internet explorer pour mac est dans les choux (mais la version initiale de phpwebgallery a des soucis également).
En espérant que tout marche sur d'autres navigateurs, sur d'autres OS (c'est beau de rêver).
@+
EDIT : Testé sur pc sur firefox 1.5.03 pas de problème et sur internet explorer 6.02 pas de cadre (pas plus sur la version initiale de phpwebgallery) et un bug mais qui doit venir de mon intégration du mod news je pense.
Pompon,
Pourrait-on avoir un lien pour voir le rendu?
Une petite catégorie publique au besoin...
Merci.
8-)
J'avais loupé le post de Chris...
C'est effectivement ce que j'avais en tête, mais je n'avais pas les fichiers sous la main pour pouvoir être plus précis
Pompon a écrit:
Est-ce bon et pas trop tordus ?
Si ça fonctionne comme tu veux, c'est que c'est bon
De toutes façons, l'affichage des vignettes, c'est tordu pour ariver à quelque-chose de fluide et compatible avec IE et les autres navigateurs (a peu près) conforme aux normes W3C.
Cet exemple serait à reporter dans le wiki car il illustre parfaitement la production d'une présentation très différente avec un même code html, par simple modification des feuilles de style.
Idée à creuser : disposer d'une collection de présentations différentes pour les vignettes sur lesquelles les webmestres pouraient se baser pour construire leurs propres thèmes (css dédiée à inclure ?).
<:o)
PS. Pompon : un petit lien pour voir ce que ça donne ?
Merci de ta réponse chrisaga,
Tu m'as mis la puce à l'oreille et après quelques essais, j'ai réussi à obtenir ce que je voulais (cadre qui colle vraiment à la vignette en mode portrait et paysage et qui change de couleur lors du passage de la souris dessus):
Je fais une petite synthèse des manips à effectuer :
Dans le fichier content.css de chaque template remplacer (version 1.5.2) :
#content UL.thumbnails IMG {
margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/
}par (j'ai repris les couleurs initiales mais elles sont modifiables dans ce code):
#content UL.thumbnails IMG {
margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/
border: 1px solid #aaaaaa;
}
#content UL.thumbnails IMG:hover {
border-color: yellow; /* thumbnails border color when mouse cursor is over it */
}Ne pas oublier de mettre le "border" à zéro dans :
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}Et de règler l'espacement souhaité entre les vignettes dans la balise "width" :
/* Thumbnails customization */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
width: 128px; /* max thumbnail width + 2px */Est-ce bon et pas trop tordus ?
A partir de la 1.5, les miniatures sont présentées dans un cadre carré, style "planche de diapo".
Ca permet également un alignement correct dans les 2 dimensions.
Evidemment, il faut que la "diapo" soit plus grande que la miniature elle-même.
Si le cadre ne plait pas, on peut le masquer (épaisseur = 0)
Si l'on veut un cadre qui "colle" autour de la vignette, c'est autre chose, et il suffit de mettre un "border" à l'image.
On peut faire aussi quelques autres trucs un peu plus tordus, mais il faut faire attention à ne pas tout casser.
<:o)
Salut VDigital,
Les miniatures que j'utilise font 128*96 pour les paysages et 96*128 pour les portraits.
J'ai changé la valeur du width et height par 128 et 96. Le cadre est bon pour les paysages mais pas pour les portraits. En inversant les valeurs, les miniatures se chevauchent...
J'ai regardé la suite du content.ss mais je n'arrive qu'à obtenir la suppression du cadre (avec une valeur à 0 pour le border).
En m'inspirant de la version 1.4.1 et d'un topic sur la 1.6 (ici), je n'ai pas réussi davantage...
Je suis un peu largué ;-)
Taille de tes miniatures...?
Et qu'as-tu codé dans content.css à la place de
/* Thumbnails customization */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
width: 128px; /* max thumbnail width + 2px */
}
#content UL.thumbnails SPAN.wrap2 {
height: 128px; /* max thumbnail height + 2px */
}Bonjour,
Comme l'a dit shameleon les cadres des miniatures ne collent plus à l'image sur la version 1.5. Pour ma part je ne souhaite pas supprimer le cadre, j'ai regardé sur le forum et le wiki mais rien ne parle d'une solution afin d'éviter un cadre plus large pour les portraits par rapport aux paysages...
J'ai essayé de trifouiller le fichier content.css en vain. Si quelqu'un a une idée je suis preneur ;-)
@+
la seul solution que j'ai trouvé pour virer le cadre est de le mettre plus petit que la taille des photo comme ca il est caché par la photo et on le voie pas, ou tu met 1x1, j'ai pas encore essayé mais je pense que c'est encore le plus simple
justement, j'ai le même besoin: je n'ai pas besoin du cadre autour de la photo, comment peut-on faire pour l'enlever? j'ai vu que vdigital a modifié un template pour ce besoin, j'ai juste besoin des lignes de code et non du nouveau template (car j'ai changé deux-trois trucs et je ne veux pas les écraser).
merci ...
shameleon a écrit:
il est casi le meme en fait non ? :)
par contre les cadre on disparu on dirai ?
j'ai juste un petit soucis car le cadre de droite est moin large et il accepte
pas ma configuration par defaut qui est de 4 collone et 20 lignes, est-ce que
saurai me dire ce qui faut chager le temps qu'une personne se décide a faire un
yoda-dark qui prenne en charge les mignature correctement ?
dernière chose est-ce que l'on sais rajouter des truc come les news ou autres si je le désire ?
Le template que je t'ai envoyé marche très bien.
C'est un yoga-dark de la 1.5.0 modifié.
J'ai vu du 5 par 13 sur ta galerie, donc tout va bien, on est bien en 1.5.2 et c'est normal.
Comment ça les miniatures sont-elles déformées?
Quant à la dernière chose, tu vas savoir le faire toi-même et c'est ce qui compte, non?
Le template que je t'ai fourni peut être adapté par tes soins, la grande majorité des MOD pour la 1.5.x seront applicables.
8-)
j'ai un noveau probleme :(
j'ai juste rajoute le template de vdigital qui fonctionné j'ai rien changé et maintennt ca me met ce message
Warning: file_exists(): Unable to access /header.tpl in /var/www/sdb/1/5/shameleon.archives/gallerie/include/template.php on line 278
Template->make_filename(): Error - file /header.tpl does not exist
que faire ?
il est casi le meme en fait non ? :)
par contre les cadre on disparu on dirai ?
j'ai juste un petit soucis car le cadre de droite est moin large et il accepte
pas ma configuration par defaut qui est de 4 collone et 20 lignes, est-ce que
saurai me dire ce qui faut chager le temps qu'une personne se décide a faire un
yoda-dark qui prenne en charge les mignature correctement ?
dernière chose est-ce que l'on sais rajouter des truc come les news ou autres si je le désire ?