Hey guys so i finally figure out how to create my own layouts, here is the one that i currently have in my profile.
beautiful butterfly layout. just copy and paste in your about me.
enjoy.
<style>
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Comic+Neue&display=swap');
/*PASTE SCROLLBAR CODE HERE*/
body{
background-image: url('https://images.rawpixel.com/image_800/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDI0LTAxL3Jhd3BpeGVsX29mZmljZV8yOF9idXR0ZXJmbHlfYmFja2dyb3VuZF9wYXN0ZWxfcHJpbnRlZF9wYXR0ZXJuX180YjlmZmFiMy1mMjZkLTRjZjQtYWM4ZS0yZWYzZmZhY2M0YzhfMS5qcGc.jpg');
background-repeat: repeat;
background-position:undefined;
background-attachment: scroll;
background-size: contain;
background-color: #050505;
border: 2px groove #000000;
}
main{
background-color: #bdddff;
border: 2px Dashed #0f0f0f;
opacity: 0.9;
}
.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #bbd5f7;
border: 2px Dashed #121212!important;
}
span[itemprop='name'] {
color: #000000;
font-size: 18pt;
font-family: 'Great Vibes', cursive, Sans-Serif;
}
h4 {
color: #000000;
font-size: 18pt;
font-family: 'Great Vibes', cursive, Sans-Serif;
}
.section h4, .details-table td:first-child {
color: #000000!important;
font-size: 18pt;
font-family: 'Great Vibes', cursive, Sans-Serif;
}
a, .count {
color: #0000ff;
font-size: 12pt;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
a:hover {
color: #ffff00;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
body,main {
color: #000000;
font-size: 14pt;
font-weight: bold;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>