Défendons nos droits et libertés en ligne avec des « Pi-xels » : soutenons La Quadrature du Net !
Connexion
One Laptop per Child Logo
Google Search
Google

Foire aux Questions 
Bienvenue dans la Foire aux Questions Dans cet espace de votre site, vous trouverez les réponses aux questions fréquemment posées, ainsi que les réponses à 'Comment fais-je' et les questions 'Le saviez-vous'. Merci de nous faire part de vos commentaires sur ces Q&R.
 Liste des catégories
Voici la liste des principales catégories et de leurs sous-catégories. Choisissez une catégorie pour voir les Q&R.
Catégorie Q&R Dernières Q&R publiées
 Xoops Core
FAQ sur le core de Xoops
0
 Thème Xoops
FAQ sur les thèmes
6
Editez la catégorie Morphogenesis FAQ sur le gabarit de thème
3 Modifier les effets de transition entre les changements de pages
Editez la catégorie Divers ... FAQ diverses non classables
3 Comment trouver des couleurs harmonieuses pour mon design ?
 Modules Xoops
FAQ sur les hacks de modules Xoops
3
Editez la catégorie Divers ... FAQ diverses non classables
1 Comment cloner les blocs de modules ?
Editez la catégorie Hacks Modules FAQ sur les hacks pour les modules
2 Ajout de Screenr dans le module MyTube
 Débutant Xoops
FAQ pour les débutants
5 Transférer son site
 Package "JsEffects"
FAQ sur l'utilisation des javascripts du package
28
Editez la catégorie Hacks Modules FAQ sur l'utilisation des scripts dans les modules
18 Utiliser Greybox sur les liens de modération du module News
Editez la catégorie Implémentation des scripts FAQ sur l'implémentation des scripts dans un site
5 Implémentation de GreyBox
Editez la catégorie LightBox FAQ sur l'utilisation du script LightBox
1 Utiliser LightBox sur son site grâce à ExtGallery
Editez la catégorie GreyBox FAQ sur l'utilisation du script GreyBox
1 Utiliser GreyBox sur son site grâce à ExtGallery
Editez la catégorie Hacks Core FAQ sur l'utilisation des scripts dans le core de Xoops
3 Profil d'un membre et effet GreyBox


 Dernières Q&R publiées
Ici, la liste des dernières Q&R publiées.
(1) 2 3 »
Demandé et répondu par Kris le 26-Jun-2010 00:12 (2668 Lectures)
Tutoriels vidéos sur http://tv.xoofoo.org

Modifications à apporter :

/***** language/yourlanguage/main.php *****/
ajouter à la ligne 212
define( '_MD_XTUBE_SCREENR', 'Screenr' );


et à la ligne 60
<strong>Screenr:</strong>value=\"i=<font color=#FF0000>mycodetoput</font>\" (see embed code)</small><br />

juste après
<strong>Mytube: </strong><font color=#FF0000>Take over from above selection menu</font></small><br />


/***** language/yourlanguage/admin.php *****/
ajouter à la ligne 507
define( '_AM_XTUBE_SCREENR', 'Screenr' );


et à la ligne 255
<strong>Yahoo:</strong>flashVars=\"id=<font color=#FF0000>mycodetoput</font>\"(see embed code)</small><br />


juste après
<strong>Screenr:</strong>value=\"i=<font color=#FF0000>mycodetoput</font>\" (see embed code)</small><br />


/***** admin/index.php *****/
changer / ajouter à la ligne 126
110 => _AM_XTUBE_YAHOO,
111 => _AM_XTUBE_SCREENR


/***** include/video.php *****/
ajouter sous la ligne 70
	case 111:
		  $returnsource = _AM_XTUBE_SCREENR;
		  break;


ajouter sous la ligne 130
		case 111:


ajouter sous la ligne 207
// Determine if video source is Screenr for publisher
		case 111:
			$publisher = '<a href="http://screenr.com/user/' . $publisher .'" rel="external">' . $publisher . '</a>';
			break;


add under line 327
// screenr		
		case 111:
			$showvideo = '<object width="560" height="345"><param name="movie" value=http://screenr.com/Content/assets/screenr_1116090935.swf" ></param><param name="flashvars" value="i=' . $vidid . '" ></param><param name="allowFullScreen" value="true" ></param><embed src="http://screenr.com/Content/assets/screenr_1116090935.swf" flashvars="i=' . $vidid . '" allowfullscreen="true" width="560" height="345" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed></object>';
			break;

0 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 25-Jun-2010 22:50 (2394 Lectures)
Ce tutoriel existe également en vidéos sur TV XooFoo

Modifications à apporter :

/***** language/french/main.php *****/
ajouter ligne 211
define( '_MD_XTUBE_YAHOO', 'Yahoo' );


et à la ligne 61
<strong>Yahoo:</strong>flashVars=\"id=<font color=#FF0000>mycodetoput</font>\"(voir le code embed)</small><br />

juste après
<strong>Viddler:</strong> http://www.viddler.com/player/<font color=#FF0000>d32d2b94</font>/ (Voir le code intégré)</small><br />


/***** language/french/admin.php *****/
ajouter à la ligne 506
define( '_AM_XTUBE_YAHOO', 'Yahoo' );


add line 255
<strong>Yahoo:</strong>flashVars=\"id=<font color=#FF0000>mycodetoput</font>\"(voir le code embed)</small><br />


juste après
<strong>Viddler:</strong> http://www.viddler.com/player/<font color=#FF0000>d32d2b94</font>/ (see embed code)<br />


/***** admin/index.php *****/
changer / ajouter ligne 125
109 => _AM_XTUBE_MEGAVIDEO,
110 => _AM_XTUBE_YAHOO


/***** include/video.php *****/
ajouter sous la ligne 67
	case 110:
		  $returnsource = _AM_XTUBE_YAHOO;
		  break;


ajouter sous la ligne 126
		case 110:


ajouter sous la ligne 179
		case 110:


ajouter sous la ligne 314
// yahoo 
     		case 110: 
			$showvideo = '<object width="512" height="322"><param name="movie" value="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46" /><param name="allowFullScreen" value="true" /><param name="AllowScriptAccess" VALUE="always" /><param name="bgcolor" value="#000000" /><param name="flashVars" value="' . $vidid . '" /><embed src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.46" type="application/x-shockwave-flash" width="512" height="322" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#000000" flashVars="id=' . $vidid . '" ></embed></object>';
			break;

0 Commentaires Imprimer la Q&R Envoyer la Q&R



Divers ... ]
Demandé et répondu par Kris le 17-Feb-2008 22:45 (4780 Lectures)

Tester le code source de vos pages n'est pas toujours efficace, car tous les navigateurs web du marché ne respectent pas les standards émis par le w3c. Il est donc nécessaire de tester vos sites sur plusieurs navigateurs. Voici (à ce jour) une liste des navigateurs les plus couramment utilisés sur lequel un site web devrait s'afficher correctement.

Ayez le réflexe Amaya

Des sites web pour tester vos pages sur plusieurs navigateurs

Dans la plupart des cas, il est assez simple de tester son site en étant sous Windows, à la fois pour Internet Explorer 7, Firefox 2, Opera 9, Safari 3 ou Netscape 9.
Cela se complique quand on souhaite avoir une compatibilité avec Internet Explorer 6 alors que l'on a Internet Explorer 7, car les deux navigateurs ne peuvent pas être installés en même temps sur votre machine ou que nous travaillons essentiellement sous linux, car Internet Explorer n'est disponible qu'avec la version 6 via une émulation approximative.

Il existe alors dans ce cas de figure, des sites web qui offrent la possibilité d'effectuer des captures d'écrans pour différents navigateurs web. Ces sites sont gratuits la plupart du temps, mais à la vue des temps d'attente pour que les captures d'écrans s'effectuent rapidement, des services payants ont fait leur apparition afin que vous ayez un contrôle total sur les captures à effectuer, dans ce cas là, l'accès aux différents navigateurs se fait via une machine distante.

Quelques liens à visiter :

Autres solutions logicielles

Si vous ne souhaitez pas utiliser d'application en ligne pour tester vos sites web, car comme énoncé précédemment, cela nécessite du temps et plusieurs captures d'écran, vous pourriez opter pour une solution virtuelle, qui consiste à utiliser des machines virtuelles. Il existe des programmes gratuits qui permettent d'installer un autre système d'exploitation et de l'exécuter depuis votre système courant.

La solution Labs.Xoofoo.org

Vous pouvez télécharger le Package "Browsers" sur Tutos.XooFoo.org dans la rubrique "Outils"


6 Commentaires Imprimer la Q&R Envoyer la Q&R



