Sudonix

    Sudonix

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular
    • Tags
    • Users
    • Groups
    • Solved
    • More
      • Contact
      • Donate
      • FAQ
      • Founder's Journey
      • Terms and Policies
    1. Home
    2. Tags
    3. css
    1. Technology Consultancy and Advisory
    Log in to post
    • All categories
    • DownPW

      Solved chat list navbar
      Customisation • css navbar chat menu • • DownPW

      30
      0
      Votes
      30
      Posts
      88
      Views

      DownPW

      No no it’s ok @phenomlab
      I just comment the 2 lines mentionned aboves 😉

    • DownPW

      Solved Quote design CSS
      Customisation • css quote • • DownPW

      15
      0
      Votes
      15
      Posts
      67
      Views

      phenomlab

      @DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning.

      Good spot 🙂

    • DownPW

      Solved answers appearance css code request
      Customisation • css answers • • DownPW

      11
      0
      Votes
      11
      Posts
      50
      Views

      phenomlab

      @DownPW yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.

    • DownPW

      Solved Bottom footer navbar button extend
      Customisation • css javascript customisation footer navbar • • DownPW

      32
      0
      Votes
      32
      Posts
      94
      Views

      phenomlab

      @DownPW said in Bottom footer navbar button extend:

      Oh my god, it’s beautiful mark

      I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept ♥

    • DownPW

      Blinking text Effect
      Customisation • nodebb text effect css • • DownPW

      2
      1
      Votes
      2
      Posts
      31
      Views

      phenomlab

      @DownPW looks great ! Has that “broken neon light” look that you see in films. When I saw the title of this post, I instantly thought of the flashing text everyone had on their website in the 90’s and early 00’s but I like this effect a lot.

      Custom-Bates-Motel-No-Vacancy-Glass-Neon-Light-Sign-Beer-Bar.jpg_Q90.jpg_.webp

    • DownPW

      Unsolved New message CSS problem
      Customisation • css • • DownPW

      10
      0
      Votes
      10
      Posts
      136
      Views

      DownPW

      tes. maybe rights pb

    • phenomlab

      CSS3: Gradient Generator
      Development • css gradient • • phenomlab

      1
      1
      Votes
      1
      Posts
      41
      Views

      No one has replied

    • pwsincd

      Unsolved Fontawesome 5
      Customisation • fonts css nodebb • • pwsincd

      13
      0
      Votes
      13
      Posts
      134
      Views

      phenomlab

      @pwsincd no problems. Just let me know.

    • pwsincd

      Solved [NodeBB] greeting message
      Customisation • css nodebb javascript • • pwsincd

      2
      1
      Votes
      2
      Posts
      64
      Views

      phenomlab

      @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here

      https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358

    • DownPW

      [NodeBB] [JS SCRIPT/CSS] Theme Switcher
      Customisation • theme switcher javascript css theme • • DownPW

      8
      2
      Votes
      8
      Posts
      656
      Views

      phenomlab

      @DownPW done

    • DownPW

      Solved [NODEBB] Help for my custom CSS
      Customisation • nodebb css bugfix • • DownPW

      100
      0
      Votes
      100
      Posts
      689
      Views

      DownPW

      great it works great 🙂

      You had to see this stuff !!

      You are too strong as usual Mark.

      Many Thanks 👍

    • crazycells

      Solved tag icon in front of tags
      Customisation • css • • crazycells

      5
      0
      Votes
      5
      Posts
      108
      Views

      crazycells

      @phenomlab said in tag icon in front of tags:

      @crazycells Are you using Font Awesome Free ? If so, try this

      span.tag:before { content: "\f02b"; font-family: "Font Awesome 5 Free"; margin-right: 5px; margin-left: 5px; font-weight: 900; }

      yeap, this worked 👍 thanks a lot.

    • DownPW

      Solved [NodeBB] Import custom Font
      Customisation • custom fonts nodebb css • • DownPW

      10
      0
      Votes
      10
      Posts
      149
      Views

      phenomlab

      @downpw plus the fact that it’s up to 5 less html requests your server needs to perform which means less resources are being used.

      It’s always best to host fonts locally from the performance perspective.

    • DownPW

      Solved [NODEBB] Reply Button/arrow answer
      Customisation • css nodebb • • DownPW

      25
      0
      Votes
      25
      Posts
      246
      Views

      DownPW

      Topic open
      https://sudonix.com/topic/207/nodebb-help-for-my-custom-css

    • DownPW

      Solved [NODEBB] Scroll Button
      Customisation • css javascript html scroll button • • DownPW

      7
      0
      Votes
      7
      Posts
      108
      Views

      phenomlab

      @downpw ooops. Forgot that. Thanks for adding.

    • DownPW

      Solved [NODEBB] Welcome Message
      Customisation • css html nodebb • • DownPW

      18
      0
      Votes
      18
      Posts
      318
      Views

      phenomlab

      For anyone reviewing this post, there’s an updated version here that also includes an sunrise / sun / moon icon depending on the time of day

      https://sudonix.com/topic/233/nodebb-welcome-message-with-logo-footer-change/3?_=1645445273209

    • DownPW

      Solved Avatar on Topic Header
      Customisation • css avatar header • • DownPW

      9
      0
      Votes
      9
      Posts
      138
      Views

      JAC

      @jac said in Avatar on Topic Header:

      @downpw said in Avatar on Topic Header:

      Great Plugin 🙂

      I make it a bit cleaner via this CSS code:

      /*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; }

      Do you have a screenshot of how this looks with the CSS change?

      Just added this change, thanks @DownPW 🙂

    • DownPW

      Solved Multiple link on one ico non Navbar
      Customisation • links css navbar • • DownPW

      7
      0
      Votes
      7
      Posts
      92
      Views

      DownPW

      yeah you’re right @phenomlab.
      Problem of NodeBB Version

    • DownPW

      Solved Reading Meter Progress bar
      Customisation • css • • DownPW

      14
      0
      Votes
      14
      Posts
      180
      Views

      JAC

      @phenomlab said in Reading Meter Progress bar:

      @jac Steps are here 🙂

      Many thanks will hopefully be able to achieve this once home tomorrow!

    • DownPW

      Solved Bug Navbar CSS
      Customisation • navbar css • • DownPW

      3
      0
      Votes
      3
      Posts
      74
      Views

      DownPW

      Not better way.

      Thanks.