Skip to Content
0

CSS for the Background

Mar 22, 2017 at 08:46 AM

79

avatar image

HI ,

Can any one help me to write the code for the below Background. this is one of the requirement on my dashboard tool bar.

Appriciated, if you can provide any good sits for CSS as i am very new to design studio & CSS.

Regards,

Jameel

background.png (10.3 kB)
css
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Agata L. Mar 22, 2017 at 10:45 AM
0

Jameel,

You could try something like this:

background: repeating-linear-gradient(
135deg,
#dfdbd7,
#dfdbd7 5px,
#bfbab2 5px,
#bfbab2 7px
);

Here's a really good website covering this topic:

https://css-tricks.com/stripes-css/

Share
10 |10000 characters needed characters left characters exceeded
Bhupinder chadha Mar 22, 2017 at 06:54 PM
0

Hi Jameel,

You could also try this

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYV4XQ2QkAMAgDUF3KuZ3DQVzDYqGlh0e+HwkEVdWgiYgAdtAREdVwIR9MG0+UwheFMEIfzNAFK7RhhyZkZvOfugzRwj9TTk4OtwAAAABJRU5ErkJggg==);

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hi Bhupinder.

That's wonderful! Before this,I just thought it can't realize a image as background to DS.You helped me to open another window.But I still have other question,whether the png save in service? and "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARklEQVQYV4XQ2QkAMAgDUF3KuZ3DQVzDYqGlh0e+HwkEVdWgiYgAdtAREdVwIR9MG0+UwheFMEIfzNAFK7RhhyZkZvOfugzRwj9TTk4OtwAAAABJRU5ErkJggg==" is made up by what?

Waiting for your help!

Thanks.

Jing

0