Intégrer LightBox à votre forum PunBB 1.0

lkaiman · 22-06-2007 14:33:40

Je rencontre un problème de css sur un autre forum (que celui que je bidouille depuis 1 mois)

Sur ce forum, le wiki y est installé et il utilise le même css que le style définit par l'utilisateur

Grâce a cette ligne dans le header.php

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

Et lorsque je veux rajouter le css du lightbox dans le même header

<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

Le css du lightbox ne marche pas, j'avais pensé à fusionner les 2 fichiers css, sauf qu'il y a une bonne dizaine de style différents, il faudra donc insérer la page css du lightbox dans tous les css de tout les style... (si je ne me trompe pas)

Mais ce serait laborieux, y aurait-il une autre solution ????

Merci d'avance

romain9441 · 23-06-2007 11:07:59

Adresse ?

lkaiman · 23-06-2007 11:43:56

que veux tu dire par adresse ?

romain9441 · 23-06-2007 11:54:00

Adresse du site ?

lkaiman · 23-06-2007 12:12:46

çà te servirais pas, et en + le wiki est inaccessible au invités et aux membre non identifiés,
RESULTAT OBTENU: çà affiche l'image en petit, mais lorsque l'on clique dessus, çà affiche seulement l'image taille relle sur fond blanc

J'ai réussi à mettre le lightbox sur un forum tout neuf de test,
Mais sur un autre forum d'asso étudiante, a cause du wiki, le css du lightbox n'a pas l'air d'être pris en compte

Dernière modification par lkaiman (23-06-2007 12:13:55)

romain9441 · 23-06-2007 13:30:03

Pas de support si pas d'adresse de forum !

Connais-tu cette règle ?

lkaiman · 23-06-2007 13:45:23

mince jme suis gourré avec le mot wiki
mais bon, çà revient au même, kess ke çà va te faire d'avoir l'adresse de ce forum
j'ai effectué un test dans le forum des admin et modo invisible aux invités et membres

Dernière modification par lkaiman (10-07-2007 01:52:35)

memoryoff · 23-06-2007 18:11:24

Félicitations tcheval et un grand merci smile

Je suis en train de finir la v2 d'un forum dont je m'occupe et j'étais justement à la recherche d'une telle MOD.

Le seul hic est qu'il faut utiliser les balises [imgz] et [/imgz]. Avec la petite modification que je vous propose ci-dessous nous contiuons à utiliser uniquement les balises [img]et[/img] avec lightbox et de façon transparente.

#
#---------[ 1. OUVRIR ]-------------------------------------------------------
#

include/parser.php

#
#---------[ 2. TROUVER et SUPPRIMER ]------------------------------------------
#

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

#
#---------[ 3. TROUVER et SUPPRIMER ]-------------------------------------------
#

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

#
#---------[ 4. TROUVER ]--------------------------------------------------------
#

//
// Turns an URL from the [img] tag into an <img> tag or a <a href...> tag
//

function handle_img_tag($url, $is_signature = false)
{
    global $lang_common, $pun_config, $pun_user;

    $img_tag = '<a href="'.$url.'"><'.$lang_common['Image link'].'></a>';

    if ($is_signature && $pun_user['show_img_sig'] != '0')
        $img_tag = '<img class="sigimage" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';
    else if (!$is_signature && $pun_user['show_img'] != '0')
        $img_tag = '<img class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';

    return $img_tag;
}

#
#---------[ 5. REMPLACER PAR ]------------------------------------------------------
#

//
// Turns an URL from the [img] tag into an <img> tag or a <a href...> tag
//

function handle_img_tag($url, $is_signature = false)
{
    global $lang_common, $pun_config, $pun_user;

    $img_size = getimagesize($url);
        
    $img_tag = '<a href="'.$url.'"><'.$lang_common['Image link'].'></a>';

    if ($is_signature && $pun_user['show_img_sig'] != '0')
        $img_tag = '<img class="sigimage" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';
    else if (!$is_signature && $pun_user['show_img'] != '0')
        {
            if ($img_size[0] > 575)
            $img_tag = '<div class="lightbox_box"><a href='.$url.' rel="lightbox"  alt="" /><img src='.$url.' width="575"  alt="" /><div class="lightbox_box_img">Cliquez pour agrandir</div></a></div>';
            else
            $img_tag = '<img class="postimg" src="'.$url.'" alt="'.htmlspecialchars($url).'" />';
        }

    return $img_tag;
}

