Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 31.3k 1
  • @cagatay said in Want to use Sudonix themes ?:

    Mark hi
    How i can add below status plugin?

    image.png

    this is nice, I see its usefulness, but somehow this reminds me old forums very much 😄 so, I have mixed feelings about this widget… I guess nodebb uses a modernized version of the stats by default…

    wrote on last edited by
    #13

    @crazycells yes, it does. It’s somewhat traditional, and a bit “PHPBB” if I’m honest, but I quite like it.

  • @crazycells yes, it does. It’s somewhat traditional, and a bit “PHPBB” if I’m honest, but I quite like it.

    wrote on last edited by phenomlab
    #14

    @phenomlab Yes probably… But, I think all old forum formats had something very similar… I, too, liked this, do not get me wrong, it is quite useful for a nice summary of forum stats… But at least for “persona” theme, default forum stat widget was more proper I guess… or maybe it is my bad taste lol…

    Screenshot 2023-12-27 at 13.59.18.png

    PS. I realized that I have to adjust “online users” title as multi-language…

  • wrote on last edited by DownPW
    #15

    Yep I prefer too modern persona widgets.

    Like this for me :

    image.png

  • wrote on last edited by
    #16

    here mine 🙂

    image.png

  • phenomlab phenomlab unpinned this topic on
  • wrote on last edited by
    #17

    Mark hi,
    I would like to use your color which you are using now. Post,background, topic etc.
    Could you please help me?

  • Mark hi,
    I would like to use your color which you are using now. Post,background, topic etc.
    Could you please help me?

    wrote on last edited by phenomlab
    #18

    @cagatay Can you elaborate a bit more?

  • wrote on last edited by
    #19

    Such as the background color used, the frame and color of the topics and the fonts. I want it to be on my site like on Sudonix.

  • Such as the background color used, the frame and color of the topics and the fonts. I want it to be on my site like on Sudonix.

    wrote on last edited by
    #20

    @cagatay Structurally, Sudonix is now a significant departure from the stock Harmony theme and makes several adjustments to layout, logos etc. Because of this, your site will not look as it should post code implementation, therefore, I’d advise against going for a direct copy of the code, but to focus on setting the CSS to be how you’d like in terms of colours etc.

    Your own site has quite a high level of customisation, and this would effectively be lost if you chose the direct replacement route.

  • wrote on last edited by
    #21

    so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

  • so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

    wrote on last edited by
    #22

    @cagatay You can replace the CSS, although if you take the latest code from Sudonix, this will reference objects as variables that do not exist on your site and will therefore fail to render properly. My suggestion here would be to select the colour scheme you like and replicate the CSS for this manually on your own site.

  • wrote on last edited by
    #23

    got your point thank you will do.

  • wrote on last edited by cagatay
    #24

    could you please share css path for your web site.

  • could you please share css path for your web site.

    wrote on last edited by
    #25

    @cagatay Sure. Here’s the light theme CSS file

    https://sudonix.org/assets/customcss/light.css

    Others are as below

    b1072f13-9bea-4129-aa68-ea9edc68830c-image.png

  • wrote on last edited by
    #26

    Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

  • Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

    wrote on last edited by phenomlab
    #27

    @cagatay You can target the CSS and see how it is constructed. You probably need the revised CSS and theme files.

    CSS is below

    .btn-primary, .btn-light {
        --bs-btn-active-bg: var(--bs-node-btn-active-bg);
        --bs-btn-active-border-color: var(--bs-node-btn-active-border);
        --bs-btn-bg: var(--bs-node-btn-bg);
        --bs-btn-border-color: var(--bs-node-btn-border);
        --bs-btn-box-shadow: none;
        --bs-btn-color: var(--bs-node-btn-color);
        --bs-btn-hover-bg: var(--bs-node-btn-active-bg);
        --bs-btn-hover-border-color: var(--bs-node-btn-active-border);
        font-size: 14px;
        padding: 4px 8px;
        background: var(--bs-btn-bg);
    }
    
  • wrote on last edited by
    #28

    Mark, I think you changed the format of the forum’s message list.
    The last article I wrote on this topic appears in the middle of the list.

  • wrote on last edited by
    #29

    Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

  • Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

    wrote on last edited by
    #30

    @phenomlab i understood that first post always on top then #2 post is new one right?

  • @phenomlab i understood that first post always on top then #2 post is new one right?

    wrote on last edited by
    #31

    @cagatay no, it’s never worked that way on Sudonix. The newest post is always at the bottom (end) of the thread.

  • wrote on last edited by DownPW
    #32

    Yep I have the same things.

    EDIT : I mean same problem as cagatay

    bf6eb622-f0e5-4102-8f9b-ab08752fda68-image.png


Related Topics
  • 14 Votes
    17 Posts
    5k Views
    DownPW
    No problem dude ! I hope you have a good vacation. Enjoy your loved ones!
  • Page control arrows for PWA

    Solved Customisation nodebb
    27
    25 Votes
    27 Posts
    15k Views
    phenomlab
    @crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems. /** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android } Once you’re in that rabbit hole, it’s impossible to get out of it.
  • build nodebb Warning in entrypoint size limit

    Solved Performance nodebb
    2
    0 Votes
    2 Posts
    1k Views
    phenomlab
    @eeeee they are nothing to worry about, and can be ignored.
  • Title on homepage of nodebb forum

    Solved Customisation nodebb
    2
    1 Votes
    2 Posts
    2k Views
    phenomlab
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • ineffecient use of space on mobile

    Solved Customisation nodebb
    10
    2
    7 Votes
    10 Posts
    4k Views
    crazycells
    @phenomlab Thanks
  • is "night mode" shifting the forum several pixels up?

    Solved Configure nodebb
    8
    4 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. Good point. I actually use my own version of the dark mode plugin, so not entirely sure. However, I think the CSS is probably the same. I’m not at my PC currently but can check and advise later.
  • nodebb dropdown menu

    Solved Configure nodebb
    5
    1
    0 Votes
    5 Posts
    3k Views
    JAC
    @phenomlab said in nodebb dropdown menu: @kurulumu-net You set it like the below example taken from this site [image: aae36790-3257-4bb2-ad5a-0d744309876a-image.png] Which presents this [image: 77f47260-2941-4afe-9614-8e17dcfc8c19-image.png] Very interesting… I actually thought this wasn’t possible, as I remember it being asked in the NodeBB forum. Is this something new that’s been implemented? I’ll 100% be doing that when I’m on the laptop over the weekend.
  • RSS parser script [NodeBB]

    Customisation nodebb rss script
    47
    9 Votes
    47 Posts
    24k Views
    JAC
    @phenomlab said in RSS parser script [NodeBB]: @jac Not yet. Sorry. Have some other work commitments I need to prioritise. Hoping to get to this over the weekend. No worries at all mate, thanks