Foire aux Questions : Labs XooFoo

Connexion

Perdu le mot de passe ?
Inscrivez-vous maintenant !

Menu principal

Accueil Articles Téléchargements Syndication RSS Partenaires Foire aux Questions CSS Colors

Google Search

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
Morphogenesis FAQ sur le gabarit de thème	3	Modifier les effets de transition entre les changements de pages
Divers ... FAQ diverses non classables	3	Comment trouver des couleurs harmonieuses pour mon design ?
Modules Xoops FAQ sur les hacks de modules Xoops	3
Divers ... FAQ diverses non classables	1	Comment cloner les blocs de modules ?
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
Hacks Modules FAQ sur l'utilisation des scripts dans les modules	18	Utiliser Greybox sur les liens de modération du module News
Implémentation des scripts FAQ sur l'implémentation des scripts dans un site	5	Implémentation de GreyBox
LightBox FAQ sur l'utilisation du script LightBox	1	Utiliser LightBox sur son site grâce à ExtGallery
GreyBox FAQ sur l'utilisation du script GreyBox	1	Utiliser GreyBox sur son site grâce à ExtGallery
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 »

Ajout de Screenr dans le module MyTube

[ Hacks Modules ]

Demandé et répondu par Kris le 26-Jun-2010 00:12 (2018 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

Screenr:value=\"i=mycodetoput\" (see embed code) 

juste après

Mytube: Take over from above selection menu 

/***** language/yourlanguage/admin.php *****/
ajouter à la ligne 507

define( '_AM_XTUBE_SCREENR', 'Screenr' );

et à la ligne 255

Yahoo:flashVars=\"id=mycodetoput\"(see embed code) 

juste après

Screenr:value=\"i=mycodetoput\" (see embed code) 

/***** 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

Ajout de Yahoo Videos dans le module MyTube

[ Hacks Modules ]

Demandé et répondu par Kris le 25-Jun-2010 22:50 (1769 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

Yahoo:flashVars=\"id=mycodetoput\"(voir le code embed) 

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

Yahoo:flashVars=\"id=mycodetoput\"(voir le code embed) 

juste après

Viddler: http://www.viddler.com/player/d32d2b94/ (see embed code) 

/***** 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

Tester ses pages avec les navigateurs

[ Divers ... ]

Demandé et répondu par Kris le 17-Feb-2008 22:45 (4130 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.

Windows : Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Maxthon 2, Firefox 2, Opera 9, Safari 3.1, Netscape 9
Linux : Firefox 2, Konqueror 3, Safari 3, Netscape 9
Mac OS X : Safari 3, Firefox 2, Internet Explorer 5 (n'est plus supporté par Microsoft), Opera 9, Safari 3, Netscape 9

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 :

Browsershots (plusieurs navigateurs web pour windows, linux ou mac)
Iecapture : pour Internet Explorer 7, pour Mac
Scapture (navigateurs sous linux)
Browsercam (service payant d'accès distant type VNC)
Evolt (télécharger d'anciens navigateurs web et des versions standalone)

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.

Sous Windows : Moka5 et VMware Player free
Sous Linux : Xen,VMware Player ,Qemu et wine
Sous Mac : Moka5

La solution Labs.Xoofoo.org

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

6 Commentaires

Valider et tester ses sites web

[ Divers ... ]

Demandé et répondu par Kris le 17-Feb-2008 21:01 (3535 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

Validateur (x)HTML officiel du w3c : http://validator.w3.org/
Validateur CSS du w3c : http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri
Validateur du WDG : http://htmlhelp.com/tools/validator/
Validateur du w3quebec : http://w3qc.org/validateur/
Valider vos fils rss : http://feedvalidator.org/ et http://validator.w3.org/feed/
Valider ces liens internet : http://validator.w3.org/checklink
Valider l'accessibilité de vos pages web : http://www.w3.org/WAI/ et http://wave.webaim.org//
Valider plusieurs pages en même temps grâce à l'ajax : http://www.validateur.ca/

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

A lire également

un article sur ZoeLand
un autre sur le blog AlsaCreations

3 Commentaires

Modifier les effets de transition entre les changements de pages

[ Morphogenesis ]

Demandé et répondu par Kris le 24-May-2007 21:54 (7586 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

[ Morphogenesis ]

Demandé et répondu par Kris le 19-May-2007 01:02 (5361 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

Utiliser Greybox sur les liens de modération du module News

[ Hacks Modules ]

Demandé et répondu par Kilaam le 05-May-2007 21:57 (3899 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

XoopsMembers et GreyBox

[ Hacks Modules ]

Demandé et répondu par Kris le 03-May-2007 00:28 (3293 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

Profil d'un membre et effet GreyBox

[ Hacks Core ]

Demandé et répondu par Kris le 02-May-2007 23:37 (3426 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

Bloc "Site Infos" et effet GreyBox

[ Hacks Core ]

Demandé et répondu par Kris le 02-May-2007 01:16 (3965 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

Picito et JsEffects

[ Hacks Modules ]

Demandé et répondu par Kris le 25-Apr-2007 22:23 (2994 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

Wf-Downloads : afficher les screenshots avec GreyBox

[ Hacks Modules ]

Demandé et répondu par Kris le 25-Apr-2007 19:22 (2062 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

Wf-Downloads : afficher les screenshots avec ThickBox

[ Hacks Modules ]

Demandé et répondu par Kris le 25-Apr-2007 19:20 (1414 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

Wf-Downloads : afficher les screenshots avec LightBox

[ Hacks Modules ]

Demandé et répondu par Kris le 25-Apr-2007 19:19 (1508 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

MyAlbum-P et ThickBox

[ Hacks Modules ]

Demandé et répondu par Kris le 23-Apr-2007 21:57 (1477 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

(1) 2 3 »