Fork me on GitHub


 Bas   Précédent   Suivant

« 1 ... 844 845 846 (847) 848 849 850 ... 19803 »


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#8461
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Problème apparemment réglé ... j'ai abandonné le script de extGallery et l'ai remplacé par celui de APCal qui semble plus efficace ! En tout cas ... qui fonctionne !

Donc en début du Template j'ai copié/collé ce code :

<script type="text/javascript" src="<{$xoops_url}>/modules/APCal/images/js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="<{$xoops_url}>/modules/APCal/images/js/highslide/highslide.css" />
<script type="text/javascript">
    hs.graphicsDir = '<{$xoops_url}>/modules/APCal/images/js/highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'glossy-dark';
    hs.wrapperClassName = 'dark';
    hs.fadeInOut = true;

    // Add the controlbar
    if (hs.addSlideshow) hs.addSlideshow({
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: .6,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });
</script>


Il suffit ensuite de saisir ceci dans l'onglet "évènement" champs "onclick" du lien : return hs.expand(this)

Et cette fois c'est totalement indépendant du module APCal.


Bien-sûr il faut que les fichiers highslide soient présent sur le site. Là je n'ai rien modifié au niveau des chemins puisque apcal est présent sur le site.

Mais sinon il suffit de coller ces fichiers où vous voulez sur le site et ensuite adapter le chemin dans le script.

Posté le : 10/07/2014 13:21
_________________
signé: LionHell
Transférer la contribution vers d'autres applications Transférer


johann1
Re: NewBB 4.2 RC3: Cacher ou enlever la colonne du nombre de vues
#8462
Semi pro
Inscrit: 13/02/2006 17:40
De Belgique
Messages: 812
Bonjour Alain,

newbb_viewforum.html

Je n'arrive pas à enlever la colonne complète de "l'icône en forme de carré noir que Tatane m'avait enlevé en son temps.
Certes j'ai réussi à enlever le carré noir, mais j'aimerais aussi récupérer l'espace qu'il prenait et gagner ainsi plus de place pour le titre.



newbb_viewtopic.html

Même chose pour la colonne de gauche reprenant toutes les informations de la personne qui poste le message (avatar et titre tels que admin ou enregistré)qui est en réalité dans le fichier newbb_thread.html

Il reste une bande blanche à droite du texte ... qui doit être sans doute la prolongation de la balise th reprenant le paragraphe.


<table class="outer" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width: 0px;">
    <tr>
<!-- irmtfan hardcode removed align="left" -->
        <th width="20%" class="left">
            <div class="ThreadUserName"><{$topic_post.poster.link}></div>
        </th>
<!-- irmtfan hardcode removed align="left" -->
        <th width="80%" class="left"><div class="comTitle"><{$topic_post.post_title}></div></th>
<!-- irmtfan hardcode removed align="right" -->
        <th class="right">
<!-- irmtfan hardcode removed style="float: right;" -->
            <div class="ThreadTitle">
                <{if $topic_post.post_id > 0}>
                    <!-- irmtfan add id for each post -->  
                    <a id="<{$forum_post_prefix}><{$topic_post.post_id}>" href="<{$xoops_url}>/modules/<{$xoops_dirname}>/viewtopic.php?post_id=<{$topic_post.post_id}>">#<{$topic_post.post_no}></a>
                <{/if}>
            </div>
        </th>
    </tr>



Posté le : 10/07/2014 13:06
Transférer la contribution vers d'autres applications Transférer


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#8463
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
En fait, même la 1ere fois, si je rafraichis la page avant de cliquer il n'y a pas de 1ere fois ! Quand la page se charge elle ne charge pas lightbox dirait-on.

Posté le : 10/07/2014 13:05
_________________
signé: LionHell
Transférer la contribution vers d'autres applications Transférer


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#8464
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bon alors ça marche ... mais 1 fois !?

Une fois l'article publié, si je clique sur le lien, lightbox fonctionne.

Je change de page, puis je reviens àl'index de news, sur l'article, et lightbox ne fonctionne plus !

