Current date/time is March 28th 2024, 3:06 pm

Search found 7 matches for hashtag

Trying to work a widget that shows the latest topic for what tags member is following.

Apollo 2.0 wrote:
Code:
/feed/?highlight=HASHTAG


HASHTAG = #hashtag / #appolo, #forumotion
Not use #


I know, you mean the link should be like:

/feed?highlight=example

when the tag is #example right?

It's not working for me.
by zims
on March 25th 2018, 12:19 pm
 
Search in: Garbage
Topic: Trying to work a widget that shows the latest topic for what tags member is following.
Replies: 4
Views: 1236

Styling #Hashtags?

Is their anyway that we could style hashtags to appear like the keywords in the topic titles here: https://help.forumotion.com/t133869-style-topic-title-keywords#901194

With dark grey colored padding rather than the white colored padding in the tutorial. I'd also like to prevent normal members from using the new #Hashtag system so it can be used only for keywords in the blog entries!

@Ange Tuteur I summon you! Wink
by Rukiafan
on February 23rd 2016, 10:13 pm
 
Search in: Garbage
Topic: Styling #Hashtags?
Replies: 15
Views: 1360

Additional options for hashtags

Additional options for hashtags



This tutorial will offer you two ways to improve the usage of the #hashtag system on your Forumotion forum. Both features will be installed via JavaScript, so make sure to navigate to JavaScript codes management.

Administration Panel > Modules > JavaScript codes management

If you're new to Forumotion, make sure that JavaScript code management is enabled. Now, feel free to choose the features you want to install. Wink

  1. Hashtag popup options
  2. SCEditor hashtag button



Topics tagged under hashtag on The forum of the forums 09615110 Hashtag popup options


This modification provides extended options for interacting with hashtags, allowing you to quickly follow tags, view tagged subjects, and manage your tags.

Topics tagged under hashtag on The forum of the forums Popup10

Create a new new script with the following settings. Add

Title : Hashtag popup
Placement : In all the pages
Code:
$(function() {
  var a = document.getElementsByTagName('A'), b = document.createElement('DIV'), i = 0, j = a.length, actif, t;
  b.className = 'fa_hashtag-options';
  b.style.display = 'none';
  document.body.appendChild(b);
  
  for (; i<j; i++) {
    if (a[i].title && /\/tags\//.test(a[i].href) && /^#/.test(a[i].innerHTML)) {
      a[i].className += ' fa_hashtag';
      
      a[i].onclick = function() {
        
        if (actif != this) {
          actif = this, t = this.innerHTML;
          t.length > 24 && (t = t.slice(0, 25).replace(/^\s+|\s+$/g, '') + '...');
          
          b.style.left = $(this).offset().left + 'px';
          b.style.top = $(this).offset().top + 'px';
          b.innerHTML = '<div class="fa_hashtag-title">Options for <span class="fa_hashtag-tag">' + t + '</span></div><b>• </b><a href="' + this.href + '">View tagged subjects</a>' + (_userdata.session_logged_in ? '<form method="post" name="addtag_form" action="/profile?mode=editprofile&page_profil=tags&start&submit=1"><b>• </b><a href="#" onclick="this.parentNode.submit();return false;">Follow <span class="fa_hashtag-tag">' + t + '</span></a><input name="addtag" type="hidden" value="' + this.innerHTML.slice(1) + '"></form><b>• </b><a href="/profile?mode=editprofile&page_profil=tags">Manage tags</a>' : '');
          
          /none/.test(b.style.display) && (b.style.display = 'block');
        } else {
          actif = null;
          b.style.display = 'none';
        }
        
        return false;
      };
    }
  }
});



Now we just need to add some CSS so the popup is displayed correctly. Go to Administration Panel > Display > Colors > CSS stylesheet, and paste the following style rules.
Code:
/* options drop down */
.fa_hashtag-options {
  color:#666;
  font-size:11px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  line-height:14px;
  background:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
  margin-top:20px;
  padding:3px;
  position:absolute;
  z-index:100;
}

/* options title */
.fa_hashtag-title {
  font-size:12px;
  border-bottom:1px solid #CCC;
  padding-bottom:3px;
  margin-bottom:3px;
}

/* option links */
.fa_hashtag-options a {
  color:#333;
  text-decoration:none;
  display:inline-block;
  padding:2px 6px 2px 0;
}

.fa_hashtag-options a:hover {
  color:#666;
  text-decoration:underline;
}

/* option bullets */
.fa_hashtag-options b {
  color:#333;
  padding-left:6px;
}

/* option tags */
.fa_hashtag-tag {
  color:#000;
  font-weight:bold;
}



The script additionally adds a classname to all hashtags in posts, so if you want to add a unique style to hashtags, you can use the following rules.
Code:
/* hashtag styles */
a.fa_hashtag {
  color:#666;
  text-decoration:none;
  background-color:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  display:inline-block;
  padding:3px;
}

