Dans les anciennes versions d’Internet Explorer (IE6, IE7) l’affichage de vignettes centr\u00e9es, sur des sites RTL (Right to Left pour les sites en arabe par exemple) pouvait poser des probl\u00e8mes. Les anciennes versions d’Internet Exploreur ne peuvent pas utiliser le code 50% 50% pour centrer les \u00e9tiquettes, donc le code doit \u00eatre optimis\u00e9.
\n
\nRTL et affichage de vignettes (Thumbnails) RTL et l\u2019affichage de vignettes , ce qu’il faut modifier dans le composant Phoca Gallery de Joomla!. <\/p>\n
<\/p>\n
Dans les anciennes versions d’Internet Explorer (IE6, IE7) l’affichage de vignettes centr\u00e9es, sur des sites RTL (Right to Left pour les sites en arabe par exemple) pouvait poser des probl\u00e8mes. Les anciennes versions d’Internet Exploreur ne peuvent pas utiliser le code 50% 50% pour centrer les \u00e9tiquettes, donc le code doit \u00eatre optimis\u00e9.
\nPour cela, vous allez devoir faire quelques modifications sur certains fichiers :
\n 1. Ouvrez le fichier : components\/com_phocagallery\/views\/category\/view.html.php
\net trouvez le code
\n$imageBgCSSIE = ‘background: url(\\\u00a0\u00bb.JURI::base(true).’\/components\/com_phocagallery\/assets\/images\/’.$tmpl[‘displayimageshadow’].’.’.$tmpl[‘formaticon’].’\\’) ‘.$w.’px ‘.$h.’px no-repeat;’;
\net remplacez-le par
\n$imageBgCSSIE = ‘background: url(\\\u00a0\u00bb.JURI::base(true).’\/components\/com_phocagallery\/assets\/images\/’.$tmpl[‘displayimageshadow’].’.’.$tmpl[‘formaticon’].’\\’) 100% ‘.$h.’px no-repeat;’;
\n 2. Ouvrez le fichier : components\/com_phocagallery\/assets\/phocagalleryieall.css
\nTrouvez le code
\n.phocagallery-box-file-third {
\n position: relative;
\n top: -50%;
\n left:-50%;
\n padding-top:3px;
\n}
\net remplacez-le par :
\n.phocagallery-box-file-third {
\n position: relative;
\n top: -50%;
\n left:0;
\n padding-top:3px;
\n padding-right:9px;
\n padding-left:1%;<\/p>\n
}
\nCe guide fonctionne avec les tailles standard de vignettes. Le param\u00e8tre Recadrage vignette (Composant \u2013 Phoca Gallery \u2013 Param\u00e8tres \u2013 Onglet Principal) doit \u00eatre activ\u00e9. Si vous utilisez d’autres tailles de vignettes, vous devrez changer les attributs padding-right et padding-left.
\nSi vous utilisez plusieurs langues sur votre site (avec p.e. le composant Joomfish ou le syst\u00e8me propre \u00e0 Joomla \u2013 version 2.5) vous devez changer un langage RTL (Right to Left) et un second langage LTR (Left to Right), en suivant les modifications suivantes.
\n 1. Copiez en local (par FTP) le fichier : components\/com_phocagallery\/assets\/phocagalleryieall.css et renommez-le en phocagalleryieallrtl.css.
\n 2. Trouvez le code suivant :
\n.phocagallery-box-file-third {
\n position: relative;
\n top: -50%;
\n left:-50%;
\n padding-top:3px;
\n}
\net remplacez-le avec
\n.phocagallery-box-file-third {
\n position: relative;
\n top: -50%;
\n left:0;
\n padding-top:3px;
\n padding-right:9px;
\n padding-left:1%;
\n}
\n 3. Renvoyez-le (FTP) dans le dossier components\/com_phocagallery\/assets\/ de votre serveur.
\n 4.Ouvrez le fichier components\/com_phocagallery\/views\/category\/view.html.php
\nTrouvez le code:
\n$document->addCustomTag(\u00ab\u00a0<!–[if lt IE 8 ]>\\n<link rel=\\\u00a0\u00bbstylesheet\\\u00a0\u00bb href=\\\u00a0\u00bb\u00a0\u00bb
\n .JURI::base(true)
\n .\u00a0\u00bb\/components\/com_phocagallery\/assets\/phocagalleryieallrtl.css\\\u00a0\u00bb type=\\\u00a0\u00bbtext\/css\\\u00a0\u00bb \/>\\n<![endif]–>\u00a0\u00bb);
\net remplacez-le avec :
\nif ($document->direction == ‘ltr’) {
\n $document->addCustomTag(\u00ab\u00a0<!–[if lt IE 8 ]>\\n<link rel=\\\u00a0\u00bbstylesheet\\\u00a0\u00bb href=\\\u00a0\u00bb\u00a0\u00bb
\n .JURI::base(true)
\n .\u00a0\u00bb\/components\/com_phocagallery\/assets\/phocagalleryieall.css\\\u00a0\u00bb type=\\\u00a0\u00bbtext\/css\\\u00a0\u00bb \/>\\n<![endif]–>\u00a0\u00bb);
\n} else {
\n $document->addCustomTag(\u00ab\u00a0<!–[if lt IE 8 ]>\\n<link rel=\\\u00a0\u00bbstylesheet\\\u00a0\u00bb href=\\\u00a0\u00bb\u00a0\u00bb
\n .JURI::base(true)
\n .\u00a0\u00bb\/components\/com_phocagallery\/assets\/phocagalleryieallrtl.css\\\u00a0\u00bb type=\\\u00a0\u00bbtext\/css\\\u00a0\u00bb \/>\\n<![endif]–>\u00a0\u00bb);
\n}
\nTrouvez le code:
\n$imageBgCSSIE = ‘background: url(\\\u00a0\u00bb.JURI::base(true).’\/components\/com_phocagallery\/assets\/images\/’.$tmpl[‘displayimageshadow’].’.’.$tmpl[‘formaticon’].’\\’) ‘.$w.’px ‘.$h.’px no-repeat;’;
\net remplacez-le avec
\nif ($document->direction == ‘ltr’) {
\n $imageBgCSSIE = ‘background: url(\\\u00a0\u00bb.JURI::base(true).’\/components\/com_phocagallery\/assets\/images\/’.$tmpl[‘displayimageshadow’].’.’.$tmpl[‘formaticon’].’\\’) ‘.$w.’px ‘.$h.’px no-repeat;’;
\n} else {
\n $imageBgCSSIE = ‘background: url(\\\u00a0\u00bb.JURI::base(true).’\/components\/com_phocagallery\/assets\/images\/’.$tmpl[‘displayimageshadow’].’.’.$tmpl[‘formaticon’].’\\’) 100% ‘.$h.’px no-repeat;’;
\n}
\nMaintenant, les images devraient \u00eatres affich\u00e9es correctement en RTL et en LTR \u00e9galement.
\nSi vous utilisez modal box comme fen\u00eatre de d\u00e9tail et que votre modal box n’est pas centr\u00e9, essayez d’ajouter le code suivant dans le fichier phocagalleryieallrtl.css :
\n* html #sbox-window,
\n#sbox-window
\n{
\n margin:30%;
\n}
\nSi vous rencontrez un probl\u00e8me d’images qui \u00ab saute \u00bb au passage de la souris, essayez de d\u00e9sactiver la classe CSS suivante :
\n phocagallery-box-file:hover
\ndans components\/com_phocagallery\/assets\/phocagallery.css <\/p>\n
Joomla! 3 Le Livre Pour Tous<\/p>\n
E\u0301crit pour toutes les personnes qui de\u0301butent avec Joomla!, ou qui posse\u0300dent de\u0301ja\u0300 quelques connaissances avec les versions pre\u0301ce\u0301dentes, et qui souhaitent construire et entretenir un site web sans avoir a\u0300 entrer dans le code.<\/p>\n
version num\u00e9rique
\n{j2store}42||cart{\/j2store}<\/p>\n
version papier
\n{j2store}18||cart{\/j2store}<\/p>\n
Cr\u00e9dits photo
\nImage by Free-Photos from Pixabay<\/p>\n","protected":false},"excerpt":{"rendered":"
Dans les anciennes versions d’Internet Explorer (IE6, IE7) l’affichage de vignettes centr\u00e9es, sur des sites RTL (Right to Left pour les sites en arabe par exemple) pouvait poser des probl\u00e8mes. Les anciennes versions d’Internet Exploreur ne peuvent pas utiliser le code 50% 50% pour centrer les \u00e9tiquettes, donc le code doit \u00eatre optimis\u00e9.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-423","post","type-post","status-publish","format-standard","hentry","category-phoca-gallery"],"yoast_head":"\n