Voici ce que j'ai ajouté au début du fichier news_index.html :
<script type="text/javascript" src="<{xoAppUrl browse.php?Frameworks/jquery/plugins/jquery.lightbox.js}>"></script>
<link rel="stylesheet" type="text/css" href="<{xoAppUrl browse.php?modules/system/css/lightbox.css}>" />

<script type="text/javascript">
$(function() {
$('#gallery a').lightBox({
imageLoading:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-ico-loading.gif}>',
imageBtnClose:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-close.gif}>',
imageBtnNext:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-next.gif}>',
imageBtnPrev:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-btn-prev.gif}>',
imageBlank:'<{xoAppUrl modules/extgallery/images/lightbox/lightbox-blank.gif}>'
});
});
</script>


Pour éviter d'avoir à ajouter un DIV manuellement autour du lien j'ai modifié $('#gallery a') par $('a#gallery'). ainsi il suffit de donner un id=gallery au lien pour avoir le même résultat.

Mais avec ou sans cette modif. cela fonctionne une fois et ensuite fini !

Posté le : 10/07/2014 12:55
_________________
signé: LionHell
Transférer la contribution vers d'autres applications Transférer


aligato08
Re: Thème Tatane XDGreenCor
#8465
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Merci Mountuy
C'est pas simple, j'y comprend pas grand chose donc pas facile à trouver :(
J'ai envoyé un message à Tatane j'espère qu'il pourra m'aider.

Posté le : 10/07/2014 12:20
Transférer la contribution vers d'autres applications Transférer


aligato08
mytabs
#8466
Semi pro
Inscrit: 20/02/2007 15:23
Messages: 1158
Bonjour,

Je ne comprend pas bien l'utilité du module mytab.
Si quelqu'un a un exemple en ligne, ça m'intéresse.
Merci :)

Posté le : 10/07/2014 11:35
Transférer la contribution vers d'autres applications Transférer


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#8467
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Hmm, finalement mon petit script popup est bien plus simple !! Certes il n'a pas l'effet lightbox mais bon ...

Juste une autre question .. le hook de extGallery est bien censé utiliser lightbox ? Car lorsque je l'utilise avec le tag [gallery], l'image s'affiche en lieu et place de xoops, sans lightbox évidemment.

Posté le : 10/07/2014 11:04
_________________
signé: LionHell
Transférer la contribution vers d'autres applications Transférer


alain01
Re: News : comment utiliser effet lightbox dans les articles ?
#8468
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Comme l'a indiqué Cédric un peu avant, il faut certainement inclure tes photos dans des balises type :

<div="photolight">...<div>

Posté le : 10/07/2014 11:00
_________________
Open in new window
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: News : comment utiliser effet lightbox dans les articles ?
#8469
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
comme dis plus haut, tu trouve un script de lightbox quelque part, puis dans le haut (ou le bas, c'est pareil) du template qui gère l'affichage de l'article (je pense que c'est là que tu le veux), tu mets une ligne du genre
<script type="text/javascript" src="http://www.urldusite.com/themes/ton_theme/lib/lightbox.js"></script>

bien sur tu adapte la ligne ci-dessus a tes besoins

idem, les images tu les mets dans les images de ton thème, et les css de la lightbox tu la copie dans le css de ton thème (ou dans celui du module news, si le fichier style.css existe dans le répertoire du module)
ensuite il ne te reste plus qu'à utiliser les lignes de codes HTML données dans l'exemple de la lightbox, surtout ne pas utiliser le bouton d'intégration d'image, lors de la rédaction de ton article, penser a autoriser le HTML dans l'article dans les préférences.

Posté le : 10/07/2014 10:58
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


lionhell
Re: News : comment utiliser effet lightbox dans les articles ?
#8470
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Ha ok, mais alors cette ligne est déjà présente dans le thème ...
Citation :
<script type="text/javascript" src="<{xoAppUrl browse.php?Frameworks/jquery/jquery.js}>" ></script>


Mais ensuite comment faire pour avoir lightbox sur une image d'un article news ? Car pour le moment je n'y arrive pas ...

Posté le : 10/07/2014 10:50
_________________
signé: LionHell
Transférer la contribution vers d'autres applications Transférer



 Haut
« 1 ... 844 845 846 (847) 848 849 850 ... 19803 »




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

134 Personne(s) en ligne (114 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 134 | Plus ...