Test-css Wiki

Community Page Image Submission!
Click here to submit! Any images that are within the Rules are exceptable!!
P.S. You'll have a huge chance of getting promoted if you participate! ;)

READ MORE

Test-css Wiki
Advertisement
Inspired by the page on the Coding Help Wikia.

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
That Other Light Over There


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!



Sunset Dream Style 2


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!



Sunset Dream


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!


Electric


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!


Insert username here.


Insert heading here.

Insert text here.
BUSINESS STYLE BIO
~ ────── 💙 ────── ~

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!




Bronze Royalty


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!


Silver Royalty


WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!


Golden Royalty
WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!



Fired Sun
WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!

Lightened Dark
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!




Diamond Stripes
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!



SEA GLASS
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!

Twinke, twinkle, little stars!
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!




Flowers!
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!
Coloured Columns
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!
One light, two light
WHO I AM

Content!


WIKI'S I'M ON

Content!


HISTORY

Content!


CODING

Content!


RELATIONSHIPS
Content!


Purple, Purple, and More Purple!
WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!

Pink, Pink, and More Pink
WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!

Black & Blue
WELCOME
Content!


HOME
Content!


ABOUT ME
Content!


BADGES
Content!


CODING
Content!



Ocean Breeze
WELCOME
Content!



HOME
Content!



ABOUT ME
Content!



BADGES
Content!



CODING
Content!


FIRE!

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>


username
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
ProfilePictureGray1.jpg
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.
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>
username
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
ProfilePictureGray1.jpg
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.
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>
Username
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
Cuteforestimage9.jpg
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.
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>
Text Goes Here


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



Unicorn-Forest-Sparkles-Birds-Magical-Fantasy-5903716.jpg

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.

Twitter Mail Roblox

Coding Credits

Insert heading here

Text
Coding Credits

Insert heading here

Text
Coding Credits

Insert heading here

Text
Coding Credits

Insert heading here

Text
Coding Credits


Insert heading here

Text
Coding Credits

Insert heading here

Text
Coding Credits

Insert heading here

Text
Coding Credits

Text

Text
Coding Credits

Text

Text
Coding Credits


TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText

Coding Credits


Title

Content # 1


Content # 2


Content # 3

a

Credits, Editing


🌼 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.


Regina's Designs

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:

BeautifulForest.jpg

USERNAME

About
Text
Coding
Text
Badges
Text
Wikis
⦿ Text
Coding Credit


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

"Second Quote Here" -Someone Infamous

"Third Quote" -My Family

"Fourth Quote" -My Best Friend

"Final Quote" -Me


Code:

<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

Inside the Code(Code)

<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>

Inside the Code(Result)


Bubble's Designs

Bubble's Designs
Night Design Code
Night Design Result
Cottagecore Design Code
Cottagecore Design Result
<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>
Mountain-g1c08557e1 1920.jpg
Mysterious. Ominous. Calm.
Quotes
"The darkest nights produce the brightest stars."

"I have loved the stars too fondly to be fearful of the night."
Quotes
"Feel the breezing air, take a deep breath, and relax."

"Spirits dancing in the sky, those are the Northern lights."
By-the-darkness-stars-are-revealed..png
<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>
Cottagecoretea.jpg
USERNAME
Lavenderheart.jpg
click on the toggles for text to appear
click on the toggles for text to appear
click on the toggles for text to appear
click on the toggles for text to appear
click on the toggles for text to appear
click on the toggles for text to appear
click on the toggles for text to appear
Click
Click
Click
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext
textextext


Advertisement