Divers ... ]
Demandé et répondu par Kris le 17-Feb-2008 21:01 (4154 Lectures)

Pour s'assurer que chacune des pages d'un site internet est codée selon les standards émis par le w3c, il est essentiel (et fortement recommandé) de faire valider ses pages web avec des programmes accessibles le plus souvent en ligne que l'on appelle "validateur". Il existe plusieurs sites permettant d'effectuer ces tests, la plupart utilisent les outils du w3c. Ces différents outils permettent notamment de valider le code x(HTML) de vos pages, ainsi que les feuilles de styles. Il existe également d'autres outils pour valider la syntaxe de vos fils rss (xml) ainsi que les normes d'accessibilités WCAG.

La déclaration DOCTYPE

Avant toute chose, le validateur doit connaître la spécification que vous utilisez (HTML 4.01, XHTML strict, etc) c'est pourquoi il est essentiel que vos pages comportent une déclaration DOCTYPE conforme. Pour en savoir plus, vous pouvez consulter l'excellent article de Pompage.net.

Quelques liens à connaître

Retrouvez encore plus de liens sur le site des webmestres du gouvernement québecois.

A lire également

3 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 24-May-2007 21:54 (9809 Lectures)

Utilisant le thème Morphogenesis depuis peu (merci kris et autres concepteurs de ce gabarit), j'ai voulu me pencher sur les transitions d'entrée et de sortie de page, car le choix des transitions utilisé par le modèle ne me plaisait pas entièrement (transition aléatoire).


Après quelques recherches sur le web voici ce que j'ai trouvé :



  • Ces transitions sont gérées par des filtres dynamiques (IE, Avant Browser, Crazy Browser, MyIE, Maxton ... mais pas Netscape sauf erreur de ma part).


Elles sont déclarées dans la partie "head" contenu dans le fichier theme.html de votre thème :


<!-- Pour la transition des pages --> <meta http-equiv="Page-Enter" content="revealtrans(duration=1, transition=23)" /> <meta http-equiv="Page-Exit" content="revealtrans(duration=1, transition=23)" />

Dans le modèle à disposition, c'est le type '23' qui a été retenu (transitions aléatoire). Il en existe en fait exactement 23, et peuvent être choisis, si l'un ou l'autre vous plait mieux. Il suffit pour cela de remplacer la valeur 23, par une autre valeur selon cette liste.

Et comme vous l'aurez deviné, la valeur correspondante assignée à la variable 'duration' peut aussi être modifiée pour agir sur la durée de l'effet.


Un autre filtre existe, il permet de passer d'une page à l'autre en 'fondu-enchainé'. Il s'agit de la commande blendTrans qui doit aussi être déclarée, comme le filtre précédent :


<!-- Pour la transition des pages -->

<meta http-equiv="Page-Enter" content="blendtrans(duration=1)" /> <meta http-equiv="Page-Exit" content="blendtrans(duration=1)" />

C'est cette possibilité que j'ai choisi pour mon site ici


A noter encore que ces transitions peuvent aussi être utilisées pour l'entrée ou la sortie de votre site, comme ceci :


  • Pour utiliser l'effet en entrée de page, mettez Page-Enter

  • Pour utiliser l'effet en sortie de page, mettez Page-Exit

  • Pour utiliser l'effet en entrée de site, mettez Site-Enter

  • Pour utiliser l'effet en sortie de site, mettez Site-Exit

Voilà, en espérant avoir publié la résolution de mon problème au bon endroit et que cela puisse aider l'un ou l'autre...


Note Kris : ceci est tiré d'un post sur le forum de Xoops France.


1 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 19-May-2007 01:02 (6241 Lectures)

Dans le gabarit "Mor.pho.GEN.e.sis", la case à cocher pour le "Remember me" a été retirée pour l'excellente raison que par mesure de confidentialité de nombreux navigateurs effaçent les cookies à leurs fermetures.
Toutefois, si vous désirez avoir cette fonctionalité, vous devez procéder comme indiquer ci-après :


  • Remplacer le code de "userbar.html" par celui-ci :

<div id="xo-userbar">

<{if !$xoops_isuser}>

<!-- menu en mode anonyme -->

<form method="post" action="<{xoAppUrl /user.php op=login}>">

<{$smarty.const._LOGIN}>&nbsp;

<input name="uname" type="text" />&nbsp;&nbsp;<input name="pass" type="password" />

