don't look at this shit

  • KELLEN ARMSTRONG
    basics
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas egestas vehicula leo, et mattis mauris scelerisque et. Maecenas aliquet magna vitae est mattis, blandit faucibus dui mollis. Aliquam pulvinar maximus sagittis. Aenean vitae ultrices lorem, quis semper dolor. Sed ultrices tincidunt augue a laoreet. Donec in nulla eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus sit amet lectus orci. Morbi dignissim, purus quis tempus ultrices, nibh lorem tincidunt ligula, eu aliquam orci nulla ut lorem.

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus at tristique orci, nec bibendum est. Curabitur hendrerit nisl neque, id semper tortor commodo at. Etiam id nisi quis odio varius sollicitudin in in velit. Morbi luctus, tortor et ornare auctor, massa dolor elementum felis, quis mattis orci eros eget mauris. Aliquam vitae mi pharetra, ultricies risus sit amet, consequat justo. Etiam non turpis at mauris sagittis ornare. Proin vehicula mattis sem, a aliquet augue sodales sed. Pellentesque nec rhoncus ligula. Nunc mattis, magna vel blandit ultricies, libero leo fermentum nulla, non laoreet nisl velit porta nunc.

    Mauris finibus a arcu vel imperdiet. Sed egestas turpis ipsum, vel malesuada nisl luctus in. Quisque quis erat viverra, egestas neque a, pulvinar felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin vehicula vehicula mi ac feugiat. Donec dignissim eu libero a vulputate. Nullam sit amet ultrices tortor. Fusce fermentum risus vitae tortor pulvinar, a cursus nisi finibus. Vivamus dapibus, leo quis laoreet aliquam, libero lorem rutrum justo, quis venenatis nulla neque ac nulla. Donec quis semper ipsum. Etiam in diam lobortis, sagittis enim et, molestie dolor. Integer aliquam magna et eleifend accumsan. Morbi orci justo, cursus at lacus ac, vulputate fringilla metus. Ut pharetra egestas justo rutrum pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus.

    Duis nec ligula ac erat fringilla sodales sed ac elit. In nulla sem, venenatis et elementum ac, dignissim nec odio. Sed faucibus non tortor sed commodo. Sed vitae turpis euismod erat laoreet rutrum. Pellentesque vehicula, nulla at lobortis dignissim, nulla magna scelerisque massa, eu convallis quam ex accumsan lacus. Sed urna leo, accumsan non ex eu, placerat rutrum ante. Praesent leo mi, fermentum ac condimentum eu, malesuada vitae nisi. Sed elementum porta nunc, non efficitur erat efficitur a. Nulla sed sapien enim. In hac habitasse platea dictumst.

    Fusce vulputate, felis eu vehicula maximus, dolor arcu tincidunt quam, et imperdiet magna ex lacinia ex. Sed iaculis nisi convallis tempus iaculis. Suspendisse ut nunc justo. Aliquam vehicula viverra cursus. Donec tincidunt eu nisl eget dictum. Nam lobortis tempus elit, sed vehicula nisi viverra ut. Ut sed dui libero. Donec vitae aliquet purus. Pellentesque suscipit arcu eu dui lobortis facilisis. Suspendisse at erat mi.
  • ROMAN FLYNN
    persona
    Personality
  • ROMAN FLYNN
    Biography
  • ROMAN FLYNN
    Miscellaneous
Coded by Ardent



FINAL NOTES
- Next time, try making the sidebar separate so that I only have to input the image & name once.
- Play around with flex-direction. I just want to see if it works.
 
Last edited:
Start with base accordion bbcode
Slave tags allow us to insert code within the {slave} tags
i.e. {slide=[div=property:value;][/div]}{/slide}
So after adding maybe a background and some text
There's this space around the background. To remove this, first we apply a max-width of 500px !important. The !important is needed to override the element's set max-width of 100%. Then we apply a margin of -10px; this will cut away at the--well, margin, obviously. -10px is the sweet spot.
But that doesn't hide the fugly border, so...
We enclose the entire accordion in a div tag with the visibility property. Set the value to hidden.
But then this hides everything in our accordion. This is easily fixed by setting the visibility property to visible in the places that we actually want to be seen.
And done. That's it.


