« SpaceHey Forum

butterfly layout.

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>


Report Topic

0 Replies