How to create this theme in Site Customization?

(Surjith S M) #1

I have created this style for Envato Forums. it’s just manipulating the DOM.

Here is how it looks like :

IMAGE LINK (new users can’t put images)

Actual Code to Install : Envato : Old Forum Style for New Forums · GitHub

I’m new to Discourse. I’d love to know how this can be integrated in “Site Customization”

(Sam Saffron) #2

Link is broken, do you have a local discourse install or one where you are an admin ?

(Erlend Sogge Heggen) #3

This is his image:

edit: d’oh

(Sam Saffron) #4

Sorry, I mean the gist link is broken.

(Simon Cossar) #5

You might get some ideas for how to include a thumbnail image from this post: Reddit Style picture thumbnail on the left

(Surjith S M) #6

Sorry, here is the actual link to the CSS & JS Code

Oops… cant post more than two link :slight_smile: please see the original post for the updated link :+1:

(Kane York) #7
observeDOM( document.getElementById('main-outlet') ,function(){
            $('.topic-list-item').not('.old-forum-loaded').each(function() {
             showAvatars( $(this) );
             hideCustomTags( $(this) );

You should be hooking into Ember to do these :smile: That’ll let you filter out the tags before they even go into the DOM.

(Surjith S M) #8

I wish I could. but I’m new to the Ember thing :stuck_out_tongue: