BATTY 4 YOU LAYOUT

Tags: valentine, heart, girly, girl, pink, glitter, valentines layout

Description:

𝙷𝚎𝚢 𝚎𝚟𝚎𝚛𝚢𝚘𝚗𝚎! 𝙸 𝚖𝚊𝚔𝚎 𝚕𝚊𝚢𝚘𝚞𝚝𝚜 𝚊𝚗𝚍 𝚌𝚘𝚍𝚎𝚜 𝚍𝚊𝚒𝚕𝚢 𝚜𝚘 𝚋𝚎 𝚜𝚞𝚛𝚎 𝚝𝚘 𝙰𝙳𝙳 𝚖𝚎 𝚜𝚘 𝚢𝚘𝚞𝚛 𝚞𝚙𝚍𝚊𝚝𝚎𝚍 𝚠𝚑𝚎𝚗 𝚒 𝚌𝚛𝚎𝚊𝚝𝚎 𝚜𝚘𝚖𝚎𝚝𝚑𝚒𝚗𝚐 𝚗𝚎𝚠. 𝚃𝚑𝚎 𝚙𝚒𝚌𝚝𝚞𝚛𝚎 𝚙𝚛𝚎𝚟𝚒𝚎𝚠 𝚍𝚘𝚎𝚜 𝚗𝚘𝚝 𝚍𝚘 𝚝𝚑𝚒𝚜 𝚕𝚊𝚢𝚘𝚞𝚝 𝚓𝚞𝚜𝚝𝚒𝚌𝚎 𝚊𝚝 𝚊𝚕𝚕. 𝙰 𝚕𝚘𝚝 𝚘𝚏 𝚝𝚑𝚎 𝚐𝚛𝚊𝚙𝚑𝚒𝚌𝚜 𝚊𝚛𝚎 𝚊𝚗𝚒𝚖𝚊𝚝𝚎𝚍. 𝙿𝚕𝚎𝚊𝚜𝚎 𝚌𝚘𝚖𝚖𝚎𝚗𝚝 𝚊𝚗𝚍 𝚔𝚞𝚍𝚘 𝚒𝚏 𝚢𝚘𝚞 𝚞𝚜𝚎! 𝙷𝚘𝚙𝚎 𝚢𝚘𝚞 𝚕𝚘𝚟𝚎 𝚒𝚝!

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
	background-color: #ffffff;
	background-image: url(https://66.media.tumblr.com/e500bc4ca8d4eee7534df7cb709deccd/tumblr_on8zbg6BIH1utobffo1_400.png);
	background-position: top left;
	background-repeat: repeat;
	background-attachment: fixed;
	}


  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 
  color: #ff8da1; 
 } 


nav .links {
    background-image:url(https://images.pexels.com/videos/3045163/free-video-3045163.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500);
    padding: 3.5px 16px 5.5px 16px;
}



</style>

<style>
     * {margin: 0; padding: 0;}

     body {
        background-color: #000000;
     }

    #container {
        width:70%;
        overflow: hidden;
        margin: 50px auto;
        background: black;
    }

    /*header*/
    header {
        width: 800px;
        margin: 40px auto;
    }

    header h1 {
        text-align: center;
        font: 100 60px/1.5 Helvetica, Verdana, sans-serif;

    }

    header p {
        font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
        text-align: justify;
    }


</style>
<style>

