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

phenomlab

Admin

Global Moderator
last edited by

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

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
1 Reply Last reply
Reply Quote 1

Discover More

SWATCH: Colours, Gradients, and much more
Development • colour gradient • • phenomlab

1

1
Votes

1
Posts

23
Views

No one has replied
Unsolved Fontawesome 5
Customisation • fonts css nodebb • • pwsincd

13

0
Votes

13
Posts

76
Views

@pwsincd no problems. Just let me know.
Solved [NodeBB] greeting message
Customisation • css nodebb javascript • • pwsincd

2

1
Votes

2
Posts

46
Views

@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
[NodeBB] [JS SCRIPT/CSS] Theme Switcher
Customisation • theme switcher javascript css theme • • DownPW

8

2
Votes

8
Posts

538
Views

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

9

0
Votes

9
Posts

87
Views

@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 🙂
Solved Multiple link on one ico non Navbar
Customisation • links css navbar • • DownPW

7

0
Votes

7
Posts

56
Views

yeah you’re right @phenomlab.
Problem of NodeBB Version
Solved Reading Meter Progress bar
Customisation • css • • DownPW

14

0
Votes

14
Posts

117
Views

@phenomlab said in Reading Meter Progress bar:

@jac Steps are here 🙂

Many thanks will hopefully be able to achieve this once home tomorrow!
Solved CSS Help on my Flarum
Customisation • • Mike Jones

5

0
Votes

5
Posts

118
Views

@mike-jones Yes, you’ll typically see this type of behaviour if there is another style that has higher priority in the sense that yours will be overridden. Using !important will override the higher preference, but should be used sparingly rather than everywhere.

1 / 1

CSS3: Gradient Generator

CSS Gradient — Generator, Maker, and Background

Discover More

SWATCH: Colours, Gradients, and much more Development • colour gradient • • phenomlab

Unsolved Fontawesome 5 Customisation • fonts css nodebb • • pwsincd

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

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

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

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

Solved Reading Meter Progress bar Customisation • css • • DownPW

Solved CSS Help on my Flarum Customisation • • Mike Jones

SWATCH: Colours, Gradients, and much more
Development • colour gradient • • phenomlab

Unsolved Fontawesome 5
Customisation • fonts css nodebb • • pwsincd

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

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

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

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

Solved Reading Meter Progress bar
Customisation • css • • DownPW

Solved CSS Help on my Flarum
Customisation • • Mike Jones