Lesigner Girl
Registered user
Head of Runboard staff
Registered: 11-2005
Posts: 3
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Gradients are good image substitutes!
You inspired me to come up with some random stuff. 
|
|
1/17/2018, 8:30 am
|
Link to this post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 39
Karma: 2 (+2/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
I am having fun with them.
This skin is a super simple skin that starts with the "Spouzic-art" theme. It uses the gradients to put some "art" into the theme.
Last edited by Pastor Rick, 1/17/2018, 4:08 pm
|
|
1/17/2018, 4:07 pm
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Registered user
Head of Runboard staff
Registered: 11-2005
Posts: 3
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
I like what you're doing with them. It would be neat to see what can be done with overlapping radial gradients, and maybe combine some of them with different angles of linear gradients.
SVG might be another option. Look what I just made.
' /><ellipse cx='68' cy='13' rx='43' ry='40' fill='rgba(255,255,100,.3)' transform='rotate(30)' /><ellipse cx='65' cy='-10' rx='20' ry='10' fill='rgba(255,255,255,.3)' transform='rotate(30)' /></svg>) ' /><ellipse cx='68' cy='13' rx='43' ry='40' fill='rgba(255,250,255,.25)' transform='rotate(30)' /><ellipse cx='65' cy='-10' rx='20' ry='10' fill='rgba(255,255,255,.3)' transform='rotate(30)' /></svg>)
' /><ellipse cx='68' cy='13' rx='43' ry='40' fill='rgba(200,200,255,.3)' transform='rotate(30)' /><ellipse cx='65' cy='-10' rx='20' ry='10' fill='rgba(255,255,255,.3)' transform='rotate(30)' /></svg>) ' /><ellipse cx='68' cy='13' rx='43' ry='40' fill='rgba(255,255,100,.3)' transform='rotate(30)' /><ellipse cx='65' cy='-10' rx='20' ry='10' fill='rgba(255,255,255,.3)' transform='rotate(30)' /></svg>)
|
|
1/19/2018, 2:20 am
|
Link to this post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 39
Karma: 2 (+2/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
The SVG option is one that I did here today. The odd part may be a simple lack of rest on my part. The image I used in the CSS wouldn't post on the message board, and the one I used for the message board wouldn't work in the CSS. The images are supposed to be the same, so I am a tad confused.
|
|
1/21/2018, 3:08 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Registered user
Head of Runboard staff
Registered: 11-2005
Posts: 3
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
I explained this at RSF, but I'll add it here, too.
In the CSS, if you have single quotes in the URL itself, you need double quotes around it. If you have double quotes in the URL, you need single quotes around it.
In posts, URLs are automatically enclosed in double quotes in the underlying HTML, so you have to use single quotes in the URLs themselves instead of double quotes.
Basically, what you were doing was this:
"data:image/svg+xml;charset=utf8,%3Csvg xmlns="http...followed by whatever forever and ever...
Because the URL was enclosed in double quotes, the next double quote it ran into made it look like the end of the URL.
But if you do this:
"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http...followed by whatever forever and ever...
...the single quote is considered part of the URL, and it keeps going until it gets to the next double quote, which signifies the end of the URL.
|
|
1/21/2018, 7:54 am
|
Link to this post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 39
Karma: 2 (+2/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
Explanations in multiple places is a good thing. 
|
|
1/21/2018, 11:45 pm
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 39
Karma: 2 (+2/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
I call this the "Rainbow March."
body {
background:
radial-gradient(circle at 50% 100%, transparent 20%, rgba(25,255,255,.3) 21%, rgba(255,255,25,.3) 34%, transparent 35%, transparent),
radial-gradient(circle at 50% 100%, transparent 20%, rgba(255,25,255,.3) 21%, rgba(25,255,255,.3) 34%, transparent 35%, transparent) 0 -50px;
background-color: #caf;
background-size:75px 100px;
}
|
|
4/20/2018, 5:05 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Joxcenia
Registered user
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 6
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Gradients are good image substitutes!
http://jacobjoaquin.tumblr.com/
---
|
|
4/16/2019, 6:13 am
|
Link to this post
Email Joxcenia
PM Joxcenia
Blog
|