#
#---------[ 6. SAUVEGARDER ]-------------------------------------------------------
#



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

lightbox/css/lightbox.css

#
#---------[ 8. AJOUTER A LA FIN]-------------------------------------------
#

div.lightbox_box {
    width: 575px;
    border: 1px dashed black; 
    padding: 5px 5px 3px 5px;
    background: #ffffff;
}

div.lightbox_box_img {
    z-index: 1000;
    position: relative;
    right: 0px;
    width: 100%;
    text-align: right;
    line-height: 16px;
}


#
#---------[ 9. SAUVEGARDER ]-------------------------------------------------------
#

Les seules valeurs que vous avez à modifier selon votre besoin sont :

"if ($img_size[0] > 575)
$img_tag = '<div class="lightbox_box"><a href='.$url.' rel="lightbox" alt="" /><img src='.$url.' width="575"..."

Voila pour moi ça roule mais comme je ne suis qu'un amateur, il faudra certainement que les balèzes de punbb.fr corrigent un peu tout ça wink

@+

foxmask · 23-06-2007 23:02:53

si par inadvertance un membre met une image de cette largeur mais qu'il ne voulait pas l'utiliser avec le plugin lightbox ? SURPISE wink ))
d'où l'interet d'une seconde balise dédiée wink
le seul truc qui lui manque c'est sa propre icone pour la reperer des autres.

tcheval · 26-06-2007 19:04:02

Il y a déjà un mod sur punres qui fais exactement la même chose que tu proposes memoryoff : http://www.punres.org/desc.php?pid=282

Moi je voulais de nouvelles balises pour laisser le choix à l'utilisateur comme le souligne foxmask.

Pour l'incompatibilité avec la chatbox ça doit vraiment pas être grand chose à corriger.

BiH · 25-07-2007 02:30:47

Theval j'au vu que sur ton forum, t'avais mis un bouton dans la puntoolbar, avec les balises [imgz] pourrait tu nous dire comment tu a fais s'il te plaît smile

tcheval · 25-07-2007 15:23:08

Je suppose qu'il y à déjà eu des demandes sur comment ajouter des boutons car j'ai la flegme d'expliquer...

Une petite recherche faite en 2 seconde : http://www.punbb.fr/forums/viewtopic.php?id=4213

BiH · 25-07-2007 15:50:02

tcheval a écrit :

Je suppose qu'il y à déjà eu des demandes sur comment ajouter des boutons car j'ai la flegme d'expliquer...
Une petite recherche faite en 2 seconde : http://www.punbb.fr/forums/viewtopic.php?id=4213

Oui je sais mon petit Thorze, mais c'est pour la 1.4 de la puntoolbar, j'ai déjà essayé ça et ça ne marche pas, j'ai essyé de le bricoler dans les limites de mes connaissance mais je suis arrivé à rien... mais bon si t'as pas le temps s'est pas grave je trouverais bien smile merci quand même.

tcheval · 25-07-2007 16:09:58

Je vais te faire ça alors, pas aujourd'hui car je vais m'en aller mais au plus vite. Ca pourra surement en aider d'autres... smile

BiH · 25-07-2007 16:25:22

tcheval a écrit :

Je vais te faire ça alors, pas aujourd'hui car je vais m'en aller mais au plus vite. Ca pourra surement en aider d'autres...

Merci beaucoup alors smile

kaiser · 02-09-2007 15:17:50

Salut

pour ce qu'on un pb dans le header, cela est du à la chatbox

en cherchant un peu : http://www.punbb.fr/forums/viewtopic.php?id=3165&p=5

a+

luback · 04-09-2007 15:02:47

Slt !

Alors de mon coté voir ici

1er qst) dans le PunToolBar je vois pas l'option normal ?
2eme qst) je vois pas le croix "aussi" quoi faire ?

3eme) quelqu'un c'est pourquoi suite aux modif de ce mode j'ai comme sur la video le montre ( 2 actuali... sur vidéo) ?

Merci beaucoup

Ps : dommage ce mode est franchement sympa wink

Dernière modification par luback (04-09-2007 15:09:20)

Mikado · 11-09-2007 00:47:56

Bonsoir,
Quelqu'un a t-il trouvé la parade pour afficher l'image closelabel.gif?

tcheval · 17-09-2007 20:53:57

Il faut modifier le lien de closelabel.gif dans le fichier lightbox.js pour l'adapter au forum.

Neness · 18-09-2007 07:20:54

