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 182 Views

undefined Offline

undefined Offline
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, Card, and most of Sudonix's bugs…

1 Reply Last reply
1

Related Topics

undefined

navigation menu panel on mobile
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb css
8

7 Votes

8 Posts

301 Views

undefined

@crazycells hmm. That’s odd. I haven’t made any changes from recollection but I could be wrong. I’ll need to check.

EDIT - very strange. I honestly don’t recall adding the below CSS block to alter the bottom bar, but you’re right…
.bottombar-nav { padding: 0px !important; }
I’ve removed this so it reflects stock Harmony.
undefined

Material View Support for Stock NodeBB
Watching Ignoring Scheduled Pinned Locked Moved Unsolved Let's Build It material view javascript css
51

15 Votes

51 Posts

3k Views

undefined

Oh yes, that’s what’s super cool, I learn something every day. Afterwards I start from so low in JS
undefined

nodebb-user-level customisation : popover element
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css user level plugin custom
15

6 Votes

15 Posts

862 Views

undefined

No no, I said that in the sense that he told me it was simple ^^
I was able to see that this was not the case by targeting the elements he had advised me.
undefined

Quote design CSS
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css quote
15

4 Votes

15 Posts

818 Views

undefined

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

[NODEBB] Help for my custom CSS
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb css bugfix
193

38 Votes

193 Posts

31k Views

undefined

OMG make sense

Thanks dude 🙂
undefined

tag icon in front of tags
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css
5

3 Votes

5 Posts

400 Views

undefined

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

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

0 Votes

7 Posts

754 Views

undefined

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

[NODEBB] CSS Style Sheets SelectBox
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css
112

24 Votes

112 Posts

13k Views

undefined

@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

CSS3: Gradient Generator

Related Topics

Individual Categories