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

magic_maddy	1780256912 using! Report Comment
Nicky<3	1780200509 using Report Comment
ssstankonia	1776614612 using !! Report Comment
Galileo pop	1773491140 using Report Comment
Chanel	1754231262 OMG THIS IS PERFECT ! def using (>3<) Report 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
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