Help Specialized Accordion Help

CupAndCough · Aug 14, 2017

A few months back I had seen a way to manipulate accordions in a method where the part that you clicked moved, rather than the slide out of the main button. I had seen people use it to hide profiles in a dossier like method along with just having a clickable overlay that revealed the CS contents. Does anyone have any code to make this work? I need it for a CS idea and I would love to implement it.

IctoraPost · Aug 15, 2017

Do you mean something like this?

CupAndCough · Aug 15, 2017

IctoraPost said:
Do you mean something like this?

yes is there any way to do that without BBXML? Is it possible in BBCode

fluticasone · Aug 15, 2017

Anything done with BBXML can be done with normal BBcode; just expect more confusion along the way as BBXML streamlines how you do things.

CupAndCough · Aug 15, 2017

sugarvine said:
Anything done with BBXML can be done with normal BBcode; just expect more confusion along the way as BBXML streamlines how you do things.

Is there an example of this BBXML code that has changed to BBCode or at least adapted?

fluticasone · Aug 16, 2017

Everything in my freebie thread has both versions available.
BBXML is still BBcode, just disguised to look like CSS/HTML. What Lyro's app does is that it converts what you write in BBXML into normal BBCode.

Lyro · Aug 16, 2017

CupAndCough said:
Is there an example of this BBXML code that has changed to BBCode or at least adapted?

You could always just look at the source of any of my BBXML-produced posts. They'll contain the generated BBCode.

IctoraPost · Aug 16, 2017

Here's the plain BBCode for that in case you don't know how to find it: (you have to reply or quote the post)

[FONT=Special Elite][DIV=display: none]NOTHING[/DIV][/FONT][FONT=Shadows Into Light][DIV=display: none]NOTHING[/DIV][/FONT][FONT=Architects Daughter][DIV=display: none]NOTHING[/DIV][/FONT][DIV=margin: 10px auto; overflow: hidden; padding: 10px; width: 750px;][DIV=background-color: #FFFFFF; height: 550px; padding-top: 50px;][ACCORDION=100%]{slide=[DIV=background-color: #cec39d; height: 500px; margin: -7px;][DIV=background-color: #cec39d; border-top-left-radius: 20px; border-top-right-radius: 20px; font-family: Special Elite; font-size: 22px; font-weight: bold; left: 0px; padding: 5px; position: relative; text-align: center; top: -44px; width: 200px;][DIV=background-color: rgba(255, 255, 255, 0.68); filter: blur(0.4px); margin: 0 auto; padding-top: 4px; transform: rotate(-2deg); width: 90%;]Midallin Lysier[/DIV][/DIV][/DIV]}[DIV=height: 500px; margin: -7px; position: relative;][DIV=color: black; font-family: "Architects Daughter"; font-size: 20px; height: 500px; line-height: 150%; margin: -5px; padding: 20px; position: absolute; top: -500px; width: 100%;][DIV=background-image: url(https://i.imgur.com/bQAZrO7.jpg?2); background-repeat: no-repeat; background-size: 200px; filter: sepia(0.4) blur(0.4px); float: right; height: 300px; margin-left: 10px; margin-right: 50px; margin-top: 40px; position: relative; transform: rotate(4deg); width: 200px;][DIV=background-color: rgba(255, 255, 255, 0.68); filter: blur(0.4px); height: 28px; position: absolute; transform: rotate(20deg); width: 100px; top: -5px; right: -30px;][DIV=display: none]NOTHING[/DIV][/DIV][DIV=background-color: rgba(255, 255, 255, 0.68); filter: blur(0.4px); height: 28px; position: absolute; transform: rotate(20deg); width: 100px; bottom: -10px; left: -30px; transform: rotate(30deg); width: 80px;][DIV=display: none]NOTHING[/DIV][/DIV][/DIV][DIV=background-color: #e4debf; padding: 15px 10px; margin-right: 300px; transform: rotate(1deg);][DIV=transform: rotate(1deg);][B]Species:[/B] Human Baseline[/DIV][DIV=transform: rotate(0deg);][B]Age:[/B] 31 (subj.)[/DIV][DIV=transform: rotate(0deg);][B]Height:[/B] 182 cm[/DIV][DIV=transform: rotate(1deg);][B]Eyes:[/B] [U]Green[/U][DIV=display: inline-block; color: #2a7b11; font-size: 14px; font-family: 'Shadows Into Light'; line-height: 100%; margin-top: -10px; padding-left: 10px; transform: rotate(-4deg); width: 300px; vertical-align: top;]Some reports indicate brown. Colored contact lenses? Genetic therapy?[/DIV][/DIV][DIV=transform: rotate(-1deg);][B]Nationalities:[/B] Caraveelian, Tyndori (revoked), Atyanti (revoked)[/DIV][DIV=transform: rotate(0deg);][B]Occupation:[/B] Library Curator, suspected [B]Spy[/B] and [B]Saboteur[/B][/DIV][DIV=transform: rotate(-1deg);][B]Status:[/B] At Large. [B][COLOR=#bb0606]Armed and Dangerous.[/COLOR][/B][/DIV][DIV=transform: rotate(-1deg);][B]Notes:[/B] Suspect has been fitted with multiple neural enhancers. Full ability set is currently unknown, but telepathic and heightened reflexes have been seen in action. Possible synthetic/organic co-processing abilities.[/DIV][/DIV][/DIV][/DIV]{/slide}{slide=[DIV=height: 0; position: relative;][DIV=background: linear-gradient(#d8c891, #bfb695); border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0px; box-shadow: 0px -2px 10px #52471e; font-family: Special Elite; height: 520px; margin: -7px -11px; pointer-events: none; position: absolute; text-transform: uppercase; width: calc(100% + 22px);][DIV=color: #b90606; font-family: Special Elite; font-size: 64px; margin: 100px 60px 100px auto; text-align: right; text-shadow: 0px 0px 5px #a73a3a; transform: rotate(20deg); width: 400px;]Classified[/DIV][/DIV][/DIV]}[DIV=display: none]NOTHING[/DIV]{/slide}[/ACCORDION][/DIV][/DIV]

You'll have to work your way through it, though. It's a little on the hard-to-read side.

CupAndCough · Aug 16, 2017

Thank you guys for all your help!

Help Specialized Accordion Help

CupAndCough

Sought Hope Here, Became Blind To It

IctoraPost

You've got mail

CupAndCough

Sought Hope Here, Became Blind To It

fluticasone

neru

CupAndCough

Sought Hope Here, Became Blind To It

fluticasone

neru

Lyro

Errant Chronicler

IctoraPost

You've got mail

CupAndCough

Sought Hope Here, Became Blind To It

Users who are viewing this thread

Similar threads