<input type="hidden" name="xoops_redirect" value="<{$smarty.server.REQUEST_URI}>" />&nbsp;

<button type="submit"><img src="<{xoImgUrl /img/home.png}>" alt="<{$smarty.const._LOGIN}>" /></button>&nbsp;

<input id="remember"type="checkbox" name="rememberme" value="On" class ="formButton" title="Se rappeler de moi ?"/>&nbsp;Se rappeler de moi ?

</form>

&nbsp;&nbsp;+ <a href="<{xoAppUrl /register.php}>" class="register">Créer un compte !</a>

<{else}>

<!-- menu en mode enregistré -->

Bienvenue&nbsp;<a href="<{xoAppUrl /user.php}>" alt="Mon compte" title="Tout à propos de moi"><span id="xo-uname"><{$xoops_uname}></span></a>

<!--, nous sommes le <{$smarty.now|date_format:"%d %B %Y"}> si vous voulez afficher la date du jour il faut décommenter la ligne -->&nbsp;:

<{xoInboxCount assign=pmcount}>

<a href="<{xoAppUrl www/viewpmsg.php}>">

<!-- pour ma messagerie -->

<{if $pmcount}><!-- si j'ai des messages --><img src="<{xoImgUrl img/inbox-full.png}>" alt="(<{$pmcount}>) Messages" title="Vous avez <{$pmcount}> messages non lues" />

<{else}>

<!-- si je n'ai pas de message -->

<img src="<{xoImgUrl img/inbox.png}>" alt="Boîte de réception" title="Voir sa boîte de réception" /><{/if}></a>

<!-- fin de ma messagerie -->

<a href="<{xoAppUrl /notifications.php}>"><img src="<{xoImgUrl img/note_view.png}>" alt="Notifications" title="Voir ses notifications" /></a>

<a href="<{xoAppUrl /user.php}>"><img src="<{xoImgUrl img/profile.png}>" alt="Mon profil" title="Voir son profil" /></a>

<a href="<{xoAppUrl /search.php}>"><img src="<{xoImgUrl img/find.png}>" alt="Rechercher sur le site" title="Rechercher sur le site" /></a>

<{if $xoops_isadmin}>

<!-- lien supplémentaire si j'ai des droits d'administration de module -->

<a href="<{xoAppUrl /admin.php}>"><img src="<{xoImgUrl img/configuration.png}>" alt="Administration" title="Afficher la zone d'administration" /></a>

<!-- fin du lien supplémentaire -->

<{/if}>

<a href="<{xoAppUrl /user.php op=logout}>"><img src="<{xoImgUrl img/exit.png}>" alt="Déconnexion" title="Cliquez pour vous déconnecter" /></a>

<{/if}>

</div>


  • Apporter les modifications suivantes au fichier "style.css" :


Commenter ces lignes :

/*#xo-banner input {

color: #333;

width: 8em;

background-color: #E2E2E2;

margin: 0px 0px 0px 2px;

}*/

Et :

/*#xo-userbar input {

color: #333;

background-color: #c6c7c9;

}*/

Et ajouter celles-ci :

#xo-userbar input[type=text],#xo-userbar input[type=password], {

color: #333;

width: 8em;

background-color: #c6c7c9;

margin: 0px 0px 0px 2px;

font-size: 1.1em;

}

Les propriétés peuvent différer, seul les classes et sélecteurs sont importants



  • Pour le bloc de connexion, remplacer dans la surcharge du thème pour le module "system", le fichier "system_block_login.html", par :


<form style="margin-top: 0px;" action="<{$xoops_url}>/user.php" method="post">

<{$block.lang_username}><br />

<input type="text" name="uname" size="12" value="<{$block.unamevalue}>" maxlength="25" /><br />

<{$block.lang_password}><br />

<input type="password" name="pass" size="12" maxlength="32" /><br />

<input type="checkbox" name="rememberme" value="On" class ="formButton" /> Se rappeler de moi ?<br />

<input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>" />

<input type="hidden" name="op" value="login" />

<input class="xo-formbuttons" type="submit" value="<{$block.lang_login}>" /><br />

<{$block.sslloginlink}>

</form>

<a href="<{$xoops_url}>/user.php#lost"><{$block.lang_lostpass}></a>

<br /><br />

<a href="<{$xoops_url}>/register.php"><{$block.lang_registernow}></a>

