Show or hide page-tags by your control

Posted by Helmut_pdorf on 18 Jul 2020 15:15, last edited by Helmut_pdorf on 18 Jul 2020 15:26

Tags: css page-tags tags template

rating: 0+x

There was a wish on the community forum to either hide completely or make it controllable for the owner - the page-tags division on the end of a page.

The question was in italian language , but the test pages on the community playground are in english:
http://community.wikidot.com/forum/t-13551203/tags#post-4722134

On Community-playground:

1. completely hidden

Done with a single module CSS:
the "page-tags" division is set to "display:none"

[[module CSS]]
div.page-tags
 {
   display: none;
 }
[[/module]]

http://community-playground.wikidot.com/tags-in-block
Over the tags button the change is alkways possible ( if allowed)

2. Owner controlled

Done over the live "category:_template" page - where
the "page-tags" division is set to "display:none" ( module CSS)

and the place WHERE the tags are displayed is set by the live _template variables

  • %%tags_linked%% ( normal tags) and
  • %%_tags_linked%% ( hidden tags )
  • before or after the %%content%% variable

If you want you can insert at the same point the standalone button tags .

The display is also defined by a standard division style:

[!--  display: none;
  width:60%;
  border:2px solid green; --]
[[module CSS]]
div.page-tags
 {
   display: none;
 }
[[/module]]
%%content%%
[[div style="width:100%;border:2px solid brown;color:brown ; background-image:url(http://dragonageitalia.wdfiles.com/local--files/wiki%3Aimmagini/dragon_background_bright.jpg);opacity:0.8;background:rgba( , , , 0.3)"]]

[[button tags text="Normal-Tags"]]:@@     @@ %%tags_linked%%
@@  @@
[[button tags text="Hidden-Tags"]]:@@     @@ %%_tags_linked%%
[[/div]]

3. Footnoteblock

If you want the footnoteblock displayed before the new inserted place of the tags on your live_template page
than you should insert the [[footnoteblock]] line before your page tags division !

4. Working sites

http://dragonageitalia.wikidot.com/morrigan (footnotes before the new inserted tags with background image)

in _template page:

[[module CSS]]
div.page-tags
 {
   display: none;
 }
[[/module]]
%%content%%

[[footnoteblock]]

+++ Categorie
[!-- [[div style="width:100%;border:2px solid brown;"]] --]
[[div style="width:100%;border:2px solid brown;color:brown ; background-image:url(http://dragonageitalia.wdfiles.com/local--files/wiki%3Aimmagini/dragon_background_bright.jpg);opacity:0.8;"]]
@@ @@ %%tags_linked%%
@@ @@
@@ @@ %%_tags_linked%%
[[/div]]

Related articles

Comments

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.