rissa's bbcode workshop

rissa

rissa

the clairvoyant pterodactyl
Original poster
VENGEANCE
DONATING MEMBER
MYTHICAL MEMBER

68AL4Va.png


Hello fellow Iwakuans!

As you can probably tell, I'm rissa -- an Iwaku Intern and avid roleplayer. I have vampiric tendencies and work part time. I'm also a pretty clever bbcode destroyer. >8]

I'm opening up this shop to lend my skills and love for coding to Iwaku members who need a lil' help with their coding, or simply haven't the time to create their own. Before we get to the fun bits, please note that my schedule varies wildly and while I cannot guarantee a lightning-fast completion, I can guarantee it'll get done. If you have any questions or concerns, feel free to message me by clicking on the envelope below.
A Few Rules:
  • Don't claim anything as your own; ie. Don't suggest you created these codes.
  • All requests must be sent through this thread.
  • Please be explicitly detailed in what you want.
  • I only work with bbcode. I do not do any photo manipulation, rp ad banners, etc.

To Request:
  • Click the first icon below ( </> ) and copy+paste the request code.
  • Fill out the request form and send it with a tag (@rissa) for me to read over.
  • Please post it within this thread! I will message you if/when I accept your request.




xx xx

 
Last edited:
  • Love
Reactions: Absyinthe_Artica, junebug and firejay1

ogsLxgw.png
QXFqjJm.png
6Cbngw1.png
z2S0u2V.png
jDFtRMF.png
w9atUQb.png
anPWI4C.png
quIf7Dz.png
m95QyPy.png
zQA6Wv4.png


Will be updated periodically.

Update Log: [spoili]
00. 5/9/17
01. 5/12/17[/spoili]​
 
Last edited:
How do I tell you what I want if all I know is your glory and awesomeness? D8 *goes nuts* I will request something soon. If I can think of something specific.
 
  • Love
Reactions: rissa
I also wondered the same thing , how do I request precisely what I am in need of from your amazing BB Code's hands.^^
 
  • Like
Reactions: rissa
Hi @rissa! I was wondering if it'd be possible to create some sort of location image collage with bbcodes? I'm not sure if you could hover over the pictures and get descriptions, but I'd at least want to know if many images in one thing (like a collage) is possible and if so, how many you're willing to put in one thing (or if ten images is fine lol)
 
  • Like
Reactions: rissa
Katori said:
Hi @rissa! I was wondering if it'd be possible to create some sort of location image collage with bbcodes? I'm not sure if you could hover over the pictures and get descriptions, but I'd at least want to know if many images in one thing (like a collage) is possible and if so, how many you're willing to put in one thing (or if ten images is fine lol)
Click to expand...
I'd have to play around with the hover tag before I can say yes or no, honestly. As for the images, whatever's possible I'm willing to do. :p
 
rissa said:
I'd have to play around with the hover tag before I can say yes or no, honestly. As for the images, whatever's possible I'm willing to do. :p
Click to expand...

i don't wanna waste your time with something new, so we can just do the images and maybe titles of those locations. i'm still working out the kinks, but i'll get back to you with a full fledged request form filled out soon!
 
  • Like
Reactions: rissa
Katori said:
i don't wanna waste your time with something new, so we can just do the images and maybe titles of those locations. i'm still working out the kinks, but i'll get back to you with a full fledged request form filled out soon!
Click to expand...
No worries! I'm always fiddling in my test thread anyways. I could potentially use accordions to create certain effects though. But sounds good to me! :3
 
  • Like
Reactions: Katori
@rissa got you something! c:

What are you requesting?
Lore thread design for six pictures and accordion tabs

Complexity Guesstimate:
4 to 5

Would you like me to add any text, urls, specific colors, and images? placeholder images would be fine, since i'm not exactly sure what pictures of chicago i want yet (unless you wanna go fishing, feel free to haha!), not too sure of a palette either since i want this to be a general location template, but if it helps any, this is a superhuman rp set in modern chicago where government is capturing superhumans because supers are a threat to the well being of the people; it's action-packed and drama-packed and i would prefer it didn't have a red and blue color scheme

[spoiler]Chicago at the top of location lore design[/spoiler]

Do you want this code to be mobile-friendly?
Preferably, but if it can't be done, that's fine~

Is there anything else that I haven't mentioned?
Not that I know of; there's a mock up below for your reference

What's my time-frame?
I'd appreciate it if you get this done in two weeks, three weeks at most. Let me know if you need more time and I'm more than willing to give it to you!

rissa.png
 
  • Thank You
Reactions: rissa
@Katori

Looks good! I'll message you tomorrow and get to work. :3
 
  • Love
Reactions: junebug
@Katori

How does this look? I think i got the basic gist of whatcha want, but lemme know if there's some tweaking you'd like me to do.


Chicago


ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.


ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.


ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.


ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.


ffffff
255
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.








Code: 
[div= 
   max-width: 900px; !important;
   background-color: #272727;][div=
   padding: 15px;]
