Écrire Une Réponse

🌍 Français

Change Language

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Nom

Courriel

Message

[quote=STF4][quote=Guillaume C]Bonjour

extension:190 est un plugin quasi indispensable. Par contre, le module "Tags" est un peu obsolète :
- le "nuage de tags" n'est pas des plus jolis sur certains thèmes (dont Bootstrap Darkroom)
- le regroupement par lettres devient vite encombrant
- le "Cumulus Tag Cloud", en flash, n'est quant à lui plus supporté !

Pour ma part, j'ai partiellement modifié le contenu du fichier [i]stuffs_tag.tpl[/i] (/plugins/PWG_Stuffs/theme/template/stuffs_tags.tpl), ce qui me permet d'avoir un tag Cloud en HTML5 un peu plus joli. S'il y a des intéressés, en attendant un éventuel rajeunissement de PWG Stuffs, voici le code (fonctionne avec Bootstrap Darkroom mais ça peut être facilement adapté).
[code]{if $display_mode == 'cloud'}
<div id="fullTagCloud">
	{combine_script id='jquery.awesomeCloud' load='footer' path="themes/bootstrap_darkroom/js/jquery.awesomeCloud.js"}
{footer_script require='jquery.awesomeCloud'}{strip}
    $(document).ready(function(){
        $("#tagCloudCanvas").awesomeCloud({
            "size" : {
                "grid": 12,
                "factor": 0.2,
                "normalize": true
            },
            "options": {
                "color": "gradient",
                "rotationRatio": 0.5
            },
            "color": {
                "start": $('#tagCloudGradientStart').css('color'),
                "end": $('#tagCloudGradientEnd').css('color')
            },
            "font": "josefinsans,'Helvetica Neue',Helvetica,Arial,sans-serif",
            "shape": "square"
        });
    });
{/strip}{/footer_script}
    <div id="tagCloudCanvas">
{foreach from=$tags item=tag}
        <span data-weight="{$tag.counter}"><a href="{$tag.URL}">{$tag.name}</a></span>
{/foreach}
    </div>
    <div id="tagCloudGradientStart"></div>
    <div id="tagCloudGradientEnd"></div>
</div>

{elseif $display_mode == 'letters'}
<table>
  <tr>
    <td valign="top">
  {foreach from=$letters item=letter}
<fieldset class="tagLetter">
  <legend class="tagLetterLegend">{$letter.TITLE}</legend>
  <table class="tagLetterContent">
    {foreach from=$letter.tags item=tag}
    <tr class="tagLine">
      <td><a href="{$tag.URL}">{$tag.name}</a></td>
      <td class="nbEntries">{$pwg->l10n_dec('%d element', '%d elements', $tag.counter)}</td>
    </tr>
    {/foreach}
  </table>
</fieldset>
    {if isset($letter.CHANGE_COLUMN) }
    </td>
    <td valign="top">
    {/if}
  {/foreach}
    </td>
  </tr>
</table>

{elseif $display_mode == 'cumulus'}
<div style="text-align:center;">
<object data="{$PWG_CUMULUS_SWF}/tagcloud.swf" width="{$PWG_CUMULUS_WIDTH}" height="{$PWG_CUMULUS_HEIGHT}" type="application/x-shockwave-flash">
    <param name="movie" value="{$PWG_CUMULUS_SWF}/tagcloud.swf">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="quality" value="high">
    {if ($PWG_CUMULUS_MODE_TRANSPARENT)}
    <param name="wmode" value="transparent">
    {else}
    <param name="bgcolor" value="#{$PWG_CUMULUS_BGCOLOR}">
    {/if}
    <param name="flashvars" value="mode=tags&tcolor={$PWG_CUMULUS_COLOR1}&tcolor2={$PWG_CUMULUS_COLOR2}&hicolor={$PWG_CUMULUS_HICOLOR}&tspeed=100&distr=true&tagcloud=<tags>{foreach from=$tags item=tag}<a href='{$tag.URL}' style='{$tag.size}pt'>{$tag.display_name}</a>{/foreach}</tags>">
  </object>
</div>
{/if}[/code]
Ce n'est pas la solution la plus propre mais c'était la plus simple...

NB : Le CSS inclus dans le fichier correspond à mon thème, il est à adapter en fonction du vôtre.[/quote][/quote]

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

ddtddt: 2022-01-30 18:04:52

STF4 a écrit:
Bonjour,
J'ai été ravi de voir que quelqu'un avait essayé de rajeunir ce plugin.
Sauf qu'il ne fonctionne pas en l'état pour ma part
j'ai une erreur :

Erreur fatale : Uncaught --> Smarty Compiler : Erreur de syntaxe dans le template "file:/volume1/wex/xxxxx/plugins/PWG_Stuffs/theme/template/stuffs_tags.tpl" à la ligne 28 "{/pour chaque}" balise inconnue 'pourclose ' <-- jeté dans /volumex/xxx/xxxx/include/smarty/libs/sysplugins/smarty_internal_templatecompilerbase.php à la ligne 28

