Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : https://ekin-ek.666forum.com/

Description of problem

I want to be able to clearly classify a large number of topics,Maybe it’s like a button or label
It has [All], [Hot], [Translation], [Original]... and so on

I can click the button and find only [original] articles to help me quickly find related topic types

https://drive.google.com/file/d/18aLCy0ncrEejEN6fDCCbgo0WwujpfRtd/view
https://drive.google.com/file/d/1bPY--fGUJ2KEe9U3IAc_EvD_-yMgOwHk/view

hello

please use our upload button for uploading images
i can not read Chinese so i do not understand your images

if ou want to add prefixes to your forum see this tutorial https://help.forumotion.com/t134270-buttons-to-add-prefixes-in-topic-titles?highlight=prefixes

Thanks a lot, skouliki

There is an idea close to me

But I want to know in the layout: how to add buttons or labels so that readers can immediately find the article they want (not to edit the topic in the article)

For example: [Music] [Movie] [TV Series] [Book] [Magazine]

I can directly click [Music] in the layout, and I will only see all the topics of [Music]
I can directly click [Movie] in the layout, and I will only see all the topics of [Movie]

thank you for your reply

you can use the hashtag system then like facebook
https://help.forumotion.com/t140504-additional-options-for-hashtags?highlight=hashtag

Very thanks , skouliki


Maybe it's what i want.


However, I don’t understand why I tried to paste the code according to the steps, but nothing changed?
Or am I missing some steps? (Maybe I need to try more?)


Thank you for your reply, you are such a friendly person.

maybe the script is outdated

can you try please to customize the tags with this code instead

javascript / placement all pages

Code:


$(function() {
  var a = document.getElementsByTagName('A'), i = 0, j = a.length;
 
for (; i<j; i++) {
  if (a[i].title && /\/tags\//.test(a[i].href) && /^#/.test(a[i].innerHTML)) {
a[i].className += ' fa-hashtag';
}
}});


then go to your css and paste this

Code:


a.fa-hashtag {
  color: #1C9AB8 !important;
  text-decoration: none;
  background-color: #ECF6FA;
  border: 1px solid #97C6D7;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
}