beachy layout

Tags: aleeex, beachy, simple, blue, palm trees, waves, gif

Description:

beachy layout with header and contact box gif ♡♡♡

take and use as you please,

credit is appreciated but not necessary.

Preview:

click on the image for a larger preview

Code:

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



<style>
.online{content:url("http://www.myspacegens.com/images/online_now/13.gif");}
</style>



<style>


main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/55/2e/29/552e29f3809efd1e2f07a616ce8aa8a3.gif');
 background-position: center center;
 background-size: cover;
 </style>





<style>

    :root {
        --logo-blue: #;
        --darker-blue: #ffffff;
        --lighter-blue: #DCDCDC;
        --even-lighter-blue: #ccc;
        --lightest-blue: #b893be;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }

    * {
        font-family: monospace;
    }
    
    
    
.contact {
  border-radius: 25px;
  background: url(https://i.pinimg.com/originals/23/04/0f/23040f76b80cc54d0571134432d1b3df.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 250px;
  height: 150px;
}


  table, tr, td { 
  background-color:transparent; 
 } 

  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px; 
 } 

  table table table { 
  width:80%; max-width:600px; } table table table table { width:100%;; 
 } 

    
    
    

    body
        {background: url("https://images.wallpaperscraft.com/image/ocean_surf_foam_sea_water_117846_3840x2400.jpg")
        no-repeat fixed; background-size:cover;
        
        }
    .url-info{display:none !important;}

     }

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #FF69B4!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: 20px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2F4F4F !important;
        border-bottom: 2px solid;
    }

    main {
        border-radius: 0 0 15px 15px;
        background: rgba(240, 255, 255, 0.75) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(240, 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: 10px;
    }
    
     table.comments-table td {
        background-color: rgba(240, 255, 255, 0.75) !important;
    }

    .blog-preview p {
        font-size:0.9rem;
    }
    
    table.comments-table{
display: block;
height: 220px!important;
overflow-y: scroll;
}


    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

</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 21 comments ( View all | Add Comment )

Oz	1634439201 Thank you, Aleeex! Report Comment
Charmin'Carmen	1618035805 How do you give credit? Just mention Aleeex's layout in the combo box? Report Comment No worries about credit (: I appreciate you! Just copy the code and put it in your about me and you’re all set by aleeex; 1618038652; Report
Didrick	1615985903 This one looks absolutely amazing and fits my monitor perfectly, thanks for sharing! :) Report Comment
taehyung	1614147424 thanxx Report Comment
Summer	1613802425 I love this but how do I put it on my page :( Report Comment copy code and post in about me by Ray K Suda; 1614060362; Report Thanks babe by Summer; 1614215750; Report
Emma	1613778503 I love this layout, thank you for sharing it. Report Comment
JetskiJessie84	1613723585 I am brand new to this. And know nothing about coding. Loved your layout... Thanks for sharing it. It is perfect for me... 🌹🏳️‍🌈 Report Comment
☆ kaylee ☆	1613719088 This is stunning, thank you!! Report Comment
NIttram	1613599461 hey thanks for the lay out! this looks flawless! Report Comment
Mama Bear	1613247404 Thank you. I love it ❣️ Report Comment
Toby	1613053079 Sweet! Thanks. Report Comment
Rosa Vuono	1613010358 I am using! Report Comment
Ivey	1612980736 Thanks Aleeex for the layout inspiration :-) Report Comment
KDream	1612934122 This is beautiful, thank you. Report Comment
KDream	1612934112 This is beautiful, thank you. Report Comment
Sicabby	1612924463 I will use your layout, not only because it's from MySpace gen's and I know how to edit that easily, But mostly because you weren't super pushy about everyone HAVING to add you as a friend just to use your codes. You are a gem. Report Comment
Christina	1612920384 It's perfect! Thank you for this! Report Comment
Teri	1612853238 Love this one, thank you for making it. Now to remember how the old MySpace worked so I can make this my new hang out. Report Comment
Shaun	1612106119 thank you Report Comment
Brooke	1611717207 Thanks for letting me use this! Its beautiful! Report Comment