Tcheval.net

Bien plus que de la création graphique

Vous n'êtes pas identifié.

Annonce

Les demandes graphiques sont en stand-by jusqu'à nouvel ordre .

#1 12-06-2007 23:13:09

Thorze
Administrateur
Lieu: Angoulème
Date d'inscription: 13-09-2006
Messages: 3807
Site web

[Mod] Intégrer LightBox à votre forum PunBB

Je viens d'ajouter une nouvelle fonction, lorsque vous postez sur le forum des images de grande taille, utilisez plutôt les balises :

Code:

[imgz] Le lien de votre image [/imgz]



Voici un exemple :

Cela vous donnera quelque chose comme ça :

Code:

[imgz]http://www.tcheval.net/kit/eradication/apercu.gif[/imgz]



Ce qui donnera sur le forum :

Cliquez pour fermer

Cliquez sur l'image et admirrez !
Cela est très utile pour poster les kits graphiques plus proprement... cool




Voici le code si vous voulez l'installer sur votre forum :

Code:

##
##
##          Titre mod :  Intégrer LightBox à votre forum PunBB
##
##        Version mod :  1.0
##         Pour PunBB :  1.2.15
##               Date :  12/06/2007
##
##             Auteur :  Tcheval (http://www.tcheval.net)
##
##        Description :  Permet d'utiliser le Javascript LightBox très simplement
##                       à l'aide de nouvelles balises [imz] [/imgz].
##
##  Fichiers affectés :  parser.php
##                       header.php
##
##      Affecte la BD :  non
##
##      Démonstration :  Visible sur le forum de tcheval.net : 
##                       http://www.tcheval.net/forum/sujet-811-nouvelle-fonction-lightbox.html
##
##         DISCLAIMER :  Veuillez noter que ces mods ne sont pas
##                       officiellement supportés par PunBB. L'installation
##                       de ces modifications est à vos risques et périls.
##                       N'oubliez pas de sauvegarder la base de données et
##                       les fichiers affectés avant de procéder à
##                       l'installation de cette modification.
##
 
#
#---------[ 1. Le module Lightbox ]-------------------------------------------------------
#

- Téléchargez les fichiers necessaires au fonctionnement de LightBox : http://www.huddletogether.com/projects/lightbox2/#download
- Decompressez l'archive téléchargé.
- Créez un repertoire lightbox à la racine de votre forum punBB.
- Uploadez tout les fichiers contenu dans l'archive dans le repertoire lightbox.

Une fois l'archive uploadé vous obtiendrez une arborescence de ce type :
            RACINE PUNBB/lightbox/css
                                 /images
                                 /js

#
#---------[ 2. OUVRIR ]-------------------------------------------------------
#

parser.php

#
#---------[ 3. TROUVER ]-----------------------------------------------------
#

                     '#\[url=([^\[]*?)\](.*?)\[/url\]#e',

#
#---------[ 4. AJOUTER APRES ]-----------------------------------------
#

                     '#\[imgz\](.*?)\[/imgz\]#s',

#
#---------[ 5. TROUVER ]-----------------------------------------------------
#

                     'handle_url_tag(\'$1\', \'$2\')',

#
#---------[ 6. AJOUTER APRES ]-----------------------------------------
#

                     '<a href="$1" rel="lightbox" title="Cliquez pour agrandir"><img src="$1" width="200" alt="Cliquez pour fermer" /></a>',

#
#---------[ 7. OUVRIR ]-------------------------------------------------------
#

header.php

#
#---------[ 8. TROUVER ]-----------------------------------------------------
#

?>
<title><?php echo $page_title ?></title>
<link rel="stylesheet" type="text/css" href="style/<?php echo $pun_user['style'].'.css' ?>" />

#
#---------[ 9. AJOUTER APRES ]-----------------------------------------
#

<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />         
                                     
#
#---------[ 10. ENREGISTRER/ENVOYER SUR LE SERVEUR ]----------------------------
#