Aurais tu une idée sur l'origine du problème ?

Je l'ai utilisé sur avec Bootstrap Darkroom

Merci de ton retour.

Denis

Bonjour
Il y a des tags sur votre galerie ?

STF4: 2022-01-30 11:41:14

Bonjour,
J'ai été ravi de voir que quelqu'un avait essayé de rajeunir ce plugin.
Sauf qu'il ne fonctionne pas en l'état pour ma part
j'ai une erreur :

Erreur fatale : Uncaught --> Smarty Compiler : Erreur de syntaxe dans le template "file:/volume1/wex/xxxxx/plugins/PWG_Stuffs/theme/template/stuffs_tags.tpl" à la ligne 28 "{/pour chaque}" balise inconnue 'pourclose ' <-- jeté dans /volumex/xxx/xxxx/include/smarty/libs/sysplugins/smarty_internal_templatecompilerbase.php à la ligne 28

Aurais tu une idée sur l'origine du problème ?

Je l'ai utilisé sur avec Bootstrap Darkroom

Merci de ton retour.

Denis

STF4: 2022-01-30 11:36:32

Guillaume C a écrit:

Bonjour

extension:190 est un plugin quasi indispensable. Par contre, le module "Tags" est un peu obsolète :
- le "nuage de tags" n'est pas des plus jolis sur certains thèmes (dont Bootstrap Darkroom)
- le regroupement par lettres devient vite encombrant
- le "Cumulus Tag Cloud", en flash, n'est quant à lui plus supporté !

Pour ma part, j'ai partiellement modifié le contenu du fichier stuffs_tag.tpl (/plugins/PWG_Stuffs/theme/template/stuffs_tags.tpl), ce qui me permet d'avoir un tag Cloud en HTML5 un peu plus joli. S'il y a des intéressés, en attendant un éventuel rajeunissement de PWG Stuffs, voici le code (fonctionne avec Bootstrap Darkroom mais ça peut être facilement adapté).

Code:

{if $display_mode == 'cloud'}
<div id="fullTagCloud">
  {combine_script id='jquery.awesomeCloud' load='footer' path="themes/bootstrap_darkroom/js/jquery.awesomeCloud.js"}
{footer_script require='jquery.awesomeCloud'}{strip}
    $(document).ready(function(){
        $("#tagCloudCanvas").awesomeCloud({
            "size" : {
                "grid": 12,
                "factor": 0.2,
                "normalize": true
            },
            "options": {
                "color": "gradient",
                "rotationRatio": 0.5
            },
            "color": {
                "start": $('#tagCloudGradientStart').css('color'),
                "end": $('#tagCloudGradientEnd').css('color')
            },
            "font": "josefinsans,'Helvetica Neue',Helvetica,Arial,sans-serif",
            "shape": "square"
        });
    });
{/strip}{/footer_script}
    <div id="tagCloudCanvas">
{foreach from=$tags item=tag}
        <span data-weight="{$tag.counter}"><a href="{$tag.URL}">{$tag.name}</a></span>
{/foreach}
    </div>
    <div id="tagCloudGradientStart"></div>
    <div id="tagCloudGradientEnd"></div>
</div>

{elseif $display_mode == 'letters'}
<table>
  <tr>
    <td valign="top">
  {foreach from=$letters item=letter}
<fieldset class="tagLetter">
  <legend class="tagLetterLegend">{$letter.TITLE}</legend>
  <table class="tagLetterContent">
    {foreach from=$letter.tags item=tag}
    <tr class="tagLine">
      <td><a href="{$tag.URL}">{$tag.name}</a></td>
      <td class="nbEntries">{$pwg->l10n_dec('%d element', '%d elements', $tag.counter)}</td>
    </tr>
    {/foreach}
  </table>
</fieldset>
    {if isset($letter.CHANGE_COLUMN) }
    </td>
    <td valign="top">
    {/if}
  {/foreach}
    </td>
  </tr>
</table>

{elseif $display_mode == 'cumulus'}
<div style="text-align:center;">
<object data="{$PWG_CUMULUS_SWF}/tagcloud.swf" width="{$PWG_CUMULUS_WIDTH}" height="{$PWG_CUMULUS_HEIGHT}" type="application/x-shockwave-flash">
    <param name="movie" value="{$PWG_CUMULUS_SWF}/tagcloud.swf">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="quality" value="high">
    {if ($PWG_CUMULUS_MODE_TRANSPARENT)}
    <param name="wmode" value="transparent">
    {else}
    <param name="bgcolor" value="#{$PWG_CUMULUS_BGCOLOR}">
    {/if}
    <param name="flashvars" value="mode=tags&tcolor={$PWG_CUMULUS_COLOR1}&tcolor2={$PWG_CUMULUS_COLOR2}&hicolor={$PWG_CUMULUS_HICOLOR}&tspeed=100&distr=true&tagcloud=<tags>{foreach from=$tags item=tag}<a href='{$tag.URL}' style='{$tag.size}pt'>{$tag.display_name}</a>{/foreach}</tags>">
  </object>