[div= 
   color: #fff; 
   background-color: grey;
   border: 1px solid grey; 
   border-radius: 2px;
   font-size: 3em;
   letter-spacing: 2.5px; 
   font-weight: bold; 
   text-transform: uppercase; 
   text-align: center;
   text-shadow: 2px 2px 2px #000;][font=Special Elite]Chicago[/font][/div]

[div=
   display: flex;][div= 
   height: auto; 
   display: inline-block;
   background-color: #272727;
   flex: 1;
   margin-right: 5px;][div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div]

[div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div]

[div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div][/div][div= 
   height: auto; 
   display: inline-block; 
   background-color: #272727; 
   flex: 1;
   margin-left: 5px;][div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div]

[div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div]

[div=
   padding: 9px; 
   pointer-events: none;][center][img]https://dummyimage.com/500x200/010101/ffffff[/img][/center][/div][div=
   padding: 9px; 
   text-align: justify; 
   color: #fff;][accordion=100%]{slide=[div=
   background-color: grey; 
   margin: -9px; 
   padding: 9px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: bold; 
   text-align: center;
   text-shadow: 2px 2px 3px #000;
   letter-spacing: 2px;][size=6][font=Fjalla One]Title[/font][/size][/div]|255}[div= 
   background-color: #272727; 
   padding: 9px; 
   margin: -9px;
   color: #fff; 
   font-size: 0.8em;][div=
   padding: 9px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce interdum velit ac lorem lobortis, vel venenatis sem placerat. Vestibulum scelerisque, arcu vitae lacinia luctus, urna neque elementum dui, nec pellentesque massa elit quis nunc. Aenean vel accumsan est. Morbi velit ipsum, egestas eget sapien eu, sollicitudin pharetra est. Nullam bibendum magna non nibh bibendum bibendum. Sed non posuere dolor. Donec vulputate a nibh a facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum lectus augue, nec maximus urna tempus sed. Nulla vitae nibh porttitor, vehicula dui sed, hendrerit ipsum. Integer nec mauris nec elit sodales bibendum nec mattis neque. Nulla volutpat diam sed diam mollis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque malesuada mattis sapien. Nulla eget tincidunt neque, sit amet auctor erat.

Nulla ac nulla ac quam laoreet aliquet in et mi. Phasellus fringilla odio purus, congue imperdiet leo imperdiet in. Maecenas pulvinar lectus diam, a maximus arcu aliquet nec. Aenean quis neque quis diam tempor sagittis. Nulla facilisi. Nulla semper metus id tellus vehicula maximus. Sed pretium condimentum augue, tristique rutrum ex interdum eu. In molestie dui sit amet nisi cursus, a faucibus est maximus. Ut sodales justo nec lacus porta ornare. Mauris a dui pretium, aliquet nisl nec, cursus mi. Phasellus ut justo non ante lacinia fermentum non in mi. Donec facilisis mauris in varius blandit. Duis sollicitudin, felis eu bibendum sollicitudin, lacus lorem dignissim magna, eu cursus erat nibh et dui. Sed elit lacus, commodo eget varius sit amet, convallis et dui. Nullam suscipit suscipit lacus, ut condimentum libero blandit id. Etiam vitae sapien sed sapien efficitur semper.
[/div][/div]{/slide}[/accordion][/div][/div]



[/div]
[/div][/div]
 
  • Thank You
Reactions: junebug
@rissa It's perfect (and you got it done so fast omg!) :D <3 No complaints on my end!
 
  • Love
Reactions: rissa
Katori said:
@rissa It's perfect (and you got it done so fast omg!) :D <3 No complaints on my end!
Click to expand...
yeee! I'm glad you like it. If you have any questions about the code feel free to PM me!
 
  • Like
Reactions: Katori
@rissa hope you don't mind taking on another request xD

What are you requesting?
Simple character sheet, 600x700 with a 300x400 image on the right

Complexity Guesstimate:
5 to 6

Would you like me to add any text, urls, specific colors, and images?
I'd like do stabs, please (if possible, ofc). Separated into General, Powers, Biography, and Relationships.
Under General tab:
Name:
Age:
Gender:
Occupation:
Nationality:
Languages:
Appearance:
Aspirations & Regrets:
Misc:

Under Powers tab:
Powers & Ability:

Under Biography tab:
Biography:

Under Relationships:
four 100x100 pics aligned to the left and description section

Do you want this code to be mobile-friendly?
Preferably, but not mandatory

Is there anything else that I haven't mentioned?
Nope (hope you enjoy this just as much as you did the first request!)

Also, if it's not too much of a problem, this is a character sheet I'm using for two characters. Would you be ok doing the character sheet in two separate color palettes? I understand if it's too much of a hassle, but figured I'd ask just in case .

Color Palette #3374 (for my character kadence harper)

Color Palette #3361 (for my character janice delaney)

Also, really basic mock up (I would like it to be more compact and proportionate than what's in this picture)

rissa.png

What's my time-frame?
Two weeks. Can do three weeks, if needed. Let me know if you need more time!
 
Last edited:
  • Nice Execution!
Reactions: rissa
@rissa Going to redo that mock up since I just remembered there was another small thing I wanted to add on xD
 
  • Like
Reactions: rissa
Katori said:
@rissa Going to redo that mock up since I just remembered there was another small thing I wanted to add on xD
Click to expand...
No problem! Just ping me in the PM when you've updated. :3

Edit: nvm - Looks like you already did. xD
 
  • Like
Reactions: Katori
Are you still taking requests? :o
 
You must log in or register to reply here.
Top Bottom
Back