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

━⋆ teagan	1748967371 this layout is so gorgeous omg..... THANK YOU FOR MAKING IT!! USING :3 Report Comment
✲ B̳̿͟͞R̳̿͟͞E̳̿͟͞N̳̿͟͞D̳̿͟͞E̳̿͟͞N̳̿͟͞ ✲	1747884568 Incredible layout!! Report Comment
youmakemyheartkaboom	1747346214 THIS IS SUCH A PRETTY LAYOUTTTT!!!! USING! Report Comment
Alexx	1745155155 using!! Report Comment
harps	1743016526 this is so pretty!! using!! Report Comment
harps	1743016526 this is so pretty!! using!! Report Comment
Lana	1741205595 using Report Comment
Logan-II7	1719583755 Using it and loving it 🌊🏝️🖤 Report Comment
milica	1716832291 beautiful Report 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