Runboard.com
Слава Україні!
open to all ages

Runboard       Sign upCreate Accountlearn about itSign inlost password?

Page:  1  2  3 

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Blueberry Juice Background


Blueberry Juice (this is the background I created for the Blueberry Fun Runboard skin)

/* CSS BACKGROUND */
body {
  background: #54F9F8;
  background: #092756;
  background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #6791d4 50%, #092756 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%, #6791d4 50%, #092756 100%);
  background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%, #6791d4 50%, #092756 100%);
  background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%, #6791d4 50%, #092756 100%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%, #6791d4 50%, #092756 100%);
}

Image

---

Advertise Boards On TRDConceptsDE
4/30/19, 8:52 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


Zucinni Bands is the background I created for the Green on Dark Runboard theme update. The name comes from the name of the blended colors used in the creation of the background.

/* CSS BACKGROUND */
body {
  background: linear-gradient(27deg, #042900 5px, transparent 5px) 0 5px, linear-gradient(207deg, #011f06 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #032300 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #022900 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #142513 10px, transparent 10px), linear-gradient(#032100 25%, #013503 25%, #032700 50%, transparent 50%, transparent 75%, #022b09 75%, #002b0e);
  background-color: #222222;
  background-size: 25px 12.5px;
}

Image

---

Advertise Boards On TRDConceptsDE
5/5/19, 7:12 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


My CSS code for the Lozenge art-deco background looks like this (so far):

/* DECO LOZENGE BACKGROUND */

HTML {
  height: 100%;
}
BODY {
    background: linear-gradient(to right top, #f689 15%, #fff0 15%) 2em 4em, linear-gradient(to left top, #f68c 15%, #fff0 15%) 2em 4em, linear-gradient(to left bottom, #f689 15%, #fff0 15%) 2em 4em, linear-gradient(to right bottom, #f68c 15%, #fff0 15%) 2em 4em, linear-gradient(to right top, #77ddff80 15%, #fff0 15%) 0 0, linear-gradient(to left top, #7dfc 15%, #fff0 15%) 0 0, linear-gradient(to right bottom, #7dfc 15%, #fff0 15%) 0 0, linear-gradient(to left bottom, #77ddff80 15%, #fff0 15%) 0 0, linear-gradient(to right top, #be9c 25%, #fff0 25%) 0 0, linear-gradient(to left top, #bbee9980 25%, #fff0 25%) 0 0, linear-gradient(to right bottom, #bbee9980 25%, #fff0 25%) 0 0, linear-gradient(to left bottom, #be9c 25%, #fff0 25%) 0 0;
    background-size: 4em 8em;
    background-color: #33f;
    font: 1.5em/1 'Trebuchet MS', Verdana, sans-serif;
}


Image

Last edited by Pastor Rick, 5/28/19, 5:49 am


---

Advertise Boards On TRDConceptsDE
5/27/19, 6:16 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


Aum Jersey - The resulting image is with a white (#FFFFFF) body background, but you can change the shade of the resulting picture by using different hex colors.

/* CSS BACKGROUND */
body {
    background: #FFFFFF;
    background-image: repeating-linear-gradient(144deg, #0019e6bf, #19b96ebf 1px, transparent 0, transparent 2px);
    background-size: 12px;
}

Image

Last edited by Pastor Rick, 5/28/19, 12:23 am


---

Advertise Boards On TRDConceptsDE
5/28/19, 12:21 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


From Lesigner Girl comes this "Blacklight Bamboo" CSS background.

/* CSS Background */

body {
  background-color: #000;
  background-image: linear-gradient(#00ff0012 1%, #0000 99%), linear-gradient( 90deg, #00ff0021 20%, #ff000021 40%, #00000021 80%, #00000021 100%), linear-gradient( 90deg, #64000033 30%, #ffffff30 80%, #64000033 100%), linear-gradient( #0000002b 2%, #ff00002e 12%, #ff00002e 30%, #00ff002e 65%, #0000002e 85%), linear-gradient( 45deg, #ffffff2b 5%, #0000001a 25%, #f003 30%, #f003 40%, #0003 60%, #0003 70%, #fff3 80%), linear-gradient( -45deg, #ffffff2b 2%, #0000001a 30%, #f003 45%, #f003 55%, #0003 65%, #0003 80%, #fff3 95%);
  background-size: 15px, 25px, 35px, 45px, 100px, 85px;
}

Image

---

Advertise Boards On TRDConceptsDE
6/6/19, 1:12 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


Here is the "Rain Drop" CSS background I made while working on the coding updates to the "Rainy Day" Runboard theme.

/* CSS BACKGROUND */

body {
  background: linear-gradient(68deg, #3A4D69 0.9em, #fff0 0.99em) 3em -3em, linear-gradient(-68deg, #3A4D69 0.9em, #fff0 0.99em) -3em -3em, radial-gradient(circle, #3A4D69 0.9em, #fff0 0.99em) 0 0, linear-gradient(68deg, #4D606E 0.9em, #fff0 0.99em) 0 0, linear-gradient(-68deg, #4D606E 0.9em, #fff0 0.99em) 0 0, radial-gradient(circle, #4D606E 0.9em, #fff0 0.99em) 3em 3em;
  background-size: 6em 6em;
  background-color: #888888;
  background-repeat: repeat;
}

Image

---

Advertise Boards On TRDConceptsDE
6/10/19, 1:16 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


Gray Leather
Image

Data URI
data:image/gif;base64,R0lGODlhLAAoAPcAAEJCQmNaWv///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////yH+bUNvcHlyaWdodCCpIElyZW5lIE1lbmRlcyAgQ3JlYXRlZCBvbiBTZXAtMjgtMjAwMQ0KR3JhcGhpY3MgYnkgSXJlbmUNCmh0dHA6Ly93d3cuZ2VvY2l0aWVzLmNvbS9ncmFwaGljc2J5aXJlbmUALAAAAAAsACgAAAj2AAMAGEhQIMGCAAweXKgQocOFEBM+jEhxYMOCCg1qZHhRoseKFj12hLjxI0mQFEeiXMmSY0qVIhteHAlzpkmWMEOizJkTY8uIGT/STDmxJ0OhOIWW1IlTYMmlFY0GmKpSqkumIKv6bDo1oVOjQMP+3Ip0rE2sLYNKPJt1ZU23Wk+iFRuXqNibbZ1OPBhXo16OXflSZXo28N2xh/ciRtjR8FG7iXdGRWv4b1THjyGbbct38lOwMhdPHu32ZGXJITd2BauYrVrUpb3WxExZdeTOeEmvFaxZc13OSr3O1Z0b9dveudWuxn1btOLiO49f7Qk1KXTGIQMCADs=

If you cannot get this image to work, I have it hosted on rbbt.net.

https://rbbt.net/skins/background/gray-leather-bg1.gif
Image

Last edited by Pastor Rick, 10/16/19, 12:31 am


---

Advertise Boards On TRDConceptsDE
10/16/19, 12:23 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-1)
Reply ● Quote
Re: No Host Required (Backgrounds for your Board)


I started playing with the numbers and color-tints of the lozenge code, and the results are an overlapping lozenge and diamond (art-deco) design.

BODY {
    background: linear-gradient(to right top, #f689 15%, #fff0 15%) 2em 4em, linear-gradient(to left top, #f68c 15%, #fff0 15%) 2em 4em, linear-gradient(to left bottom, #f689 15%, #fff0 15%) 2em 4em, linear-gradient(to right bottom, #f68c 15%, #fff0 15%) 2em 4em, linear-gradient(to right top, #77ddff80 15%, #fff0 15%) 0 0, linear-gradient(to left top, #7dfc 15%, #8c202000 15%) 0 0, linear-gradient(to right bottom, #7dfc 15%, #fff0 15%) 0 0, linear-gradient(to left bottom, #77ddff80 15%, #fff0 15%) 0 0, linear-gradient(to right top, #be9c 25%, #fff0 25%) 0 0, linear-gradient(to left top, #bbee9980 25%, #fff0 25%) 0 0, linear-gradient(to right bottom, #bbee9980 25%, #fff0 25%) 0 0, linear-gradient(to left bottom, #be9c 25%, #fff0 25%) 0 0;
    background-size: 4em 4em;
    background-color: #3355aa;
    font: 1em/1 Verdana, sans-serif;
}


Image

---

Advertise Boards On TRDConceptsDE
3/30/20, 4:19 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 


Add a Reply

Page:  1  2  3 



You are not logged in (login)