Layout

Tags: s
Description:

Just incase i want it back later or whateva
Code:

<!-- (c) Layout created by Marjuke (https://layouts.spacehey.com/layout?id=38542) -->




<style>
body{
  background: url('https://th.bing.com/th/id/R.f65dbf63a66aea70adf60c9b1ba3f7ad?rik=O1V%2bjxCgeQfoLQ&riu=http%3a%2f%2fth01.deviantart.net%2ffs71%2fPRE%2ff%2f2013%2f148%2f3%2f4%2fmaple_wood_texture_by_etnguyen03-d66yxxq.png&ehk=1h91QIBFUW27aeOZVz2Sr1wlRJxRNrA%2fnDpRZcS8kHg%3d&risl=&pid=ImgRaw&r=0') no-repeat center center fixed;
  background-size: cover;
}
</style>




<!-- (c) Layout created by 🏳️‍⚧️; 311/Ethan (https://layouts.spacehey.com/layout?id=25194) -->



<style>
.general-about .profile-pic img{
  clip-path: polygon(0 0, 100% 0, 100% 84%, 69% 84%, 51% 100%, 35% 84%, 0 84%);
}
</style>

<!-- (c) Layout created by vanrouged (https://layouts.spacehey.com/layout?id=30942) -->

<style>* {cursor: url(https://ani.cursors-4u.net/smiley/smi-3/smi304.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/10/mini-rage-face-omg-smiley.html" target="_blank" title="Mini Rage Face OMG Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Mini Rage Face OMG Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>


 <style>

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@1,300&display=swap');
P{
  font-family: 'IBM Plex Sans', sans-serif; 
  font-size: 150%;
  color:  #42281e;
}
h1,h2,h3,h4,h5,{
  font-family: 'Fugaz One', cursive;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 200%;
  color:  #42281e;
}


:root {
    --logo-blue:#590d11;
    --darker-blue:#6f2e1c;
    --lighter-blue:#b64e3c;
    --even-lighter-blue:#b55964;
    --lightest-blue:#ca7185;
    --dark-orange:#a33e22;
    --light-orange:#d26049;
    --even-lighter-orange:#ed6b53;
    --green:#7b9f9f;
}

.online{content:url("https://ct.pimp-my-profile.com/online/26.gif"); background-position: -8% 70%; background-repeat:no-repeat; background-attachment:scroll;}

/* background of the page (i.e. left and right of your profile) */
body {
  background-color: #361c13;
}

/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #f5bda9;
  color: #b45958;
}

/* links within main. --green is a variable from spacehey's own CSS */
main a {
  color:#80352d ;
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid: #331108 ;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color:#874932;
  color: #ed9f82;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
  background-color: #ad6765;
  color:  #ba6436;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #a14b3d;
  color: #80352d;
}



</style>
                                                              


N-e-ways hii w⁠(⁠°⁠ｏ⁠°⁠)⁠w, im honestly j trying to figure spacehey out so i don't know what im doing. Also im not great at English.

<img src="https://wsiwon.files.wordpress.com/2015/10/community.gif" alt="hi"/>

<img src="https://gifdb.com/images/thumbnail/panic-fire-pizza-delivery-donald-glover-community-hgtfloxfvpzc2i77.gif" alt="hi"/>

<iframe width="0" height="0" src="https://www.youtube.com/embed/27d138zhyZQ?&#10;start=9?&;amp;;autoplay=1&;loop=1&;controls=1" title="denial" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>




----------------------------------------nüüd see uuem

<style>


.profile .blurbs .section h4{
display:none;
}




@import url('https://fonts.googleapis.com/css2?family=Bayon&display=swap');
body{font-family: 'Bayon', sans-serif;}
font-size: 15px;

.general-about .profile-pic img{
  clip-path: polygon(0 0, 100% 0, 100% 84%, 69% 84%, 51% 100%, 35% 84%, 0 84%);
}




          .online { visibility: hidden; } .online img { content: url("http://www.coolspacetricks.com/images/myspaceicons/165.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }


main:before {

	width: 100%;

	height: 300px ;

	display: block;

	content: "";

	background-image: url('https://th.bing.com/th/id/R.45df53e61f60bf36ced03da71df832be?rik=zpwdCrD%2bVxdyLg&riu=http%3a%2f%2fstatic.independent.co.uk%2fs3fs-public%2fthumbnails%2fimage%2f2015%2f03%2f12%2f13%2fCommunity_TV_show.jpg&ehk=XtpKyUCx6YJblnafVFSfS6lrb8lxQY6Sq0VDwNxglrg%3d&risl=&pid=ImgRaw&r=0');

	background-position: top center;

	background-size: cover;

        border-radius:1px;

        border: 2px outset #FFFFFF;

}


.contact .inner a img { 

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

	/* Add to Friends */

	content: "✰"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "✬"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "☆"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "✭"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "✫"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "✯"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "✭"

}





body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://feedyourfictionaddiction.com/wp-content/uploads/sites/183/2015/07/102424-technical-difficulties-gif-wer-4tSu.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }



main {

    border-radius:2px;

    border: 10px double #060080;

    padding: 5px;

    background-color: transparent; }



.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media.giphy.com/media/rXyIg5TrQ3jYuZME1G/giphy.gif') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}



p, h2 {
     color: #000066;
}

a {
     color: #020133;
}

h1, .count, .friends a p {
     color: #004bc4;
} 

.blog-preview h4 {
color: #C5DAE3!important;
}


/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #f5f5fa;
  color: #D0FFFB;

}

:root {

        --logo-blue: #000675;

        --darker-blue: #537084;

        --lighter-blue: #000675;

        --even-lighter-blue: #c5dae3;   #003e59
        --lightest-blue: #d5e1e6;

        --dark-orange: #abd0e0;

        --light-orange: #abd0e0;

        --even-lighter-orange: #c5dae3;

        --green: #537084;


        
body {
   background-image: url("https://th.bing.com/th/id/OIP.aTQ6fgXaoL86eeoAiTxjTAHaE8?rs=1&pid=ImgDetMain");



.logo {

content:url("https://i.postimg.cc/cHb7MH6x/Untitled.png");




</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )