.

Look at the top of the page! You can also use {{User:IansVectors/Aroace poster}}, or <p style="background-image:linear-gradient(to right,#11305c 0%,#11305c 20%, #76b8de 20%,#76b8de 40%,#FFFFF1 40%,#FFFFF1 60%,#d9c621 60%,#d9c621 80%,#ed9818 80%,#ed9818 100%);padding-bottom:8px;position:fixed;width:100%;top:0;left:0;margin:0;z-index:1">.</p>. Credit me though.

Look at the bottom left. You may use this code!
<div class="ua-animation ua-up"><div style="position:fixed; background:navy; width:250px; border:4.5px double white; height:275px; padding:2px; overflow-x:hidden; overflow-y:scroll;"> Sample text, of course. </div></div>

<div style="background: linear-gradient(to top right, palegoldenrod, salmon, skyblue, skyblue); text-align: center; border-radius: 5px 50px;">
<h1>Sunset Colors</h1>
<p style="font-size: 15px;">Small paragraph here.</p>
[[User:KittyNoirReg|<span style="font-size: 10px; color: teal;">Coded by KittyNoirReg</span>]]
</div><br/>

<div style="animation: 5s rainbowanimateother infinite; background: currentcolor;">

<p style="color: black; overflow: auto; padding: 20px; font-size: 14px;">
<span style="font-size: 20px;">Title Here</span><br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis egestas sed tempus urna et pharetra. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Semper eget duis at tellus at urna condimentum mattis. Enim diam vulputate ut pharetra sit amet aliquam. Elementum tempus egestas sed sed risus pretium quam. Nulla malesuada pellentesque elit eget gravida cum sociis. Quam lacus suspendisse faucibus interdum posuere lorem. In dictum non consectetur a. Aenean et tortor at risus viverra adipiscing. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Vel pharetra vel turpis nunc eget lorem dolor. Luctus venenatis lectus magna fringilla urna. Feugiat nisl pretium fusce id. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Lectus sit amet est placerat in. Turpis egestas sed tempus urna et pharetra pharetra massa. Vel pretium lectus quam id leo in vitae turpis.

Viverra ipsum nunc aliquet bibendum enim facilisis gravida. Rhoncus urna neque viverra justo nec ultrices. Eget arcu dictum varius duis at consectetur. Viverra nibh cras pulvinar mattis nunc sed blandit libero volutpat. Tellus in metus vulputate eu scelerisque felis imperdiet proin. Purus ut faucibus pulvinar elementum integer enim neque. Fermentum et sollicitudin ac orci. Tortor at risus viverra adipiscing at. Luctus venenatis lectus magna fringilla urna porttitor. Semper feugiat nibh sed pulvinar proin gravida. Dui id ornare arcu odio ut sem nulla pharetra diam. Varius morbi enim nunc faucibus a pellentesque. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Neque vitae tempus quam pellentesque nec nam aliquam. Dignissim diam quis enim lobortis scelerisque. Netus et malesuada fames ac turpis egestas sed. Turpis egestas sed tempus urna. Erat nam at lectus urna duis. Feugiat in fermentum posuere urna nec tincidunt praesent. In hac habitasse platea dictumst.

Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien. Elit pellentesque habitant morbi tristique senectus et. Fermentum et sollicitudin ac orci phasellus egestas. Duis ultricies lacus sed turpis. Adipiscing bibendum est ultricies integer quis auctor elit sed vulputate. Turpis egestas sed tempus urna et pharetra. Eu mi bibendum neque egestas congue quisque egestas. Ut aliquam purus sit amet luctus. Massa vitae tortor condimentum lacinia. Lorem dolor sed viverra ipsum nunc aliquet. Hendrerit dolor magna eget est. Volutpat maecenas volutpat blandit aliquam etiam. Sem et tortor consequat id porta. Duis convallis convallis tellus id interdum velit. Enim facilisis gravida neque convallis a cras. Sed elementum tempus egestas sed sed risus pretium quam vulputate.

Convallis posuere morbi leo urna molestie at elementum eu facilisis. Velit laoreet id donec ultrices tincidunt. Augue interdum velit euismod in. Vel quam elementum pulvinar etiam non quam. Viverra maecenas accumsan lacus vel facilisis volutpat est velit egestas. Neque sodales ut etiam sit. Vivamus at augue eget arcu dictum varius. Varius morbi enim nunc faucibus a pellentesque. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Id cursus metus aliquam eleifend mi in nulla.

Augue neque gravida in fermentum et. Integer enim neque volutpat ac. Odio facilisis mauris sit amet. Interdum consectetur libero id faucibus nisl tincidunt. Urna nunc id cursus metus aliquam eleifend mi in nulla. Quam quisque id diam vel quam elementum. Sit amet aliquam id diam maecenas. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Sit amet consectetur adipiscing elit pellentesque habitant morbi. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Netus et malesuada fames ac turpis. Metus aliquam eleifend mi in nulla posuere.<br/><br/>
[[User:KittyNoirReg|<span style="font-size: 10px;">Coded by KittyNoirReg</span>]]
</p>

</div><br/>

<div style="background: linear-gradient(to top right, palegoldenrod, lavender, palegoldenrod); border: 2px solid; border-image: linear-gradient(to bottom left, lavender, goldenrod, lavender) 1; padding: 10px; font-size: 20px;">something testing here is some text<br/>here is some more sweet text<br/>why are you still here<br/>find the secret text<br/><br/><br/><br/><br/><br/>are you still here<br/><br/><br/>almost there<br/><br/><br/><br/><br/><br/>haha there's no secret text, you just wasted your time scrolling (or maybe not-)<br/><br/>This design is called After The Rain because the gradient colors look like a streak of light in the warm colors. Please don't remove credits.<br/>[[User:KittyNoirReg|Coded by KittyNoirReg]]</div>

Please give credit!