This do be the title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pellentesque tellus ut purus consequat, a feugiat arcu bibendum. Donec quis convallis orci, sit amet consequat sapien. Praesent hendrerit purus nibh, quis fermentum nisi feugiat fringilla. Curabitur non nisl dignissim enim blandit molestie. Aenean tristique purus quis diam viverra luctus. Donec malesuada tortor sed tempor pulvinar. Ut blandit urna enim, vitae commodo mauris hendrerit sit amet. Proin ipsum nisi, feugiat sed sagittis vitae, varius eu lacus. Proin vel nisi consectetur, vehicula nunc maximus, suscipit erat. Morbi tincidunt ornare lorem, ac maximus odio sollicitudin vel. Morbi lectus tortor, rutrum sit amet nisl blandit, venenatis mollis enim.

Praesent sollicitudin euismod nulla, id egestas est finibus quis. Quisque sed lorem tincidunt, aliquam tortor bibendum, laoreet odio. Ut mi sapien, condimentum eget dictum id, tristique tempor diam. Nunc rutrum nibh id magna condimentum faucibus non sed est. Aenean non tincidunt sapien. Sed eu porttitor erat. Ut tincidunt odio non dolor pharetra convallis. Proin euismod vel ante ac ullamcorper. Vestibulum vel venenatis enim. Ut finibus feugiat enim, porttitor semper sapien egestas et. Vestibulum viverra imperdiet dui, id porttitor dui luctus eget. Aliquam sit amet euismod erat. Quisque arcu ante, accumsan at congue quis, euismod quis erat. Aenean rhoncus, nisi ac maximus posuere, metus orci egestas quam, et egestas nisl tortor vel nulla. Aliquam auctor vitae est quis dignissim. In nec est massa.


That's fucking clean. Let's gooooo. DevTools saves the day yet again

This do be the title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pellentesque tellus ut purus consequat, a feugiat arcu bibendum. Donec quis convallis orci, sit amet consequat sapien. Praesent hendrerit purus nibh, quis fermentum nisi feugiat fringilla. Curabitur non nisl dignissim enim blandit molestie. Aenean tristique purus quis diam viverra luctus. Donec malesuada tortor sed tempor pulvinar. Ut blandit urna enim, vitae commodo mauris hendrerit sit amet. Proin ipsum nisi, feugiat sed sagittis vitae, varius eu lacus. Proin vel nisi consectetur, vehicula nunc maximus, suscipit erat. Morbi tincidunt ornare lorem, ac maximus odio sollicitudin vel. Morbi lectus tortor, rutrum sit amet nisl blandit, venenatis mollis enim.

Praesent sollicitudin euismod nulla, id egestas est finibus quis. Quisque sed lorem tincidunt, aliquam tortor bibendum, laoreet odio. Ut mi sapien, condimentum eget dictum id, tristique tempor diam. Nunc rutrum nibh id magna condimentum faucibus non sed est. Aenean non tincidunt sapien. Sed eu porttitor erat. Ut tincidunt odio non dolor pharetra convallis. Proin euismod vel ante ac ullamcorper. Vestibulum vel venenatis enim. Ut finibus feugiat enim, porttitor semper sapien egestas et. Vestibulum viverra imperdiet dui, id porttitor dui luctus eget. Aliquam sit amet euismod erat. Quisque arcu ante, accumsan at congue quis, euismod quis erat. Aenean rhoncus, nisi ac maximus posuere, metus orci egestas quam, et egestas nisl tortor vel nulla. Aliquam auctor vitae est quis dignissim. In nec est massa.



  • clicky that icon above
  • this is content for slide dos
 
Last edited:
  • Bucket of Rainbows
Reactions: Absyinthe_Artica