Sudonix

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

CSS3: Gradient Generator

Development

1 Posts 1 Posters 120 Views

undefined Online

undefined Online
phenomlab
wrote on last edited by

#1

Another resource I’m using pretty much full time is the CSS3 Gradient Generator below. It’s extremely useful, and provides a very quick method to generate gradients when required. Both powerful and easy to use, it should be in every web developer’s arsenal

https://cssgradient.io/
Author of OGProxy, Swatch, Threaded, and most of Sudonix's bugs…

1 Reply Last reply
1

undefined

Footer bar add center text
Scheduled Pinned Locked Moved Solved Customisation css
41

8 Votes

41 Posts

272 Views

undefined

@phenomlab said in Footer bar add center text:

div#console-nav-tab

Ah ok test with bottom: 0px !important; idem
undefined

chat list navbar
Scheduled Pinned Locked Moved Solved Customisation css navbar chat menu
30

3 Votes

30 Posts

352 Views

undefined

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

SWATCH: Colours, Gradients, and much more
Scheduled Pinned Locked Moved Development colour gradient
1

1 Votes

1 Posts

119 Views

undefined

Found this nifty little resource whilst developing the “light” theme for this site. Very handy way of creating matching colour sets quickly, and in fact, it was the tool I used to generate the progress bar in the “light” theme…

https://colorate.azurewebsites.net/
undefined

[NodeBB] greeting message
Scheduled Pinned Locked Moved Solved Customisation css nodebb javascript
2

3 Votes

2 Posts

147 Views

undefined

@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
undefined

[NodeBB] [JS SCRIPT/CSS] Theme Switcher
Scheduled Pinned Locked Moved Customisation theme switcher javascript css theme
8

4 Votes

8 Posts

2k Views

undefined

@DownPW done
undefined

[NODEBB] Reply Button/arrow answer
Scheduled Pinned Locked Moved Solved Customisation css nodebb
25

4 Votes

25 Posts

584 Views

undefined

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

[NODEBB] Scroll Button
Scheduled Pinned Locked Moved Solved Customisation css javascript html scroll button
7

0 Votes

7 Posts

253 Views

undefined

@downpw ooops. Forgot that. Thanks for adding.
undefined

NodeBB Design help
Scheduled Pinned Locked Moved Solved Customisation
8

2 Votes

8 Posts

315 Views

undefined

@riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ?

For the record, this is what I added
#footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; }
The /categories page seems a bit messed up, so looking at that currently

EDIT - issued some override CSS in the CATEGORIES widget
 <style> #footer { margin-right: -45px; } </style>
That should resolve the /categories issue.

Sudonix

CSS3: Gradient Generator

Individual Categories