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

Inari	1651033180 This is pretty neat! Report Comment
𝐦𝐢𝐤𝐚𝐝𝐨 ★♫	1641324257 I’m wondering why a lot of the text isn’t showing up as well like the preview when applied to my profile? Report Comment shows up when I look at it by aleeex; 1641324785; Report
victoria	1639728797 i love this layout but it isn’t show i good up on my profile :( Report Comment
menopaul	1637935541 very nice! Report Comment
Robeezy DaGreat	1637314172 AMAZING! Report Comment
Jackson Made	1637034876 MUCH APPRECIATED!! Report 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 Mauritz	1612980736 Thanks Aleeex for the layout inspiration :-) Report Comment
KDream	1612934122 This is beautiful, thank you. Report Comment