11 | her aura
VALEN T.
Member
- mobile-friendly
- keep credits
- don't be afraid to ask any questions :>
- hidden scroll in both text boxes
- i'm the big d-espresso rn but still wanted to code so here's smth super low-energy ]:
- y'all she's so gorgeous i'm in love
- repost bc my stupidass accidentally deleted it smfh
code by valen t.
Code:
[COMMENT]
-------------------the five variable tags (the ones starting with "--" are meant to be filled in with your own colours + links; i'd suggest keeping the "text-bg-colour" light-------------------
[/COMMENT][border= /*container*/ 0;
--text-bg-colour: #F3ECEA;
--rp-details-bg-colour: #363A34;
--rp-details-text-colour: white;
--ycs-picture: url(https://i.imgur.com/wW1IS4k.jpg) 50% 70%;
--picture-border-colour: #F9BD4B;
box-sizing: border-box; padding: 0; max-width: 570px; height: 350px; position: relative; margin: auto; display: flex; align-items: center; overflow: hidden;][border=
/*left*/ 0; box-sizing: border-box; padding: 0; flex: 15; height: calc(100% - 50px); position: relative; overflow: hidden; font-size: 12px;][border= /*flex*/ 0; box-sizing: border-box; padding: 10px; height: 100%; width: 100%; background: var(--text-bg-colour); position: relative; overflow: hidden; display: flex; flex-direction: column;][border= /*QUOTE*/ 0; box-sizing: border-box; padding: 7px 10px 17px 10px; font-weight: bold; font-style: oblique; width: 100%; text-transform: uppercase; font-size: 20px; height: auto; line-height: 20px; text-align: left; color: black;][COMMENT]
-------------------THE QUOTE GOES HERE-------------------
[/COMMENT]painted in your [color=#F57F32]c[/color][color=#F6933A]o[/color][color=#F7A842]l[/color][color=#F9BD4B]o[/color][color=#DABC42]u[/color][color=#BBBB39]r[/color][color=#B6CC6B]s[/color][COMMENT]
-------------------DON'T TYPE ANYTHING AFTER THIS-------------------
[/COMMENT][/border][border= /*text container*/ 0; box-sizing: border-box; padding: 0; width: 200%; flex: 1; position: relative; font-size: 10px; overflow: auto; line-height: 15px; text-align: justify; color: #222421;][border= /*text*/ 0; box-sizing: border-box; padding: 0; width: 50%; position: relative;][COMMENT]
-------------------YOU CAN START TYPING YOUR CS/POST AFTER THIS COMMENT ENDS-------------------
[/COMMENT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere nisl tortor. Donec aliquam vestibulum ex. Vivamus quis aliquet est. Aliquam erat volutpat. Quisque malesuada nunc vel convallis vestibulum. Donec cursus justo eu aliquet venenatis. Integer consequat, est sit amet dignissim tristique, tortor ipsum pretium lorem, non ornare justo nisi id mauris. Vestibulum ut dapibus leo. Aliquam tempor et orci a posuere. Morbi vel pretium turpis. Curabitur egestas ipsum non augue maximus congue.
Morbi elit mauris, fringilla at aliquam et, semper ut turpis. In sit amet vehicula nisl. Maecenas magna turpis, luctus non malesuada ut, tristique eu turpis. Nulla malesuada et sem vitae euismod. Duis pharetra odio a tortor posuere laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse consectetur lorem quis mauris dignissim, quis tristique nisi mollis. Vivamus efficitur lorem ut massa gravida consectetur. Quisque mattis maximus luctus. Proin fermentum ligula bibendum velit volutpat, sed dapibus mi iaculis. In dictum varius ullamcorper. Sed tristique sit amet dui ac faucibus.
Proin ut nisi sed felis dictum tincidunt id consectetur sem. Sed sit amet mi euismod, dignissim nibh id, faucibus ex. Quisque sit amet condimentum sapien. Sed nisl sapien, cursus et odio id, tristique scelerisque lacus. Nullam in dapibus sapien. Sed odio erat, faucibus et accumsan ut, varius in sem. Cras vitae nibh id elit vestibulum congue vitae eu diam. Donec volutpat odio eget dolor semper, lacinia vehicula lectus ullamcorper. Proin sodales velit lorem, ac consectetur diam suscipit sit amet. Maecenas pharetra blandit lectus, quis interdum odio consequat id. Praesent maximus mattis justo ut imperdiet. Ut finibus posuere euismod. Fusce et felis eu lectus pretium vestibulum. Cras luctus augue non diam dignissim sollicitudin. Donec tristique diam metus. Nullam egestas quis leo nec laoreet.[COMMENT]
-------------------DONT TYPE ANYTHING AFTER THIS-------------------
[/COMMENT][/border][/border][/border][/border][border= /*right*/ 0; box-sizing: border-box; padding: 0; width: 165px; height: 100%; position: relative; overflow: hidden;][border= /*flex*/ 0; box-sizing: border-box; padding: 10px; height: 100%; width: 100%; position: relative; background: var(--rp-details-bg-colour); position: relative; display: flex; flex-direction: column; overflow: hidden;][border= /*PIC*/ 4px solid var(--picture-border-colour); box-sizing: border-box; padding: 0; width: 100%; height: 150px; position: relative; background: var(--ycs-picture); background-size: cover;][/border][COMMENT][border= /*NAME*/ 0; box-sizing: border-box; padding: 7px 3px 7px 0; width: 100%; height: auto; font-weight: bold; text-transform: uppercase; font-style: oblique; font-size: 20px; text-align: right; position: relative; line-height: 20px; color: var(--picture-border-colour);]
-------------------YC'S FIRST NAME/NICKNAME GOES HERE-------------------
[/COMMENT]ephrata[/border][border=
/*hidden scroll*/ 0; box-sizing: border-box; padding: 0; width: 200%; flex: 1; position: relative; font-size: 10px; overflow: auto; line-height: 14px; text-align: left; color: var(--rp-details-text-colour);][border= /*text*/ 0; box-sizing: border-box; padding: 0; width: 50%; position: relative;][COMMENT]
-------------------THE EXTRA (RP) INFO GOES HERE-------------------
---------idk man what you can add here depends on what you use this code as (a cs or an ic post)---------
[/COMMENT][color=#F9BD4B][b]MOOD:[/b][/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit
[color=#F9BD4B][b]LOCATION:[/b][/color] Donec posuere nisl tortor
[color=#F9BD4B][B]OUTFIT:[/B][/color] Donec aliquam vestibulum ex
[color=#F9BD4B][B]INTERACTIONS:[/B][/color] Vivamus quis aliquet est
[color=#F9BD4B][B]MENTIONS:[/B][/color] Aliquam erat volutpat
[color=#F9BD4B][B]TAGS:[/B][/color] Quisque malesuada nunc vel convallis vestibulum
[color=#F9BD4B][B][plain]TL;DR:[/plain][/B][/color] Donec cursus justo eu aliquet venenatis[COMMENT]
-------------------DON'T TYPE ANYTHING AFTER THIS-------------------
[/COMMENT][/border][/border][/border][/border][border= /*extra*/ 0; box-sizing: border-box; padding: 0; flex: 1; height: calc(100% - 50px); background: var(--text-bg-colour); position: relative;][/border][/border][border= /*credit*/ 0; box-sizing: border-box; padding: 9px 0 0 0; max-width: 570px; margin: auto; position: relative; display: flex;][border=0; box-sizing: border-box; padding: 0; flex: 15;][/border][border=0; box-sizing: border-box; padding: 0; width: 165px; text-align: center; font-size: 7px;][url=https://www.rpnation.com/threads/the-dark-ages-mobile-friendly.471463/page-2#post-10452160]code[/url] by valen t.[/border][border=0; box-sizing: border-box; padding: 0; flex: 1;][/border][/border]
Last edited:
when ppl like any of these codes so im glad you do !
