starry layout ☆

Tags: star, layout, black, simple, sparkle, miles layouts

Description:

my first layout! lemme know if you like it or not :) please comment if you use! (the cat is optional)

Preview:

click on the image for a larger preview

Code:

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

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://external-media.spacehey.net/media/spP9QBuRlg_84VWUt5lpDHumS7fpVcCyYK5RcCoX_HAM=/https://gifs4crds.carrd.co/assets/images/gallery03/1ac15761.gif?vca07fc73a" width="350" height="550"/></div>

<style>

  body {
        background: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif);
        background-position: center;
    }</style>


<div class="star"></div>
<style>
nav .links{
    text-align: center;
}
nav .links a{text-shadow:none;
}
nav .links a{text-shadow:none;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ☆";
    color: white;
    font-weight: bold;

</style>



<style>
.blurbs .inner{

text-align: center !important;

}
</style>





<style>.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: "☆"
    }
</style>

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

<style>
.online{

content: url("https://ct.pimp-my-profile.com/online/26.gif") !important;

}
</style>



<style>
    main{
     
    background-color: black !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>


<style>
    .top{
        
    background-color: #1d1326 !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .blog-preview h4{
        
    background-color: black;
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }




<style>
    footer{
        
    background-color: black !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .table-section .heading{
        
    background-color: black !important;
    background-repeat: repeat;
    background-position: center;
    
    }
</style>


<style>
    .contact .heading{
        
    background-color:black !important;
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
    table.details-table{
        
border: 1px solid white !important;   
        
    }
    .profile .details-table td{

border: 1px solid white !important;   

    }
</style>


<style>
    table.details-table{
        
    background-color: black !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
    .profile .details-table td{
        
    background-color: black !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    a{
        
    color: white !important;
        
    }
    a:hover{
        
    color: white !important;
        
    }
    a:visited{
        
    color: white !important;
        
    }
    .top a{

    color: white !important;

    }
    .top a:hover{

    color: white !important;

    }
    .top a:visited{

    color: white !important;

    }
    .links a{
    
    color: white !important;
    
    }
    .links a:hover{

    color: white !important;

    }
    .links a:visited{

    color: white !important;

   }
    .friends-grid p{
        
    color: white !important;
        
    }
    footer .links a{

    color: white !important;

   }
    footer .links a:hover{

    color: white !important;

   }
    footer .links a:visited{

    color: white !important;

   }
</style>


<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>


<style>
    footer{
        
    background-color: #1d1326 !important;
    background-position: CENTER !important;
        
    }
</style>


<style>
    .friends .heading{
        
    background-color: black !important;
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .table-section .heading{
        
    background-color: black !important;

    background-repeat: repeat;
    background-position: center;
    
    }
</style>

<style>
    .blurbs .heading{
        
    background-color: black !important;
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .friends .heading{
        
    background-color: black !important;
    background-repeat: repeat;
    background-position: center;

    }
</style>



<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>


<style>



nav .top {

    background-color: #0090C4;

}



nav .links {

    text-shadow: 0px 0px 5px#E3F3F2;

    background-color: #1d1326 ;

}



nav .links a:hover {

    color: #000000;

}
</style>





<style>

body { 
    cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol335.cur), auto !important;
}</style>

<style>
    table.details-table{
        
border: 1px solid white !important;   
        
    }
    .profile .details-table td{

border: 1px solid white !important;   

    }
</style>

<style>
   :root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:black;
--even-lighter-blue:#222121;
--lightest-blue:black;
--dark-orange:White;
--light-orange:black;
--even-lighter-orange:black;
--green:black;
}
</style>

<style>
    .comments-table td{
        
    background-color: #1d1326 !important;
    background-position: CENTER !important;
        
    }
</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 20 of 39 comments ( View all | Add Comment )

gem?! (◣ _ ◢)	1710474472 using!!1 Report Comment
onyxx ^.ᆽ.^= ∫	1710160183 using :0 Report Comment
this idiot	1709413880 Using !! X3 Report Comment
Kurt	1703825648 using!! the layout is very epic ^_^ Report Comment
A N G E L （＾-＾）	1699062404 using !!! Report Comment
⋆ ˚｡⋆୨୧˚ quack u,_u	1697393829 using!! ^_^ Report Comment
RatFanatic	1692057031 Using!! So cute <:D Report Comment
liam / ethan	1690655808 Using :D Report Comment
Karma_X3	1689484644 US1NG!!1 :33 Report Comment
BLANC	1686396228 usibgg :3 Report Comment
HOBIE	1683859272 using ^_^ Report Comment
toby/cass ✮	1683337298 using !!! :3 Report Comment
cassie🦈	1683160475 using! Report Comment
Ameth >0<!!	1683159405 using !! Report Comment
Ashrr	1682960781 using! Report Comment
willow	1682795737 this is perfect !! using! Report Comment
june x3	1682217552 def using the background <3 !!! Report Comment
rei	1682141075 using! Report Comment
eli (๑˃̵ᴗ˂̵)	1681408220 usingg Report Comment
nomi ★	1681076623 think i might use! Report Comment