Skip to Content
avatar image
Former Member

CSS for the Background

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)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • avatar image
    Former Member
    Mar 22, 2017 at 10:45 AM

    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/

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Mar 22, 2017 at 06:54 PM

    Hi Jameel,

    You could also try this

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

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      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