• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Closed Inner Accordion Backgrounds?

Calypso Major

Astronomical Violinist
Hello there!
I'm having some difficulties in having the slide content background match my titles for this accordion IC formatting I'm testing out.

For the sake of simplicity, I'll post what isn't broken right now, and use black and white for easy recognition. This is ignoring the attempts I've made at changing the "inner Accordion background" (as I've dubbed it for now).

Literally any tips, tricks, and/or potential solutions would be appreciated!

"Hello Dears,
Words
Let's Do Business"
More Words


Code:
[border= transparent] [accordion= bcenter] {slide= [bg=#000000][COLOR=#ffffff]"Hello Dears, [/COLOR][/bg] | center } Words {/slide} {slide= [bg=#000000][COLOR=#ffffff]Let's Do Business"[/COLOR][/bg] | center } More Words {/slide}[/accordion][/border]
 
"Hello Dears,
Words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam commodo felis felis, at maximus felis pharetra non. Aenean a odio luctus, elementum magna sit amet, imperdiet justo. Cras pulvinar, ligula id luctus ornare, est nunc dapibus neque, varius rhoncus nulla elit vitae sapien. Vivamus at lacus porta, ornare eros in, molestie risus. Mauris id magna vitae purus imperdiet sodales nec ut nisi. Fusce fermentum ipsum non erat sagittis, hendrerit elementum nisl mollis. Cras bibendum ligula nisi, nec cursus magna ultricies non. Aenean aliquet tincidunt venenatis. Nunc lobortis et dui vel tincidunt. Pellentesque vitae volutpat mauris, at laoreet odio. Mauris vestibulum rutrum augue, quis imperdiet dolor porta vitae. Curabitur id lorem luctus, tempor ipsum vitae, ultrices nulla.
Let's Do Business"
More Words


You need to add in a div with a background set like so. You'd have to toy around more with margins and remove the BG to get rid of some of the accordion padding.
Code:
[border= transparent] [accordion= bcenter] {slide= [bg=#000000][COLOR=#ffffff]"Hello Dears, [/COLOR][/bg] | center } [div=background: url('https://www.rpnation.com/gallery/tumblr_o1mrkfcbdj1s341bko1_1280.28646/full?d=1499629170') no-repeat;width:100%;height:auto;color:#fff;margin:-7px;]Words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam commodo felis felis, at maximus felis pharetra non. Aenean a odio luctus, elementum magna sit amet, imperdiet justo. Cras pulvinar, ligula id luctus ornare, est nunc dapibus neque, varius rhoncus nulla elit vitae sapien. Vivamus at lacus porta, ornare eros in, molestie risus. Mauris id magna vitae purus imperdiet sodales nec ut nisi. Fusce fermentum ipsum non erat sagittis, hendrerit elementum nisl mollis. Cras bibendum ligula nisi, nec cursus magna ultricies non. Aenean aliquet tincidunt venenatis. Nunc lobortis et dui vel tincidunt. Pellentesque vitae volutpat mauris, at laoreet odio. Mauris vestibulum rutrum augue, quis imperdiet dolor porta vitae. Curabitur id lorem luctus, tempor ipsum vitae, ultrices nulla.[/div] {/slide} {slide= [bg=#000000][COLOR=#ffffff]Let's Do Business"[/COLOR][/bg] | center } More Words {/slide}[/accordion][/border]
 
Ah-mazing!
I had tried using a different div box, but margins and padding completely left my mind.

Thank you so much, I do believe I have it down now.

"Hello Dears,

Words...
Words...
Words...
Let's Do Business"

More Words...
More Words...
More Words...
 

Users who are viewing this thread

Back
Top