2 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kilaam le 05-May-2007 21:57 (4541 Lectures)

Voici comment utiliser Greybox sur les liens "Éditer" et "Effacer" du modules News. Pour celà, nous allons modifier le fichier " class.newsstory.php" du dossier "class".


  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Remplacer ou commenter la ligne 509 :

$ret = "&nbsp;[ <a href='".XOOPS_URL."/modules/news/submit.php?op=edit&storyid=".$this->storyid()."'>"._EDIT."</a> | <a href='".XOOPS_URL."/modules/news/admin/index.php?op=delete&storyid=".$this->storyid()."'>"._DELETE."</a> ]&nbsp;";
  • Par celle-ci :

$ret = "&nbsp;[ <a title='Editer cet article' rel='gb_page_fs[]' href='".XOOPS_URL."/modules/news/submit.php?op=edit&storyid=".$this->storyid()."'>"._EDIT."</a> | <a rel='gb_page_fs[]' title='Effacer cet article' href=' ".XOOPS_URL."/modules/news/admin/index.php?op=delete&storyid=".$this->storyid()."'>"._DELETE."</a> ]&nbsp;";

En terminant, voici le fichier tout prêt disponible ici, pour la version News 1.53


6 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 03-May-2007 00:28 (3980 Lectures)

Dans les résultats d'une recherche d'un membre à l'aide du module "XoopsMembers", vous pouvez affichez le formulaire d'envoi d'un message privé ou le lien vers le site internet du membre dans une fenêtre avec un effet "GreyBox" (voir exemple avec une recherche "Kris" sur le Laboratoire XooFoo.org) à l'aide du package "JsEffects", il vous suffit de procéder aux modifications suivantes dans le fichier index.php de ce module :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Nous avons juste à modifier la ligne 353, comme ceci :
$userdata['pmlink'] = "<a href='(script removed)openWithSelfMain(\"".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$foundusers[$j]->getVar("uid")."\",\"pmlite\",450,370);'><img src='".XOOPS_URL."/images/icons/pm.gif' border='0' alt='".sprintf(_SENDPMTO,$foundusers[$j]->getVar("uname", "E"))."' /></a>";
  • Par :
$userdata['pmlink'] = "<a rel='gb_page_center[480, 370]' href='".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$foundusers[$j]->getVar("uid")."'><img src='".XOOPS_URL."/images/icons/pm.gif' border='0' alt='".sprintf(_SENDPMTO,$foundusers[$j]->getVar("uname", "E"))."' /></a>";

La fenêtre du popup GreyBox sera dans ce cas de 480 pixels par 370, vous pouvez modifier ces valeurs comme vous le désirez.
En cliquant sur le l'icône pour envoyer un message privé au membre à partir de la page de son profil, le formulaire de saisie s'affichera dans un popup avec un effet GreyBox.
Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.


  • Pour ouvrir le lien du site internet du membre dans une fenêtre avec un effet "GreyBox", nous devons remplacer la ligne 358 :
$userdata['website'] = "<a href='".$foundusers[$j]->getVar("url","E")."' target='_blank'><img src='".XOOPS_URL."/images/icons/www.gif' border='0' alt='"._VISITWEBSITE."' /></a>";
  • Par :
$userdata['website'] = "<a rel='gb_page_fs[]' href='".$foundusers[$j]->getVar("url","E")."'><img src='".XOOPS_URL."/images/icons/www.gif' border='0' alt='"._VISITWEBSITE."' /></a>";

Le lien de l'url (si présence) s'ouvrira dans une nouvelle fenêtre avec un effet GreyBox.

Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.


0 Commentaires Imprimer la Q&R Envoyer la Q&R



Hacks Core ]
Demandé et répondu par Kris le 02-May-2007 23:37 (4033 Lectures)

Pour ouvrir le lien du site web d'un membre dans son profil avec un effet "GreyBox" (voir exemple dans le profil de Kris sur Xoops Test Kris) avec le package "JsEffects", il vous suffit de procéder aux modifications suivantes :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Nous avons juste à modifier la ligne 97 du fichier "userinfo.php" à la racine de votre site, comme ceci :
$xoopsTpl->assign('user_websiteurl', '<a href="'.$thisUser->getVar('url', 'E').'" target="_blank">'.$thisUser->getVar('url').'</a>');
  • Par :