Hors ligne

 

#2 13-06-2007 00:21:37

Varouj
Posteur Néophyte
Date d'inscription: 27-01-2007
Messages: 79
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Bonsoir, avant hier en recherchant un mod je suis tombé sur cette page :
Mod LightBox.
Ca pourra peut être aider d'autres personnes.
De toute façon s'est pas très difficile à installer hein aww


Հայը Հայով Հայու Համար

Hors ligne

 

#3 13-06-2007 13:11:18

Thorze
Administrateur
Lieu: Angoulème
Date d'inscription: 13-09-2006
Messages: 3807
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Je pensais être le premier à m'être penché dessus pour punBB je vois que c'est pas la cas c'est tant mieux... cool

Y en à pour tout les gouts comme ça !!

Hors ligne

 

#4 13-06-2007 13:20:26

Varouj
Posteur Néophyte
Date d'inscription: 27-01-2007
Messages: 79
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Tu as le mérite de l'avoir fait en français pour ceux qui ne comprennent pas très bien l'anglais XD


Հայը Հայով Հայու Համար

Hors ligne

 

#5 13-06-2007 13:30:29

Romain
Posteur Accro
Lieu: 127.0.0.1
Date d'inscription: 29-12-2006
Messages: 624
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Tiens, j'allais développer la mod dans quelques jours, mais je vois que tu l'as fait.

Hors ligne

 

#6 25-06-2007 13:14:51

brice16
Membre
Date d'inscription: 23-06-2007
Messages: 19

Re: [Mod] Intégrer LightBox à votre forum PunBB

génial merci beaucoup , c'est trés utile =p

Hors ligne

 

#7 26-06-2007 12:17:24

brice16
Membre
Date d'inscription: 23-06-2007
Messages: 19

Re: [Mod] Intégrer LightBox à votre forum PunBB

avec la chatbox , sa fait un bug , l'image (de la chabox) qui tourne le loading.gif est en gros et il tourne en plein milieu de la chatbox -_- , sa fait trés moche

sinon quelqu'un aurait le script pour l'inséré en html ?

Hors ligne

 

#8 29-06-2007 09:04:57

Romain
Posteur Accro
Lieu: 127.0.0.1
Date d'inscription: 29-12-2006
Messages: 624
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Tu regardes la source de la page.

Hors ligne

 

#9 06-09-2007 08:23:57

LBK
Nouveau membre
Date d'inscription: 06-09-2007
Messages: 2

Re: [Mod] Intégrer LightBox à votre forum PunBB

brice16 a écrit:

avec la chatbox , sa fait un bug , l'image (de la chabox) qui tourne le loading.gif est en gros et il tourne en plein milieu de la chatbox -_- , sa fait trés moche

sinon quelqu'un aurait le script pour l'inséré en html ?

+ 1 si qlq un a la solution aww

Hors ligne

 

#10 06-09-2007 09:22:21

Fly
Posteur Néophyte
Date d'inscription: 02-08-2007
Messages: 55
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Il y a la solution sur punbb.fr. Je vais essayer de retrouver sa.

Edit: Voila le lien

Dernière modification par Fly (06-09-2007 09:28:20)


Recherche tuto pour mon site XD

Hors ligne

 

#11 06-09-2007 09:22:32

foxmask
Invité

Re: [Mod] Intégrer LightBox à votre forum PunBB

perso j'ai integré la lightbox au mod Gallery ce qui donne ca :
http://www.team-oo.net/forums/gallery.php?cid=1

 

#12 06-09-2007 17:05:19

Romain
Posteur Accro
Lieu: 127.0.0.1
Date d'inscription: 29-12-2006
Messages: 624
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Ca rend bien.

Hors ligne

 

#13 17-09-2007 03:44:03

M4SK
Nouveau membre
Date d'inscription: 17-09-2007
Messages: 3

Re: [Mod] Intégrer LightBox à votre forum PunBB

slt !