footer {
        border-radius: 2px;
background-image: url(https://cdn.shopify.com/s/files/1/0209/4147/1808/products/il_fullxfull.1851205845_l0eq_1024x1024@2x.jpg?v=1556124622); 

</style>

<style>


h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: pink; !important;
 text-transform:!important;
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: #000000;}

h1 {
  color: pink;
  text-shadow: 1px 1px 2px pink, 0 0 25px yellow, 0 0 5px yellow;
}


</style>

<style>

main {
  /* changes made to stuff outside of columns */
    background: #ffffff;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }
</style>

<style>

table {
  border-spacing: 2px;
width: 100%;
  /* sets background */
    background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimg1.picmix.com%2Foutput%2Fstamp%2Fnormal%2F2%2F0%2F5%2F6%2F316502_7f4ce.gif&f=1&nofb=1);
    background-repeat: repeat;
    background-size: 25% ;
  }  

</style>

<style>


:root {
        --logo-blue: url(https://arreya.com/wp-content/uploads/2020/02/heartsfalling.gif);
        --darker-blue: red;
        --lighter-blue: h ;
        --even-lighter-blue: rgba(255, 192, 203, 0.5);
        --lightest-blue: rgba(255, 192, 203, 0.5);
        --dark-orange: red;
        --light-orange: rgba(255, 192, 203, 0.5);
        --even-lighter-orange: url(https://arreya.com/wp-content/uploads/2020/02/heartsfalling.gif);
        --green: Aliceblue;
        

    }


</style>

<style>

@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  /* gotta fetch the font for phone users */


:root {
  --font-family: 'Alice', serif;
  --mynamesize: 25px
  --urlInfoBox: url(https://i.pinimg.com/originals/11/46/f0/1146f06783e280ed21dbbf435789df49.png);

;}

  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}

table, th, td {
  border: 1px dotted #ff8da1;
}

</style>

<style>

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

.comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

</style>


<style>

.online{content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d25ffe6f-4b3a-40c3-87f2-2d9f1512bf8e/d4ocb14-00d48d84-972a-436c-980f-078c908f04c7.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZDI1ZmZlNmYtNGIzYS00MGMzLTg3ZjItMmQ5ZjE1MTJiZjhlXC9kNG9jYjE0LTAwZDQ4ZDg0LTk3MmEtNDM2Yy05ODBmLTA3OGM5MDhmMDRjNy5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.IhhgbjHAbcU8pk1rLsuXgYrAdxq9n3WMJhJPBxo_368");}

</style>

 <style>
     * {margin: 0; padding: 0;}

     body {
        background-color: #000000;
     }

    #container {
        width:70%;
        overflow: hidden;
        margin: 50px auto;
        background: white;
    }

    /*header*/
    header {
        width: 800px;
        margin: 40px auto;
    }

    header h1 {
        text-align: center;
        font: 100 60px/1.5 Helvetica, Verdana, sans-serif;

    }

    header p {
        font: 100 15px/1.5 Helvetica, Verdana, sans-serif;
        text-align: justify;
    }

    /*photobanner*/

    .photobanner {
        height: 233px;
        width: 3550px;
        margin-bottom: -45px;
    }

    /*keyframe animations*/
    .first {
        -webkit-animation: bannermove 30s linear infinite;
           -moz-animation: bannermove 30s linear infinite;
            -ms-animation: bannermove 30s linear infinite;
             -o-animation: bannermove 30s linear infinite;
                animation: bannermove 30s linear infinite;
    }

    @keyframes "bannermove" {
     0% {
        margin-left: 0px;
     }
     100% {
        margin-left: -2125px;
     }

    }

    @-moz-keyframes bannermove {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-webkit-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-ms-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }

    @-o-keyframes "bannermove" {
     0% {
       margin-left: 0px;
     }
     100% {
       margin-left: -2125px;
     }

    }



    .photobanner img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .photobanner img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        cursor: pointer;

        -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    }
    </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 43 comments ( View all | Add Comment )

lucyy	1688582255 using !:) Report Comment
akko..!	1668803128 using!! Report Comment
Chicka Dorada	1641188362 Absolutely cute! ♡ Report Comment
Ahna	1636938991 I luv it so much, thank you!! Report Comment
Whitney Durrant	1636840727 so frickin cute!!! Report Comment
definitelynotshay	1636836250 I'm obsessed!! Report Comment
BGAMEBAY	1636784178 YAS. Fav. Using Report Comment
Nelly	1636782554 Using ️ Report Comment
Jasmine Rose	1636762691 Using, TY! Report Comment
Hope	1636685558 Using. TY! Report Comment
Amy Rawlings-Garman	1636679264 Too cute Report Comment
vi	1635436578 using! ^^ Report Comment
❥・cнιcα ғαηтαsмα ͟͟͞͞➳❥	1634862239 So cute Report Comment
nick<3	1634647495 using! soooo cute Report Comment
Nidobunny	1632415667 This is cute, I'll use it Report Comment
cassandra	1632157437 this so adorable, gonna use for halloween season! thank u so much!! Report Comment
Xx_ACEYANARCHY_xX	1627330519 this layout is so nice ^^ def gonna use it ️ Report Comment
Ang!	1625499160 Soooo cute! def using! Thank you!!! Report Comment
Kayla_the_dancer	1621374682 This is soo cute. n_n Thank you!! Report Comment
Dre <3	1615874847 changing what i already have just for this tyty Report Comment