$xoopsTpl->assign('user_websiteurl', '<a rel="gb_page_fs[]" href="'.$thisUser->getVar('url', 'E').'" >'.$thisUser->getVar('url').'</a>');

Le lien de l'url (si présence) s'ouvrira dans une nouvelle fenêtre avec un effet GreyBox.
Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.




Pour ouvrir le lien d'envoi d'un message privé à un membre à partir de la page de son profil dans un popup avec un effet "GreyBox" (voir exemple sur le Laboratoire XooFoo.org) avec le package "JsEffects", il vous suffit de procéder aux modifications suivantes :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Nous avons juste à modifier la ligne 147 du fichier "userinfo.php" à la racine de votre site, comme ceci :
$xoopsTpl->assign('user_pmlink', "<a href=\"(script removed)openWithSelfMain('".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$thisUser->getVar('uid')."', 'pmlite', 450, 380);\"><img src=\"".XOOPS_URL."/images/icons/pm.gif\" alt=\"".sprintf(_SENDPMTO,$thisUser->getVar('uname'))."\" /></a>");
  • Par :
$xoopsTpl->assign('user_pmlink', "<a rel='gb_page_center[500, 370]' href='".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$thisUser->getVar('uid')."', 'pmlite';\"><img src=\"".XOOPS_URL."/images/icons/pm.gif\" alt=\"".sprintf(_SENDPMTO,$thisUser->getVar('uname'))."\" /></a>");

La fenêtre du popup GreyBox sera dans ce cas de 500 pixels par 370, vous pouvez modifier ces valeurs comme vous le désirez.
En cliquant sur le l'icône pour envoyer un message privé au membre à partir de la page de son profil, le formulaire de saisie s'affichera dans un popup avec un effet GreyBox.

Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.


2 Commentaires Imprimer la Q&R Envoyer la Q&R



Hacks Core ]
Demandé et répondu par Kris le 02-May-2007 01:16 (4607 Lectures)

Pour ouvrir la fenêtre "Recommandez-nous" du bloc "Site Infos " (Infos du site) du module "System" avec un effet "GreyBox" (voir exemple en page d'accueil de XoopsTestKris) avec le package "JsEffects", il vous suffit de procéder aux modifications suivantes :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Nous avons juste à modifier la ligne 263 du fichier "system_blocks.php" dans le module "System", comme ceci :
$block['recommendlink'] = "<a href=\"(script removed)openWithSelfMain('".XOOPS_URL."/misc.php?action=showpopups&amp;type=friend&amp;op=sendform&amp;t=".time()."','friend',".$options[0].",".$options[1].")\">"._MB_SYSTEM_RECO."</a>";
  • Par :
$block['recommendlink'] = "<a rel='gb_page_center[500, 300]' href='".XOOPS_URL."/misc.php?action=showpopups&amp;type=friend&amp;op=sendform&amp;t=".time()."','friend',".$options[0].",".$options[1].")\">"._MB_SYSTEM_RECO."</a>";

La fenêtre du popup GreyBox sera dans ce cas de 500 pixels par 300, vous pouvez modifier ces valeurs comme vous le désirez.
En cliquant sur le lien de recommandation du site dans le bloc, le formulaire de saisie s'affichera avec un effet GreyBox.

Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.


Pour ouvrir le lien d'envoi d'un message privé d'un des administrateurs (ou autres) dans un popup avec un effet "GreyBox" (voir exemple en page d'accueil de Xoops Test Kris) avec le package "JsEffects", il vous suffit de procéder aux modifications suivantes :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,
  • Nous avons juste à modifier la ligne 248 du fichier "system_blocks.php" dans le module "System", comme ceci :
$block['groups'][$i]['users'][] = array('id' => $userinfo['uid'], 'name' => $myts->htmlspecialchars($userinfo['uname']), 'msglink' => "<a href=\"(script removed)openWithSelfMain('".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$userinfo['uid']."','pmlite',450,370);\"><img src=\"".XOOPS_URL."/images/icons/pm_small.gif\" border=\"0\" width=\"27\" height=\"17\" alt=\"\" /></a>", 'avatar' => XOOPS_UPLOAD_URL.'/'.$userinfo['user_avatar']);
  • Par :