ce mode est trop top !!!

Merci ...

et si j'osai ... est t'il possible d'agrandir l'image du premier plan (celle avant de clic dessus) ?

Merci encore aww

Dernière modification par M4SK (17-09-2007 03:44:42)

Hors ligne

 

#14 17-09-2007 08:00:04

Thorze
Administrateur
Lieu: Angoulème
Date d'inscription: 13-09-2006
Messages: 3807
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Dans parser.php

Cherche :

Code:

'<a href="$1" rel="lightbox" title="Cliquez pour agrandir"><img src="$1" width="200" alt="Cliquez pour fermer" /></a>',

Puis remplace la valeur width="200" de cette ligne par une valeur plus grande, par exemple :

Code:

'<a href="$1" rel="lightbox" title="Cliquez pour agrandir"><img src="$1" width="350" alt="Cliquez pour fermer" /></a>',

Hors ligne

 

#15 17-09-2007 10:22:49

WolfTr@ck3ur
Membre confirmé
Lieu: reims
Date d'inscription: 23-03-2007
Messages: 42
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

merci de l'astuce Fly j'avais ce conflit lol

Hors ligne

 

#16 20-10-2007 05:13:21

Nosomega
Nouveau membre
Date d'inscription: 20-10-2007
Messages: 4

Re: [Mod] Intégrer LightBox à votre forum PunBB

Bonjour a vous ! deja bravo pour le site et se superbe Mod !

J'aimerai savoir comment tu fait pour que l'image qui se trouve entre tes balise "[imgz" "/imgz]" s'ouvre dans dans un popup et avec un effet car moi en fait lorsque je clique sur mes "vignette" sa m'ouvre l'image taille reel dans la page actuelle et je suis obliger de faire retour pour retourner sur le forum? je sais pas si c'est tres clair en tous cas merci d'avance de vos reponse et encore bravo pour votre boulot ! grin_open

Dernière modification par Nosomega (20-10-2007 05:15:16)

Hors ligne

 

#17 22-10-2007 03:57:08

Nosomega
Nouveau membre
Date d'inscription: 20-10-2007
Messages: 4

Re: [Mod] Intégrer LightBox à votre forum PunBB

Bonjour je me permet de faire un petit Up XD bah vi sa fait 2 jours mais je pense que vous etes tres occuper a bientôt XD

Hors ligne

 

#18 24-10-2007 13:04:58

Thorze
Administrateur
Lieu: Angoulème
Date d'inscription: 13-09-2006
Messages: 3807
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Tu as bien installé la mod ?

Hors ligne

 

#19 25-10-2007 04:55:17

Nosomega
Nouveau membre
Date d'inscription: 20-10-2007
Messages: 4

Re: [Mod] Intégrer LightBox à votre forum PunBB

Salut a toi Thorze et merci de ta reponse j'avais effectivement tous bien charger sur le serveur alors du coup j'ai repris la lecture des ligne de code a inserer dans parser et header et jai trouver le petit details qui me faisait default ... oui il manquai >>>>  "  <<<< se petit guillemet a la ligne pour le CSS dans le header ... enfin maintenant sa marche et c'est superbe XD just sur ton exemple on voie "close" moi ya la vilaine crois rouge du genre probleme avec le chargement de l'image c'est encore une boulette de ma par ou bien il y a une manip special ? merci d'avance encore bravo ohnoes

Dernière modification par Nosomega (25-10-2007 04:56:01)

Hors ligne

 

#20 25-10-2007 10:05:11

Thorze
Administrateur
Lieu: Angoulème
Date d'inscription: 13-09-2006
Messages: 3807
Site web

Re: [Mod] Intégrer LightBox à votre forum PunBB

Il faut modifier le lien de closelabel.gif dans le fichier lightbox.js pour l'adapter les liens vers les images de ton serveurs.

Hors ligne

 

Pied de page des forums

Propulsé par FluxBB
Traduction par FluxBB.fr