Fakebook, a theme for social media lovers

theme
131

I want to use Discourse Reactions for this theme.
Can someone please update the list page to show Discourse Reactions?

4 Likes
132

I noticed this issue too. The formatting breaks when the category subcategories are turned on. I’ve been able to correct some of the formatting issue so it displays sensibly by using the following SCSS in a custom theme component:

body.categories-list.category {
    .category-heading {
        p {
            font-size: var(--font-up-1);
        }
    }

    table.topic-list tr.topic-list-item > div.main-link {
        display: table-cell;
        width: 100%;
        
        .link-middle-line > .topic-image {
            margin: 10px 0;
            > img {
                width: 100%;
            }
        }
    }
}

Still a bit of work to go to make it behave as normal, though. I think it is a bug in the theme. I will take a look when I get a chance and see if I can identify the issue and fix it. I’d like to display subcategories, and it’s not possible in the current code version.

@awesomerobot let me know how I can help =) If you have any pointers or ideas, I’m all ears.

1 Like
133

空间布局不合理，分类选择居然占了三分之一的宽度！或许重新调整下界面中各个组件的比例会更好。
另外，能否单独将topic样式单独做成一个组件？我喜欢这样直接显示部分内容和图片的展示方式。

The space layout is unreasonable, and the classification selection actually accounts for one-third of the width! Perhaps it would be better to re-adjust the proportions of the various components in the interface.
In addition, can the topic style be made into a component separately? I like this way of displaying part of the content and pictures directly.

3 Likes
134

Hello,

It’s really a very nice customization :heart: :heart: :heart:. Is it possiable to have your “Fakebook Modern Plus” theme?

3 Likes
135

I am actually interested in knowing the same thing. I’ve been thinking about it for a while. I’m glad I came across your post.

If there is a way to replicate (at least) most of the looks and functionality of Google+ VIA themes and plugins, I would be all for it!

Here are some images I could find online. The entirety of Google+ was not archived well in its final days.


1920×959 118 KB

4 Likes
136

Could you have more option to be the same as facebook?

  1. Hide title
  2. Image first
  3. Multi image layout
  4. Icon font
137

Hey guys, would it be possible to tell the theme to only customize the feed section and leave the inbox alone? It’s not a very clean UI for messaging lol.

2 Likes
138

Hi @awesomerobot and Team,
I would like to know how to customize this Fakebook theme, because I have implemented this theme in my application, I need to changes some css styles but I couldn’t find any editor to override the existing css. Please let me know how to achieve that.

Can someone please tell whether it is possible or not. Thank You !

2 Likes
139

There are a couple different ways you can go to customize an existing theme:

2 Likes
140

please fix it. Or just put simple 1 color

image
image1920×891 109 KB

Or bellow:

image
image2500×1348 446 KB

4 Likes
141

I think Fakebook theme very closed to Gettr’s layout below

image
image1920×986 124 KB

Hope we will have a nice and usefull theme like that. :grinning:

1 Like
142

Just use Topic List Previews (tiles) or Topic List Thumbnails with Layouts Plugin and a right and left sidebar.

3 Likes
143

Thanks. I am currently use Topic List Preview. Working perfectly!

I just tested Layout Plugin, a little more complicated.

I hope sidebar will be officially in Discourse. :slightly_smiling_face:

1 Like
144

Feel free to ask for support on the Layouts Topic. It’s pretty straightforward. Just add widgets by installing them as theme components and then select them in the plugin settings.

3 Likes
145

This has now been resolved with the following PR:

3 Likes
147

How can I add image preview on the suggested topics?

1 Like
148

Hello,

Create a new theme component or add this to an existing one.

Add to Common / CSS

This will display the topic image on suggested topics.

#suggested-topics {
  .topic-list .main-link {
    .link-middle-line {
      .topic-image,
      img {
        display: block;
      }
    }
  }
}

If you want to add the topic excerpt too then use this code snippet instead of the previous.

This will display the topic image and topic excerpt on suggested topics.

#suggested-topics {
  .topic-list .main-link {
    .link-middle-line {
      .topic-image,
      img {
        display: block;
      }
    }
    .topic-excerpt {
      display: block;
    }
  }
}
4 Likes
149

I have just created a theme component (fakebook-preview-suggested-topics).
I am happy to share if anyone is interested (Just click Like).

1 Like
150

But this is the old Facebook theme.

151

If you’re looking for a newer one, the FKB Pro theme is a good pick.

2 Likes