$block['groups'][$i]['users'][] = array('id' => $userinfo['uid'], 'name' => $myts->htmlspecialchars($userinfo['uname']), 'msglink' => "<a rel='gb_page_center[500, 370]' href='".XOOPS_URL."/pmlite.php?send2=1&amp;to_userid=".$userinfo['uid']."','pmlite';\"><img src=\"".XOOPS_URL."/images/icons/pm_small.gif\" border=\"0\" width=\"27\" height=\"17\" alt=\"\" /></a>", 'avatar' => XOOPS_UPLOAD_URL.'/'.$userinfo['user_avatar']);

La fenêtre du popup GreyBox sera dans ce cas de 500 pixels par 370, vous pouvez modifier ces valeurs comme vous le désirez.
En cliquant sur le l'icône pour envoyer un message privé à l'administrateur à partir du bloc "Site Infos", le formulaire de saisie s'affichera dans un popup avec un effet GreyBox.

Ces modifications seront à apporter à chaque mise à jour de version de ce module ou de Xoops.


2 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 25-Apr-2007 22:23 (3225 Lectures)

Nous avons un petit module bien pratique, pour téléverser et insérer rapidement une image sur un site, ce module "Picito" en version 1.3 actuellement, peut également nous faciliter la tâche pour mettre rapidement les propriétés nécessaires à l'affichage des images avec des effets "LightBox", "GreyBox" ou "ThickBox" en mode HTML.

Pour celà nous devons avoir l'appel au script du package "JsEffects" que nous voulons utiliser, d'inséré dans le fichier theme.html (voir FAQ pour l'implémentation de ceux-ci). Ensuite nous allons utiliser la surcharge des thèmes pour modifier le template "first_page.html" de ce module.


Utilisation avec LightBox"


  • Nous devons remplacer la ligne 60 :

<a href="<{$image_big}>" target="_blank"><img src="<{$image_small}>" alt="Picture" /></a>
  • Par :

<a href="<{$image_big}>" rel="lightbox"><img src="<{$image_small}>" alt="Image" /></a>
  • Et la ligne 86 :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Picture&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

  • Par :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; rel=&quot;lightbox&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Image&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

Utilisation avec "ThickBox"


  • Nous devons remplacer la ligne 60 :

<a href="<{$image_big}>" target="_blank"><img src="<{$image_small}>" alt="Picture" /></a>
  • Par :

<a href="<{$image_big}>" class="thickbox"><img src="<{$image_small}>" alt="Image" /></a>
  • Et la ligne 86 :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Picture&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

  • Par :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; class=&quot;thickbox&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Image&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

Utilisation avec "GreyBox"


  • Nous devons remplacer la ligne 60 :

<a href="<{$image_big}>" target="_blank"><img src="<{$image_small}>" alt="Picture" /></a>
  • Par :

<a href="<{$image_big}>" rel="gb_image[]"><img src="<{$image_small}>" alt="Image" /></a>
  • Et la ligne 86 :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Picture&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

  • Par :

<input type="text" name="htmlcode" value="&lt;a href=&quot;<{$image_big}>&quot; rel=&quot;gb_image[]&quot;&gt;&lt;img src=&quot;<{$image_small}>&quot; alt=&quot;Image&quot; /&gt;&lt;/a&gt;"

onclick="(script removed)this.form.htmlcode.focus();this.form.htmlcode.select();" />

Il faut faire très attention dans les permissions de "Groupes" de votre site pour ce module, et réserver son utilisation uniquement au webmestre.


1 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 25-Apr-2007 19:22 (2174 Lectures)

Pour afficher avec un effet "GreyBox" les copies d'écran proposées dans les descriptions des téléchargements du module "Wf-Downloads", vous devez utiliser la surcharge des thèmes en modifiant les templates suivants :


  • "wfdownloads_download.html" , remplacer les :
target="_blank"
  • Par :

rel="gb_image[]" title="<{$down.title}>"

Dans les lignes 32, 39, 46 et 53.



  • Pour le template "wfdownloads_singlefile.html", vous procédez au remplacement du même code mais pour les lignes : 44, 54, 68 et 78 par ceci :

rel="gb_imageset[<{$down.title}>]" title="<{$down.title}>"

L'appel aux scripts nécessaires pour cet effet, doit être implémenté comme indiqué dans cette FAQ.


Un effet similaire est visible à cette adresse


1 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 25-Apr-2007 19:20 (1604 Lectures)

Pour afficher avec un effet "ThickBox" les copies d'écran proposées dans les descriptions des téléchargements du module "Wf-Downloads", vous devez utiliser la surcharge des thèmes en modifiant les templates suivants :


  • "wfdownloads_download.html" , remplacer les :
target="_blank"
  • Par :

class="thickbox" title="<{$down.title}>"

Dans les lignes 32, 39, 46 et 53.



  • Pour le template "wfdownloads_singlefile.html", vous procédez au remplacement du même code mais pour les lignes : 44, 54, 68 et 78 par ceci :

class="thickbox" rel="<{$down.title}>" title="<{$down.title}>"

L'appel aux scripts nécessaires pour cet effet, doit être implémenté comme indiqué dans cette FAQ.


Un effet similaire est visible à cette adresse


2 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 25-Apr-2007 19:19 (1682 Lectures)

Pour afficher avec un effet "LightBox" les copies d'écran proposées dans les descriptions des téléchargements du module "Wf-Downloads", vous devez utiliser la surcharge des thèmes en modifiant les templates suivants :


  • "wfdownloads_download.html" , remplacer les :
target="_blank"
  • Par :

rel="lightbox[]" title="<{$down.title}>"

Dans les lignes 32, 39, 46 et 53.


  • Pour le template "wfdownloads_singlefile.html", vous procédez à la même modification mais pour les lignes : 44, 54, 68 et 78.

L'appel aux scripts nécessaires pour cet effet, doit être implémenté comme indiqué dans cette FAQ.


Un effet similaire est visible à cette adresse


0 Commentaires Imprimer la Q&R Envoyer la Q&R



Demandé et répondu par Kris le 23-Apr-2007 21:57 (1659 Lectures)

Pour afficher les photos avec un effet "ThickBox" dans le module "MyAlbum-P", vous devez utiliser la surcharge des thèmes et procéder ainsi :

  • Implémentez l'appel aux scripts nécessaires dans le fichier theme.html comme indiqué dans la FAQ,

  • Remplacer les lignes 10 à 16 suivantes du template "myalbum_photo_in_list.html" :


<{* NORMAL IMAGES *}>

<a href='<{$mod_url}>/photo.php?lid=<{$photo.lid}>'><img src='<{$photo.imgsrc_thumb}>' <{$photo.width_spec}> alt='<{$photo.title}>' title='<{$photo.title}>' /></a>


<{else}>


<{* FILES OTHER THAN IMAGES *}>

<a href='<{$photo.ahref_photo}>' target='_blank'><img src='<{$photo.imgsrc_thumb}>' <{$photo.width_spec}> alt='<{$photo.title}>' title='<{$photo.title}>' /></a>


  • Par :

<{* NORMAL IMAGES *}>

<a class='thickbox' rel='vastecoucher' href='<{$photo.ahref_photo}>' title='<a href="<{$mod_url}>/photo.php?lid=<{$photo.lid}>">Infos et commentaires</a> >>> <{$photo.title}>'><img src='<{$photo.imgsrc_thumb}>' <{$photo.width_spec}> alt='<{$photo.title}>' title='<{$photo.title}>' /></a>


<{else}>


<{* FILES OTHER THAN IMAGES *}>

<a class='thickbox' rel='vastecoucher' href='<{$photo.ahref_photo}>'title='<a href="<{$mod_url}>/photo.php?lid=<{$photo.lid}>">Infos et commentaires</a> >>> <{$photo.title}>'><img src='<{$photo.imgsrc_thumb}>' <{$photo.width_spec}> alt='<{$photo.title}>' title='<{$photo.title}>' /></a>


  • Modifier la ligne 28 du template "myalbum_photo.html" :

<a href="<{$photo.ahref_photo}>" target="_blank" onClick="window.open('<{$photo.ahref_photo}>','','width=<{$photo.window_x}>,height=<{$photo.window_y}>');return(false);"><img src="<{$photo.imgsrc_photo}>" border="0" align="center" vspace="3" hspace="7" alt="<{$photo.title}>" title="<{$photo.title}>" <{$photo.width_height}> /></a>
  • Par :

<a class="thickbox" href="<{$photo.ahref_photo}>" title="<{$photo.title}>" ><img src="<{$photo.imgsrc_photo}>" border="0" align="center" vspace="3" hspace="7" alt="<{$photo.title}>" title="<{$photo.title}>" <{$photo.width_height}> /></a>

Pensez à vider le dossier "templates_c" (sauf index.html) pour voir les modifications.


1 Commentaires Imprimer la Q&R Envoyer la Q&R



(1) 2 3 »