hello everyone :)
this is the profile code for the dreamy pink & purple sparkle clouds.
i hope this helps anyone with questions!
feel free to customize it however you'd like or use it as it is.
lmk if you have any questions. :3
i also HIGHLY recommend using this link while coding to see the changes it makes in real time.
it saves so much frustration and headache!!
꘎♡━━━━━━━━━━━━━━━♡꘎
<style>
:root {
--logo-blue: #887dae;
--darker-blue: #df92be;
--lighter-blue: #ffc0c0;
--even-lighter-blue: #ccc;
--lightest-blue: #b893be;
--dark-orange: #333;
--light-orange: #181818;
--even-lighter-orange: #404040;
--green: #38d;
}
* {
font-family: monospace;
}
body
{background: url("https://data.whicdn.com/images/197122776/original.gif")
no-repeat fixed; background-size:cover;
}
.blog-preview p {
background-color: none;
padding: 5px 10px;
border-radius: 10px;
color: black;
}
.blog-preview p a{
color: #ea9999!important;
}
.blog-preview p a:hover,
.blog-preview p a:active,
.blog-preview p a:focus{
color: white!important;
}
nav {
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;
}
table.details-table {
border-collapse: collapse;
}
table.details-table td {
background-color: transparent !important;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.heading {
padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
background-color: transparent !important;
color: #2a2a2a !important;
border-bottom: 2px solid;
}
main {
border-radius: 0 0 15px 15px;
background: rgba(255, 255, 255, 0.94) !important;
}
.container {
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}
footer {
border-radius: 15px;
background: rgba(255, 255, 255, 0.94) !important;
display: block !important;
}
table.comments-table td {
background-color: white !important;
}
.comments-table td:first-child img {
width: 80px;
border-radius: 500px;
}
.profile .friends .person img {
border-radius: 500px;
}
.blog-preview p {
font-size: 1.4rem;
}
a.addme {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
</style>
Comments
Displaying 16 of 16 comments ( View all | Add Comment )
Ivey Mauritz
Thanks Ash Lynx for the layout inspiration :-)
sun
i love ♡ ty!!!
Davia Darling🖤
Thank you soo much 🔮💕🦋
Devyn Kathleen
I am currently using this. I fell IN LOVE!! It's sooooo cute!!!
•Sierra Rose•
Oh my goodness. my friend told me about your layouts.. they are goregous! thank you!
Luciel
Thank you!
𝓀𝒶𝒾𝒹𝓎𝓃⚡️
this is so cute! thank you ^.^
garbagecanloser
When I go to that website to edit/preview my layout, I'll edit the codes but it wont type in the right spot, like it will add the text somewhere else... if that makes sense lmao do you know how to fix this D:
FemmeHawkDown
Love this! Thank you!!
Chelseaburr ⸸
Hey love! I was wondering, How would I change the moving background? I found a couple cute moving backgrounds on Pinterest and I would love to play around with different ideas!
Carly ☽
using this for right now! so dreamy and beautiful! thank you so much ^.^
Maizie Torvaris
i was getting really irritated messing with my profile so im using this as a base to go off of, thank you so much you're an angel
Chelseaburr ⸸
Thank you SO much, lovely! This is going to help me so much with relearning to code. Thank you thank you!
A K U M A 🥀
you’re the best !
Amber
Thanks!!
🖤Amanda April🖤
Ty so much!!!