Official Wiki Page
This page was created by a staff member, it is an official wiki page (not a test page).
{{Official wiki page}}
Coded by Kaii
Notice
Note that WikiText and other codes don't work in comments due to the UCP update. To test out your coding, either visit your sandbox, this page's talk page, or your test page. Thank you.Coding Credits
You can find a lot of beautiful coding here, if you want to use some free designs! Please remember to credit the users who made the coding. If you want to have one of your designs added onto here but don't know how, feel free to ask in the comments!
Spottedleaf lover Coldheart's Designs
Fire!
|
Ocean Breeze
|
Black & Blue
|
Pink, Pink, and More Pink
|
Purple, Purple, and More Purple
|
One light, two light
|
Coloured Columns
|
Flowers
|
Twinkle, twinkle, little stars
|
Sea Glass
|
Diamond Stripes
|
Lightened Dark
|
Fired Sun
|
Golden Royalty
|
Silver Royalty
|
Bronze Royalty
|
Business Style Bio
|
Pale and Simple
|
Electric
|
Sunset Dream
|
Sunset Dream Style 2
|
The Other Light Over There
|
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
Insert username here.
Insert heading here.
Insert text here.Female | Ravenclaw | She/her pronouns | Cat-Obsessed | Coding-Addict
Introduction
Hey! I'm insert username here, but please call me {nickname} or {nickname}. Welcome to my profile page!
About me
Insert content here.
Wiki's I'm On
Insert Wiki here
Insert Wiki here
Insert Wiki here
Contacts
Insert content here
Happy coding!
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
WHO I AM
Content!
WIKI'S I'M ON
Content!
HISTORY
Content!
CODING
Content!
RELATIONSHIPS
Content!| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
| WELCOME |
|---|
| Content! |
| HOME |
|---|
| Content! |
| ABOUT ME |
|---|
| Content! |
| BADGES |
|---|
| Content! |
| CODING |
|---|
| Content! |
WELCOME
Cats Are Life.
HOME
Cats Are Life.
ABOUT ME
Cats Are Life.
BADGES
Cats Are Life.
CODING
Cats Are Life.
Katze27632's Designs
Cotton Candy Code
|
Cotton Candy Result
|
Normal Profile Code
|
Normal Profile Result
|
Rainbow Profile Code
|
Rainbow Profile Result
|
Forest code~
|
Forest result~
|
Hotpink code
|
Hotpink result
|
<div style="background:linear-gradient(to right, lightpink, lightblue); padding:1px; border-radius:50px; display:inline-block;"><span style="display:block; background:linea-gradient(to right, pink, blue); padding:1em 3em; border-radius:500px;"> <span style="font-size:190%;">ADD TEXT HERE</span><br><span style="font-size:120%;"><div style="text-align: center">Add liked this here</div></span><span style="font-size:180%;"><div style="text-align: center">ADD HERE</div></span><span style="font-size:120%;"><div style="text-align: center">Add liked this here</div></span><span style="font-size:180%;"><div style="text-align: center">ADD HERE</div></span><span style="font-size:120%;"><div style="text-align: center">Add liked this here</div></span><span style="font-size:180%;"><div style="text-align: center">ADD HERE</div></span><span style="font-size:120%;"><div style="text-align: center">Add liked this here</div></span><span style="font-size:180%;"><div style="text-align: center">ADD HERE</div></span><span style="font-size:120%;"><div style="text-align: center">Add liked this here</div></span><span style="font-size:180%;"><div style="text-align: center">END</div></span><span style="font-size:150%;"><div style="text-align: center">[[User:Katze27632|Coding Credits]]</div></span><!--Design by Katze27632 ur free to use this But DO NOT REMOVE CREDITS!-->
ADD TEXT HERE
Add liked this here
ADD HERE
Add liked this here
ADD HERE
Add liked this here
ADD HERE
Add liked this here
ADD HERE
Add liked this here
END
<div style="background:grey; padding:1px; border-radius:80px; display:inline-block;"><span style="display:block; background:rgb(115,115,115,0.8); padding:1em 3em; border-radius:60px;"><font color="white"><span style="font-family:Shadows Into Light;"><center><big>username</big> <br>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 [[File:ProfilePictureGray1.jpg|thumb|left|150x150px]]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.<br><big>Header</big><br>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.<br><br> Coded by [[User:Katze27632|Kat]] </center></span></font></span></div>
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
Header
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.
Coded by Kat
<div style="background:linear-gradient(to right, lightred, #1e00ff); padding:1px; border-radius:80px; display:inline-block;"><span style="display:block; background:linear-gradient(to right, #FF6D6A, #EFBE7D, #E9EC6B, #77DD77, #8BD3E6, #B1A2CA); padding:1em 3em; border-radius:60px;"><font color="white"><span style="font-family:Shadows Into Light;"><center><big>username</big> <br>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 [[File:ProfilePictureGray1.jpg|thumb|left|150x150px]]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.<br><big>Header</big><br>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.<br><br> Coded by [[User:Katze27632|Kat]] </center></span></font></span></div>
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
Header
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.
Coded by Kat
<div style="background:white; color: black; border: 3px solid pink; border-radius: 10px 10px;"> <span style="font-family:Freckle Face;"><center><big>Username</big><br>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 [[File:Cuteforestimage9.jpg|thumb|left|300x300px]]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.<br><big>About me</big><br>flitter flitter flitter text<br> Coded by [[User:Katze27632|Katze]]<br><br><br></center></span></div>
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
About me
flitter flitter flitter text
Coded by Katze
<div style="background:linear-gradient(to right, lightpink, pink, pink, lightpink); padding:1px; border-radius:80px; display:inline-block;"><span style="background:lineart-gradient(to right, pink, blue); padding:6em 6em; border-radius:60px;"><span style="font-family:Cherry Cream Soda;"><center><span style="text-shadow: hotpink 5px 5px 5px;"><font color="white"><big>Text Goes Here</big> <br>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> Content one </big> <br> 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> Content Two </big> <br> 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> Content Three </big> <br> 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. Made by [[User:Katze27632|Kat]] </center></span></span></div></span></font>
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.
Content one
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.
Content Two
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.
Content Three
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.
Made by Kat
KylieSnapdragon4695420067's Designs
Design # 1
|
Design # 2
|
Design # 3
|
Design # 4
|
Design # 5
|
Design # 6
|
Design # 7
|
Design # 8
|
Design # 10
|
Design # 9
|
Design # 10
|
Design # 11
|
Design # 12
|
Design # 13
|
Username AKA Nickname
Text | Text | Text | Text | Text | Text | Text | Text | Text | Text | Text | Text | Text | Text | Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius congue neque a volutpat. Donec sit amet convallis ex, et fringilla risus. Praesent vel libero leo. Aenean in facilisis orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ac nisi auctor, sollicitudin neque sed, mollis sem. In a ex eu nisl venenatis pharetra vitae eu augue. Fusce sed massa lobortis, dignissim felis nec, consectetur velit. Pellentesque placerat nisl ut suscipit accumsan.
Coding Credits
TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText
🌼 Text 🌼 Coding Credits
Add Heading Here
Add Text Here
Add Heading Here
Add Text Here
Add Heading Here
Add Text Here
Add Heading Here
Add Text Here
Add Heading Here
Add Text Here
The End
Coding Credits to Katze, Editing Credits to Kylie.
Colorful!
|
|---|
Result: Lorem Ipsum
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.
Code: <div style="background:linear-gradient(#fc7f03, #03fccf, #fc03f8, #d11f34); width:400px; height:400px; text-align:center; padding:10px; margin:10px; border:solid hotpink 2px; border-radius:10px; font-family:comic sans ms;"> <div style="font-size:30px;">Lorem Ipsum</div> <div style="padding-top:20px; padding-bottom:20px;">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.</div> <div style="text-shadow:2px 2px 2px mediumvioletred;"> [[User:KiwiReg|<span style="text-decoration:none; color:maroon;">Coding Credits</span>]] </div> </div> </div> |
Moonlight Profile
|
|---|
Result: Code: <div style="max-width:500px; border:solid 7px white; box-sizing:border-box; overflow:hidden; width:100%; height:auto; position:absolute;"><div style="margin:-10px;">[[File:BeautifulForest.jpg|center|link=|500px]]</div></div>
<div style="padding:20px; color:white; font-size:25px; position:relative;">
<h1 style="margin-left:160px;">USERNAME</h1>
{| style="margin-top:5px;"
!style="width:20px; padding:2.5px;"|<div class="mw-customtoggle-About1" id="mw-customcollapsible-About1">About</div>
|style="width:360px; padding:2.5px; text-align:center;"|<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-About1">Text</div>
|-
!style="width:20px; padding:2.5px;"|<div class="mw-customtoggle-Coding1" id="mw-customcollapsible-Coding1">Coding</div>
|style="width:360px; padding:2.5px; text-align:center;"|<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Coding1">Text</div>
|-
!style="witdh:20px; padding:2.5px;"|<div class="mw-customtoggle-Badges1" id="mw-customcollapsible-Badges1">Badges</div>
|style="width:360px; padding:2.5px; text-align:center;"|<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Badges1">Text</div>
|-
!style="width:20px; padding:2.5px;"|<div class="mw-customtoggle-Wikis" id="mw-customcollapsible-Wikis">Wikis</div>
|style="width:360px; padding:2.5px; text-align:center;"|<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Wikis">⦿ Text</div>
|}
<center>[[User:KiwiReg|Coding Credit]]</center>
</div>
|
Quotes
|
|---|
Result: "Quote Here" -Someone Famous
<div style="width:400px; height:400px; background:radial-gradient(rgba(255, 0, 0, 0.2) 0%, rgba(0, 0, 255, 0.2) 100%); padding:10px; margin:auto; text-align:center; border-radius:5px; box-shadow:-2px 2px 5px gray;"> <p style="position:relative; top:25%; margin:auto; font-family:monospace; font-size:18px;">"Quote Here" -Someone Famous<br/><br/>"Second Quote Here" -Someone Infamous<br/><br/>"Third Quote" -My Family<br/><br/>"Fourth Quote" -My Best Friend<br/><br/>"Final Quote" -Me</p> </div> |
Lolli's Designs
<div style="background:radial-gradient(#010203,#014122); border:dashed 7px #018141; border-radius:10% 500%/100% 500%; width:600px; height:600px; color:#00C060; margin:10px; text-align:center;color:#00FF7F"><p style="font-size:30px; font-family:source code pro; position:relative; left:-150px; top:10px; text-decoration:underline; text-decoration-style:dashed;">Text</p> <p style="font-size:18px; font-family:source code pro; position:relative; left:-150px; top:10px;font-size:15px">Text</p><br /> <p style="font-size:18px; font-family:source code pro; position:relative; left:-80px; top:20px;font-size:15px">Text</p><br /> <p style="font-size:18px; font-family:source code pro; position:relative; left:50px; top:50px;">Text</p> <p style="font-size:18px; font-family:source code pro; position:relative; left:50px; top:50px;">Text</p> <p style="font-size:18px; font-family:source code pro; position:relative; left:50px; top:50px;font-size:10px">[[User:KiwiReg|Credits:Reg]], [[User:KylieSnapdragon4695420067|<span style="color:#00FF7F">Part of Editing:Kylie]], [[User:Spanstyleislollipop|<span style="color:#00FF7F">Part of Editing:Lolli]]</p>
<div style="position:relative;top:0px;max-width:700px;border:5px ridge paleturquoise;border-radius:50px;overflow:hidden;">[[File:Mountain-g1c08557e1 1920.jpg|center|700px]] <div style="position:absolute;top:15px;left:82px;width:500px;height:70px;background:rgba(255,255,255,0.4);border-radius:300px;box-shadow:0px 0px 5px black;text-align:center;font-family:Satisfy;color:white;font-size:20px;padding:7px;"><big><big><big>Mysterious. Ominous. Calm.</big></big></big></div> <div style="position:absolute;top:110px;left:30px;width:200px;height:250px;background:rgba(255,255,255,0.4);border-radius:20px;overflow:auto;box-shadow:0px 0px 5px black;text-align:center;font-family:Satisfy;color:white;font-size:20px;padding:10px;"><big>Quotes</big> ---- "The darkest nights produce the brightest stars."<br><br>"I have loved the stars too fondly to be fearful of the night."</div> <div style="position:absolute;top:110px;left:430px;width:200px;height:250px;background:rgba(255,255,255,0.4);border-radius:20px;overflow:auto;box-shadow:0px 0px 5px black;text-align:center;font-family:Satisfy;color:white;font-size:20px;padding:10px;"><big>Quotes</big> ---- "Feel the breezing air, take a deep breath, and relax."<br><br>"Spirits dancing in the sky, those are the Northern lights."</div> <div style="position:absolute;top:150px;left:255px;width:150px;height:150px;border-radius:10px;overflow:hidden;box-shadow:0px 0px 5px black;transform:rotate(-20deg);">[[File:By-the-darkness-stars-are-revealed..png|center|150px]]</div> <div style="position:absolute;top:350px;left:287px;text-align:center;font-family:Satisfy;font-size:20px;"><small><small>[[User:BubblePop205|<span style="color:paleturquoise;">Coding Credits</span>]]</small></small></div></div>
<div style="position:relative;top:0px;max-width:680px;overflow:hidden;border:5px double lavender;">[[File:Cottagecoretea.jpg|center|680px]] <div style="position:absolute;top:10px;left:110px;text-align:center;font-family:Playfair Display;color:white;font-size:25px;text-shadow:1px 1px 1px lavender;"><big><big><big>USERNAME</big></big></big></div> <div style="position:absolute;top:13px;left:500px;width:100px;height:100px;overflow:hidden;border:2px solid lavender;border-radius:300px;">[[File:Lavenderheart.jpg|right|160px]]</div> <div style="position:absolute;top:100px;left:30px;width:400px;height:330px;background:white;opacity:40%;overflow:hidden;text-align:center;font-family:Allura;color:plum;font-size:25px;padding-top:13px;padding-bottom:13px;padding-left:20px;padding-right:20px;">click on the toggles for text to appear<br>click on the toggles for text to appear<br>click on the toggles for text to appear<br>click on the toggles for text to appear<br>click on the toggles for text to appear<br>click on the toggles for text to appear<br>click on the toggles for text to appear</div> <div class="mw-customtoggle-one" style="position:absolute;top:125px;left:465px;width:165px;height:65px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,0.5);text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:7px;">Click</div> <div class="mw-customtoggle-two" style="position:absolute;top:205px;left:465px;width:165px;height:65px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,0.5);text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:7px;">Click</div> <div class="mw-customtoggle-three" style="position:absolute;top:285px;left:465px;width:165px;height:65px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,0.5);text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:7px;">Click</div> <div style="position:absolute;top:365px;left:465px;width:165px;height:65px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,0.5);text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:7px;">[[User:BubblePop205|<span style="color:lavender;">CC</span>]]</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-one" style="position:absolute;top:100px;left:30px;width:400px;height:330px;overflow:auto;text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:10px;">textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-two" style="position:absolute;top:100px;left:30px;width:400px;height:330px;overflow:auto;text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:10px;">textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext</div> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-three" style="position:absolute;top:100px;left:30px;width:400px;height:330px;overflow:auto;text-align:center;font-family:Playfair Display;color:lavender;font-size:25px;text-shadow:1px 1px 1px plum;padding:10px;">textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext<br>textextext</div></div>
be sure to credit! (@Leopardfang/@kaiix)
Profile
|
Profile code
|
Rainbow Intro
|
Rainbow Intro Code
|
<div style="background: linear-gradient(to right, #5750a5 0%, #cfc4ff 100%); color:white;border: 7px double violet; border-radius: 20px"><span style="font-family:Indie flower;"><center>Text goes here</center><div style="border:black 4px solid;width:235px;height:150px;overflow:auto;">[[File:ProfilePictureGray1.jpg|200px]]</div> Text goes here <span style="font-family:Indie flower;"><center> [[User:Leopardfang|Coding Credits]]</center></span></span></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)"><big><big><big><center>Lorem ipsum</center></big></big></big> <big><center> 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.</center></big> <center><small>[[User:Leopardfang|Coding Credits]]</small></center></div>