<div style="background: radial-gradient(gray, black, gray); color: magenta; border: 2px ridge black; border-radius: 20px; text-align: center; padding: 5px;">
Text goes here. This design is called Ugly Black because it looks ugly but maybe that's the effect you want. Put a few lines of text here, but not suitable for a paragraph (in my opinion), but feel free to do whatever you want with this, just remember '''not''' to change my coding credit below.<br/>
[[User:KittyNoirReg|Coded by KittyNoirReg]]
</div>

Please give credit!

<div style="font-size: 15px; font-family: 'Source Code Pro', monospace; color: lime; background: black; padding: 10px; border: 5px solid lime; border-radius: 20px; text-align: center;">
I am a cat, just chillin out. But in the night, she's all I think about. I feelso strong, when she's around. She picks me up, when I am down. Oh oh oh! My love can only grow. Oh oh oh! And when the sun goes down, that's when she become... Miraculous! Simply the best! Up to the test when things go wrong! Miraculous! The luckiest! The power of love always so strong!! Miraculousss!!!!!<br/><br/>
[[User:KittyNoirReg|<span>Coded by KittyNoirReg</span>]]
</div>

Please give credit!

<div style="font-size: 15px; font-family: 'Source Code Pro', monospace; color: red; background: black; padding: 10px; border: 5px solid red; border-radius: 20px; text-align: center;">
In the day time, I'm Marinette. Just a normal girl, with a normal life. But there's something about me that no ones knows yet, 'cause I have a secret. Miraculous! Simply the best! Up to the test when things go wrong!! Miraculous! The luckiest! The power of love always so strong!! Miraculousss!!!<br/><br/>
[[User:KittyNoirReg|<span>Coded by KittyNoirReg</span>]]
</div>

Please give credit!

<div style="background: #95F6FF; padding: 10px; border: 5px solid dodgerblue; border-radius: 10px; text-align: center; font-family: serif;">
<div style="font-size: 24px; ">❄️ Icy Blue ❄️</div>
<div>Chillin' in the blue clouds... & #9924;<br/>Add more text here but don't remove my credit!</div>
<small style="color: teal;">[[User:KittyNoirReg|Coded by KittyNoirReg]]</small>
</div>

Please give credit, and fix emoji by removing the space between & and # if you want it!

<div style="background: white; padding: 10px; border: 5px solid gray; border-radius: 10px; font-family: sans-serif; font-size: 16px; text-align: center; color: black;">
<div style="font-size: 26px; text-align: center;">[[File:BlankPFP.png|60px|link=[insert link here]]] [[User:[Username]|<span style="text-decoration: underline; color: black;">[Username]</span>]]</div><br/>
Hello {{USERNAME|User}}! My name is [insert name here], I am [insert #] years old. I like to [do whatever] in my free time. I have a pet [pet] named [pet name]. My favorite subjects are [subject #1], [subject #2] and [subject #3]. Things I dislike are [dislike #1], [dislike #2] and [dislike #3]. I've been on Fandom for about [how long you've been on Fandom for]. I am a [personality #1] and [personality #2] person. Feel free to drop a message on my message wall! :)<br/><br/>
To use this template, simply replace anything with the square brackets ([]) with your own words.<br/>
<small>[[User:KittyNoirReg|<small>Coded by KittyNoirReg</small>]]</small>
</div>

Please give credit!

<div style="background: linear-gradient(to right, #5750a5 0%, #cfc4ff 100%); color:white;border: 7px double violet; border-radius: 20px; font-family:'Indie Flower', sans-serif; text-align:center;">Text goes here
<div style="border:black 4px solid;width:235px;height:150px;overflow:auto;">[[File:ProfilePictureGray1.jpg|200px]]</div>
Text goes here


[[User:Leopardfang|Coding Credits]]
<br>
</div>

<div style="position:relative;top:0px;max-width:600px;overflow:hidden;border:5px double;background:linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple, pink); text-align:center;"><big><big><big>Lorem ipsum</big></big></big><br/><big>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</big><br/><small>[[User:Leopardfang|Coding Credits]]</small></div>

<div style="background:
radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
background-size: 40px 60px;border: 7px solid orange; border-radius: 20px; font-size:34px; font-family:Swiss; text-align: center;">BEE Positive<br/><span style="font-size:14px;">FillerFillerFillerFillerFillerFillerFillerFillerFillerFillerFiller<br>[[User:Leopardfang|Coding Credits]]</span></div>

<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-NAME2" style="background: silver; padding: 15px;"><center><div style="border-radius:100%; overflow:hidden; width:140px; height:140px;border:#181616 6px solid;background:#181616;position:relative; top:10;bottom:-24px;right:10px;">[[File:Galaxy.jpg|280px]]</div></center><center><div style="height:345px;width:580px;background:#181616;border-radius:16px;padding:30px;"><font size="5"><span style="color=white;">'''<center>• username •</center>'''</span></font><hr><font size="3><span style="color:white;"><center>age • gender • pronouns</center></span><hr/><span style="color:white;"><center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum arcu vitae elementum curabitur vitae. Erat velit scelerisque in dictum non consectetur a erat. Diam maecenas ultricies mi eget mauris. Enim diam vulputate ut pharetra sit amet. Nec feugiat nisl pretium fusce id velit ut tortor.</center></span></font><hr/><center>[[File:Discord.png|20px]]  <span style=" color="#5c6bc0">''discord user</span><span style="color:white;"> • other socials • other socials''</span><br/><div style="text-align:right;">coding by [[User:PapyrusTree|@jack]]</div></center></div></center></div>

<div class="mw-customtoggle-5" style="background:linear-gradient(to bottom, #d4070f, #f18009, #ffda13);border-radius:0.9em;padding:7px;"><div style="border:5px double red;border-radius:0.9em;"><div style="font-family:Unkempt;color:red;font-size:20px">
{| class="mw-collapsible mw-collapsed" style="border-radius: 10px; border: 2px solid orange; color: black; width: 100%;"
!<span style="background:linear-gradient(to right, red, orange, yellow); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent;">Text</span>
|-
|<span style="background:linear-gradient(to right, red, orange, yellow); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent;">Text</span>

{| class="mw-collapsible mw-collapsed" style="border-radius: 10px; border: 2px solid yellow; color: black; width: 100%;"
!<span style="background:linear-gradient(180deg, red, orange, yellow); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent;">Text </span>
|-
|<span style="background:linear-gradient(180deg, red, orange, yellow); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent;">Text</span>
|}
|}
<small>Inspired by [[User:Shooksy|Shooksy]]</small><br/>
<small>[[User:MegeladorGotham|Coding Credits]]</small>
</div></div></div>