a.fa_hashtag:hover {
  color:#333;
  background-color:#DDD;
  border-color:#999;
}


The default result is this, but you're free to change the style. Smile
Topics tagged under hashtag on The forum of the forums Style10


Topics tagged under hashtag on The forum of the forums 09615110 SCEditor hashtag button


This modification will add an additional button to your editor. The button will allow you to type out your hashtag name, or choose from a predefined list of the tags you're currently following.

Topics tagged under hashtag on The forum of the forums Editor10

Go to JavaScript codes management and create a new script with the following settings. Add

Title : SCEditor Hashtag Button
Placement : In all the pages
Code:
$(function(){
  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
  var storage = window.localStorage, s = document.createElement('SELECT'), tags = '';
  
  if (storage && storage.faTags && storage.faTagsExp > +new Date - 29*59*1000 && storage.faTagsUser == _userdata.username) s.innerHTML = storage.faTags;
  else {
    $.get('/profile?mode=editprofile&page_profil=tags', function(d) {
      var h = $('form[name="tag_list"] a', d);
    
      if (h.length) {
        for (var i = 0, j = h.length, txt; i<j; i++) {
          txt = h[i].innerHTML.replace(/^\s+|\s+$/g,'');
          if (/^#/.test(txt)) {
            !tags && (tags += '<option value="">Select a tag</option>');
            tags += '<option value="'+ txt.slice(1) +'">' + (txt.length > 24 ? txt.slice(0, 25) + '...' : txt) + '</option>';
          }
        }
        s.innerHTML = tags;
      }
    
      if (storage) {
        storage.faTags = tags ? tags : 0;
        storage.faTagsUser = _userdata.username;
        storage.faTagsExp = +new Date;
      }
    });
  }
    
  
  $.sceditor.command.set('hashtag', {
    dropDown : function(editor, caller, callback) {
      var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
      b.type = 'button';
      b.value = 'Insert';
      b.className = 'button';
      
      c.type = 'text';
      c.id = 'fa_hashtag';
      
      a.innerHTML = '<div><label for="fa_hashtag">Hashtag :</label></div>' + ( s.innerHTML ? '<div><label>Followed tags :</label></div>' : '' ) + '<div></div>';
      a.firstChild.appendChild(c);
      a.lastChild.appendChild(b);
      
      if (s.innerHTML != 0) {
        s.value = '';
        a.getElementsByTagName('DIV')[1].appendChild(s);
        s.onchange = function() {
          c.value = s.value;
        };
      }
      
      b.onclick = function() {
        c.value && callback(c.value);
        editor.closeDropDown(true);
      };

      editor.createDropDown(caller, 'inserthashtag', a);
    },

    exec : function(c) { tag(c, this) },
    txtExec : function(c) { tag(c, this) },
    
    tooltip : 'Insert a hashtag'
  });
  
  toolbar = toolbar.replace(/quote,/,'hashtag,quote,');
  
  function tag(c, e) {
    $.sceditor.command.get('hashtag').dropDown(e, c, function(tag) {
      e.insertText('#' + tag.replace(/^#/,'').replace(/[\xD7\xF7\x00-\x2F\x3A-\x40\x5B-\x60\x7B-\xBF]/g, '_') + ' ');
    });
  }
});


Exclamation Attention : Invalid characters will be replaced by _ on insertion.


So the button has an icon and the drop down, it's necessary that you add some CSS to your stylesheet. Go to Administration Panel > Display > Colors > CSS stylesheet, and paste the following style rules.
Code:
/* button image */
.sceditor-button-hashtag div { background-image:url(https://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }

/* drop down input */
#fa_hashtag {
  background:url(https://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}


Click submit, and you're ready to do some tagging !.. hash tagging ! Mr. Green


by Ange Tuteur
on May 1st 2015, 7:56 am
 
Search in: Tips & Tricks
Topic: Additional options for hashtags
Replies: 2
Views: 10087

Complete search function?

With the new tag system, you can search by tags.

Tag Examples:  #cat #love #hashtag
by SLGray
on February 11th 2015, 10:48 am
 
Search in: Garbage
Topic: Complete search function?
Replies: 2
Views: 1042

Tag @member system.

I apologize for the double posting, but I removed the @username option left the #hashtag option, multi quoted several posts and it's fine. 

It appears the @username option is what messed up the post when using multi quote.

ETA: I see my earlier post is messed up. My avi was pushed down. That's what happened on my forum as well.
by Guardian-Angel
on December 9th 2014, 3:28 am
 
Search in: Other Problems Archives
Topic: Tag @member system.
Replies: 21
Views: 1543

[New option] Hashtags # on your forum

Once activated, all you need to do is place a #hashtag (<- Click it Smile )
by Ramdaman
on December 8th 2014, 5:42 pm
 
Search in: Updates and new features
Topic: [New option] Hashtags # on your forum
Replies: 21
Views: 10662

Back to top

Jump to: