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

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

30

0
Votes

30
Posts

181
Views

No no it’s ok @phenomlab
I just comment the 2 lines mentionned aboves 😉
Solved Bottom footer navbar button extend
Customisation • css javascript customisation footer navbar • • DownPW

32

0
Votes

32
Posts

187
Views

@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 ♥
Unsolved New message CSS problem
Customisation • css • • DownPW

10

0
Votes

10
Posts

184
Views

tes. maybe rights pb
[NodeBB] [JS SCRIPT/CSS] Theme Switcher
Customisation • theme switcher javascript css theme • • DownPW

8

2
Votes

8
Posts

762
Views

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

9

0
Votes

9
Posts

188
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

132
Views

yeah you’re right @phenomlab.
Problem of NodeBB Version
Solved [NODEBB] CSS Style Sheets SelectBox
Customisation • css • • DownPW

112

0
Votes

112
Posts

1325
Views

@DownPW as discussed in PM

Seems to have been solved with the new JS code that you added allowing the version CSS file change!!

Cache problem therefore with the JS of the Switcher theme

Based on this, I will close this thread and reference
https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/27
Discourse Design Change
Customisation • design change css html • • RiekMedia

25

0
Votes

25
Posts

397
Views

@phenomlab okay

1 / 1

CSS3: Gradient Generator

CSS Gradient — Generator, Maker, and Background

Discover More

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

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

Unsolved New message CSS problem Customisation • css • • DownPW

[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 [NODEBB] CSS Style Sheets SelectBox Customisation • css • • DownPW

Discourse Design Change Customisation • design change css html • • RiekMedia

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

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

Unsolved New message CSS problem
Customisation • css • • DownPW

[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 [NODEBB] CSS Style Sheets SelectBox
Customisation • css • • DownPW

Discourse Design Change
Customisation • design change css html • • RiekMedia