Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 30.4k 1
  • 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

  • Yep I have the same things.

    EDIT : I mean same problem as cagatay

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

    wrote on last edited by phenomlab
    #33

    @DownPW Hmm. That’s different to what I see. Let me have a look.

    EDIT: How odd, I don’t remember changing this value

    c4135be9-dac0-4904-9e1c-aa4fae8c1ce0-image.png

    It’s been changed now to “Oldest to Newest”.

  • wrote on last edited by
    #34

    ha ha better now 🙂

  • ha ha better now 🙂

    wrote on last edited by
    #35

    @DownPW There are two places this can be changed. In the ACP, and also in your profile. Strange though as I do not recall changing the global setting.


Related Topics
  • Planned sunset of NTFY plugin

    Pinned Announcements push nodebb ntfy
    7
    1
    8 Votes
    7 Posts
    4k Views
    phenomlab
    I’ve noticed that I’m the only one subscribed to the push notifications on this site. If you were using NTFY previously, and have noticed that you’ve not had any alerts for a while, it’s because this feature has been disabled. You’ll now need to use the push notification to replace NTFY as mentioned in the first post.
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    3k Views
    phenomlab
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • "most votes" ranking option is not respecting the plugin

    Bugs nodebb
    5
    1
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
  • Composer options on nodebb

    Solved Configure nodebb
    8
    1
    3 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda You should be able to expose the CSS for these using F12 to get into console [image: 3591518c-e3a3-4ada-a43c-6b32a5e0359c-image.png] [image: a2b8ed46-4157-4ff2-85f0-576543380107-image.png] That should then expose the element once selected [image: 89d9c545-a47a-40d1-98f4-80cf3b958e8f-image.png] Here’s the below CSS you need based on the screenshot provided. .composer .formatting-bar .formatting-group li[data-format="picture-o"], .composer .formatting-bar .formatting-group li[data-format="spoiler"] { display: none; }
  • Email validation NodeBB

    Bugs nodebb
    21
    3 Votes
    21 Posts
    10k Views
    phenomlab
    @Panda said in Email validation NodeBB: Did you configure that as a custom change to the usual quote icon. How do you do that? I notice on NodeBB site its a solid blue quotes Yes, I changed it. NodeBB by default users the free font awesome library whereas I use the pro (paid) version SDK have access to a wider set of icons, and at different thicknesses etc. The change of colour is just simple CSS.
  • How to fix header side as boxed

    Solved Customisation header boxed sudonix nodebb
    10
    1
    6 Votes
    10 Posts
    3k Views
    cagatay
    @phenomlab yes it caused a problem for mobile users. thank you for helping …
  • Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • NodeBB metadata

    Solved Configure nodebb
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in NodeBB metadata: @jac Are you sure ? https://www.google.co.uk/search?q=site%3Astockportcounty.fans&sxsrf=AOaemvLwnaZL-PliU_2dBOg_Eo1pMVhBjg%3A1638982328139&source=hp&ei=uOKwYeatBcOsad3yp7AE&iflsig=ALs-wAMAAAAAYbDwyLBSDcG5XYoFCKwQFhgz94wTxOcV&ved=0ahUKEwjm6dX71NT0AhVDVhoKHV35CUYQ4dUDCAk&uact=5&oq=site%3Astockportcounty.fans&gs_lcp=Cgdnd3Mtd2l6EAM6BAgjECc6CwgAEIAEELEDEIMBOg4ILhCABBCxAxDHARCjAjoRCC4QgAQQsQMQgwEQxwEQowI6BQguEIAEOggIABCABBCxAzoFCAAQgAQ6CAguELEDEIMBOgsILhCABBDHARCvAToICC4QgAQQsQM6BQgAELEDOgsILhCABBDHARDRAzoLCAAQgAQQsQMQyQM6BQgAEJIDUABYySZg0CdoAHAAeACAAW2IAa0NkgEEMjMuMpgBAKABAQ&sclient=gws-wiz Fair enough 🤪🤪.