Moi j'ai pas la croix, mais ce n'est pas génant dans la mesure ou lorsque je clique sur le cadre noir, l'image elle se ferme

Merci pour ce super mod trés utile wink

Ti pierre · 09-10-2007 19:08:12

Bonjour bonjour les punbbiens !

Me revoila avec mes questions disons-le franchement casse-"biiip"

Fox à parlé de mettre à disposition dans un autre post une explication de l'integration de lightbox à punbb gallery, cela-à-t-il été fait par hasard car suite à mes recherches je n'ai rien trouver et j'aurais bien besoin de ce petit ajouts pour ma gallerie

Merci d'avance

Ti pierre · 11-10-2007 19:03:44

Je me permet de mettre un UP, please aidez-moi

Stan00_Seth · 12-10-2007 15:14:36

foxmask a écrit :

foxmask a écrit :
quand je pourrai j'essaierai d'utiliser lightbox couplé à "Gallery"
aussitot dit aussitot fait ; have a look
http://www.team-oo.net/forums/gallery.php?cid=1
par contre j'ai rien packagé si vous voulez savoir comment faire je mettrais les modif faites dans un autre poste .

ça m'intéresse oui, je n'ai pas trouvé l'autre post en question...

foxmask · 13-10-2007 19:16:21

cadeau

smoker · 08-02-2008 16:27:45

Salut,

J'ai essayer cette mod, ça marche, mais ya un petit problème:
Quand l'image s'affiche, il y a pas la petite icône (image) en bas à droite pour fermer (close).
Il y a le lien pour fermer (quand je clique ça ce ferme), mais l'image close ne s'affiche pas. donc l'utilisateur ne sais pas comment fermer !
Je ne vois pas où le problème peut-il être. j'ai fait ce qui étais expliqué dans le lisez_moi.txt

Merci.

Archives FluxBB.fr

#26 22-06-2007 14:33:40

Re : Intégrer LightBox à votre forum PunBB 1.0

#27 23-06-2007 11:07:59

Re : Intégrer LightBox à votre forum PunBB 1.0

#28 23-06-2007 11:43:56

Re : Intégrer LightBox à votre forum PunBB 1.0

#29 23-06-2007 11:54:00

Re : Intégrer LightBox à votre forum PunBB 1.0

#30 23-06-2007 12:12:46

Re : Intégrer LightBox à votre forum PunBB 1.0

#31 23-06-2007 13:30:03

Re : Intégrer LightBox à votre forum PunBB 1.0

#32 23-06-2007 13:45:23

Re : Intégrer LightBox à votre forum PunBB 1.0

#33 23-06-2007 18:11:24

Re : Intégrer LightBox à votre forum PunBB 1.0

#34 23-06-2007 23:02:53

Re : Intégrer LightBox à votre forum PunBB 1.0

#35 26-06-2007 19:04:02

Re : Intégrer LightBox à votre forum PunBB 1.0

#36 25-07-2007 02:30:47

Re : Intégrer LightBox à votre forum PunBB 1.0

#37 25-07-2007 15:23:08

Re : Intégrer LightBox à votre forum PunBB 1.0

#38 25-07-2007 15:50:02

Re : Intégrer LightBox à votre forum PunBB 1.0

#39 25-07-2007 16:09:58

Re : Intégrer LightBox à votre forum PunBB 1.0

#40 25-07-2007 16:25:22

Re : Intégrer LightBox à votre forum PunBB 1.0

#41 02-09-2007 15:17:50

Re : Intégrer LightBox à votre forum PunBB 1.0

#42 04-09-2007 15:02:47

Re : Intégrer LightBox à votre forum PunBB 1.0

#43 11-09-2007 00:47:56

Re : Intégrer LightBox à votre forum PunBB 1.0

#44 17-09-2007 20:53:57

Re : Intégrer LightBox à votre forum PunBB 1.0

#45 18-09-2007 07:20:54

Re : Intégrer LightBox à votre forum PunBB 1.0

#46 09-10-2007 19:08:12

Re : Intégrer LightBox à votre forum PunBB 1.0

#47 11-10-2007 19:03:44

Re : Intégrer LightBox à votre forum PunBB 1.0

#48 12-10-2007 15:14:36

Re : Intégrer LightBox à votre forum PunBB 1.0

#49 13-10-2007 19:16:21

Re : Intégrer LightBox à votre forum PunBB 1.0

#50 08-02-2008 16:27:45

Re : Intégrer LightBox à votre forum PunBB 1.0

Pied de page des forums