Nabeela
Registered: 07-2007
Location: Michigan
Posts: 4
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Layered Backgrounds
I would like to try my hand at making my own theme and would like to have a layered background. Meaning more then one. Like a bottom, middle and top if possible.
Here is an example of what I mean.
|
10/17/2019, 8:05 pm
|
Link to post
Email Nabeela
PM Nabeela
|
Nabeela
Registered: 07-2007
Location: Michigan
Posts: 4
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re:
Like the Buttons theme you have on here. I don't know much about the coding and not sure where to add the different backgrounds like I want. If someone can help me please and thank you.
|
10/17/2019, 8:56 pm
|
Link to post
Email Nabeela
PM Nabeela
|
Joxcenia
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 3
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re: Layered Backgrounds
There are a number of old boards that may have info you're looking for. I'm sure Pastor Rick and Lesa can be of much better help when they get here, but until then maybe something is on one of these boards:
https://bdesignelements.runboard.com/
https://boardskins.runboard.com/
https://btipsandtricks.runboard.com/
https://brunboarddesigns.runboard.com/
https://brunboarddesign.runboard.com/
Custom Language Set:
https://btipsandtricks.runboard.com/f11
You could also go to CSS sites to see what codes they have that might work. *shrugs*
---
|
10/17/2019, 11:33 pm
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|
Nabeela
Registered: 07-2007
Location: Michigan
Posts: 4
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re:
Thank you
|
10/18/2019, 3:30 am
|
Link to post
Email Nabeela
PM Nabeela
|
Joxcenia
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 3
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re: Layered Backgrounds
You are most welcome.
I think this board did what you're wanting to do:
https://bzandranna.runboard.com/
I copied this code from their CSS box:
/*ADDING LAYERS AROUND THE CONTENT*/
.layer1 {
width: 90%;
margin: 20px auto;
padding: 20px;
border: 1px outset #8D6381;
background: #000000 url(IMAGE URL GOES HERE);
}
.layer2 {
padding: 10px;
border: 1px
inset #8D6381;
background: #EEEEEE url(IMAGE URL GOES HERE); }
.layer3 {
padding: 12px;
border: 1px
outset #8D6381;
background: #FFFFFF url(IMAGE URL GOES HERE); }
.layer4 {
padding: 20px;
border: 1px inset #8D6381;
overflow: hidden;
background: #CCCCCC url(IMAGE URL GOES HERE);
}
She had four layers, but you can tweak it however you'd like.
Last edited by Joxcenia, 10/21/2019, 10:48 pm
---
|
10/18/2019, 5:50 am
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|
Nabeela
Registered: 07-2007
Location: Michigan
Posts: 4
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re:
Thank you. That is what I wanted.
|
10/18/2019, 5:41 pm
|
Link to post
Email Nabeela
PM Nabeela
|
Joxcenia
Runboard staff member
Registered: 11-2005
Location: Whoosher House
Posts: 3
Karma: 0 (+0/-0)
|
Reply Quote
|
|
Re: Layered Backgrounds
You are most welcome.
---
|
10/19/2019, 3:40 am
|
Link to post
Email Joxcenia
PM Joxcenia
Blog
|