</div>
{/if}

Ce n'est pas la solution la plus propre mais c'était la plus simple...

NB : Le CSS inclus dans le fichier correspond à mon thème, il est à adapter en fonction du vôtre.

Katryne: 2021-01-24 19:35:25

Bonsoir,

Moi, j'étais très fière de mon css pour un Bootstrap Darkroom customisé. Je l'avais juste mis dans la configuration du thème (dans le champ Custom CSS), sans rien forker, je me souviens que ça marchait pas dans LocalFileEditor.

Code:

.tagLevel1 {font-size:1rem;color:rgb(0,0,0);}
.tagLevel2 {font-size:1.4rem;color:rgb(206, 4, 13);}
.tagLevel3 {font-size:1.8rem;color:rgb(27, 146, 108);}
.tagLevel4 {font-size:2.2rem;color:rgb(63, 81, 181);}
.tagLevel5 {font-size:2.5rem;color:rgb(223, 105, 26);}
.tagLevel1,.tagLevel2,.tagLevel3,.tagLevel4,.tagLevel5 {
border: 1px solid rgb(67, 94, 149);
border-radius: .25em;
background-color: rgb(255,255,255);
padding: 0 .3rem;
font-variant:small-caps;
}

http://photos.katrynou.fr/

Guillaume C: 2021-01-24 17:23:05

Code:

{if $display_mode == 'cloud'}
<div id="fullTagCloud">
  {combine_script id='jquery.awesomeCloud' load='footer' path="themes/bootstrap_darkroom/js/jquery.awesomeCloud.js"}
{footer_script require='jquery.awesomeCloud'}{strip}
    $(document).ready(function(){
        $("#tagCloudCanvas").awesomeCloud({
            "size" : {
                "grid": 12,
                "factor": 0.2,
                "normalize": true
            },
            "options": {
                "color": "gradient",
                "rotationRatio": 0.5
            },
            "color": {
                "start": $('#tagCloudGradientStart').css('color'),
                "end": $('#tagCloudGradientEnd').css('color')
            },
            "font": "josefinsans,'Helvetica Neue',Helvetica,Arial,sans-serif",
            "shape": "square"
        });
    });
{/strip}{/footer_script}
    <div id="tagCloudCanvas">
{foreach from=$tags item=tag}
        <span data-weight="{$tag.counter}"><a href="{$tag.URL}">{$tag.name}</a></span>
{/foreach}
    </div>
    <div id="tagCloudGradientStart"></div>
    <div id="tagCloudGradientEnd"></div>
</div>

{elseif $display_mode == 'letters'}
<table>
  <tr>
    <td valign="top">
  {foreach from=$letters item=letter}
<fieldset class="tagLetter">
  <legend class="tagLetterLegend">{$letter.TITLE}</legend>
  <table class="tagLetterContent">
    {foreach from=$letter.tags item=tag}
    <tr class="tagLine">
      <td><a href="{$tag.URL}">{$tag.name}</a></td>
      <td class="nbEntries">{$pwg->l10n_dec('%d element', '%d elements', $tag.counter)}</td>
    </tr>
    {/foreach}
  </table>
</fieldset>
    {if isset($letter.CHANGE_COLUMN) }
    </td>
    <td valign="top">
    {/if}
  {/foreach}
    </td>
  </tr>
</table>

{elseif $display_mode == 'cumulus'}
<div style="text-align:center;">
<object data="{$PWG_CUMULUS_SWF}/tagcloud.swf" width="{$PWG_CUMULUS_WIDTH}" height="{$PWG_CUMULUS_HEIGHT}" type="application/x-shockwave-flash">
    <param name="movie" value="{$PWG_CUMULUS_SWF}/tagcloud.swf">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="quality" value="high">
    {if ($PWG_CUMULUS_MODE_TRANSPARENT)}
    <param name="wmode" value="transparent">
    {else}
    <param name="bgcolor" value="#{$PWG_CUMULUS_BGCOLOR}">
    {/if}
    <param name="flashvars" value="mode=tags&tcolor={$PWG_CUMULUS_COLOR1}&tcolor2={$PWG_CUMULUS_COLOR2}&hicolor={$PWG_CUMULUS_HICOLOR}&tspeed=100&distr=true&tagcloud=<tags>{foreach from=$tags item=tag}<a href='{$tag.URL}' style='{$tag.size}pt'>{$tag.display_name}</a>{/foreach}</tags>">
  </object>
</div>
{/if}

Ce n'est pas la solution la plus propre mais c'était la plus simple...

NB : Le CSS inclus dans le fichier correspond à mon thème, il est à adapter en fonction du vôtre.

Piwigo.org

Annonce