4NDY_4EVA's profile picture

Published by

published
updated

Category: Blogging

my layout !!!!!!

<!-- (c) Layout created by 𓆩 𝔗𝔦𝔣𝔣 𓆪 (https://layouts.spacehey.com/layout?id=27213) -->


✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮



<style>

body{

background:url(https://64.media.tumblr.com/9bc9b36cc2b4efdc2fd52fd64e724112/0eb85bc2819d42e4-48/s540x810/f92406c31cc0bff40c6ef141c6899c8d6a507f3a.pnj) no-repeat center

fixed;

-webkit-background-size: cover

}

.logo {

content:url("https://img1.picmix.com/output/stamp/normal/7/7/5/1/1841577_d1c27.gif");

}

main {

font-family:uset;

color: red;

background-color: black;

border-color: red;

border-style: dashed;}

nav .top {

background: transparent;

}

nav .links {

  background: rgba(0, 0, 0, 0.9);

}

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 150px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/originals/8f/ba/2d/8fba2d6adb56cccfa62ec2b47d95581a.gif);

    background-position: center center;

    background-size: cover;

}

#q, button {

color: #F55536;

background-color: black;

border: 1px solid grey;

font-family: inherit;

}

p, i, b, .count {

color: red!important;

}

a, .profile .friends .person p, .logout-btn {

color: red !important;

text-decoration: underline !important;

}

.container {

margin: 0 auto 0;

}

main {

background: black;

color: red;

}

.heading, .url-info {

color: red !important;

background: none;

background-color: black !important;

border: 2px solid grey !important;

}

.inner {

color: red !important;

border: 2px solid grey;

border-top: none;

}

.profile-info {

background-image: url(https://i.pinimg.com/736x/c5/02/e0/c502e0f9f3c38c9d309b12ae25eb5c43.jpg);

        background-position: center;

        background-size: cover;

padding: 5px;

        border-radius: 8px;

        border: 2px solid #0307ff;

border: 2px solid grey;

}

.profile-info .inner {

border: none;

}

.friends .inner {

border-bottom: none;

}

#comments {

border-bottom: 2px solid grey;

}

.profile .contact, .profile .table-section, .home-actions {

border: none !important;

}

.profile .contact.f-row:first-of-type {

margin-top: 0px;

padding-top: 7px;

}

.contact {

  background-image: url(https://i.pinimg.com/736x/eb/ca/8d/ebca8d9013d6479105793b01c15735e7.jpg);

  background-repeat: no-repeat;

  background-attachment: scroll;

  Width: 300px;

  Height:120px;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: "✭"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: "✭"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: "✭"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: "✭"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: "✭"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: "✭"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: "✭"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "✭"

}

.details-table {

margin: 2px;

}

.details-table, td {

border: 2px solid grey;

border-collapse: collapse;

}

td {

color: red!important;

background: none;

background-color: black !important;

table.details-table {

max-width: 98%;

}

.profile h1 {

font-size: 20px;

}

footer p {

color red !important;

}

.comments-table {

color: #0307ff;

border: none;

border-radius: 8px;

}

footer {

    background-image: url(https://i.pinimg.com/originals/15/e9/d8/15e9d80ab3fda1cd8a3631fee469e7bf.gif);

    background-position: center;

background-size: cover;

    border-radius: 8px;

    border: 2px solid red;

}

.general-about {

   border-radius: 8px;

   background: url(https://i.pinimg.com/originals/f9/e9/ba/f9e9bac504e8339f95fc986cd447405d.gif);

   background-position: center;

   background-size: cover;

padding: 5px;

}

 body:before {

    content: " "; 

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    background-image: url(https://64.media.tumblr.com/cf8a321914351bb61e18f0bb3624f912/a522bbe9c4a4dfc0-3e/s250x400/9435283674bb57771317fa40057485a0ac63ff03.gif);

    background-size: cover;

    background-repeat: no-repeat;

    animation: yourAnimation 4s ease 0s 1 normal forwards;

    pointer-events: none;

  }

  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }


</style>


<style>* {cursor: url(http://www.rw-designer.com/cursor-view/13355.png), auto !important;}</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/6atWOU-6HYI//? &;amp;;autoplay=1&loop=1&;controls=1" title="976-EVIL" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<!-- (c) Layout created by Stardust Sleep (https://layouts.spacehey.com/layout?id=40727) --> <div style="float:  ; max-height: 20; position: fixed; right: 1px; bottom: 9px; z-index: 1;"><img src="https://media.discordapp.net/attachments/1085641344329990175/1150201412513452112/Untitled637_20230906133646_64.png" alt="MCR AUTOGRAPHED MY PROFILE"/></div>

<img src="https://i.ibb.co/q0vz2F7/bc7e10b8f3a5fb2eafc4cccbd6503ead6155fd32.gif"/>


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




<!-- (c) Layout created by ⛧⦻𝖆𝖈𝖊𝖊𝖊⦻⛧ (https://layouts.spacehey.com/layout?id=107773) -->




<a href="https://imgbb.com/"><img src="https://i.ibb.co/jwPfydv/IMG-0770.gif" alt="IMG-0770"/></a>




<style>




li.active .icon { content:url('https://i4.glitter-graphics.org/pub/2792/2792164gm3v08vgq3.gif'); width: 20PX;height: 20px;}




</style>


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




<div style="float:  ; max-height: 200px; position: fixed; left: 40px; bottom: -5px; z-index: 200;"><img src="https://i.postimg.cc/tg4XsQkN/gerard-verysilly.png" width="180" height="auto"/></div>


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

<!-- (c) Layout created by ☆Sunny Daze☆ (https://layouts.spacehey.com/layout?id=105638) -->


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




<div class="snowflakes">


  <div class="snowflake">


   <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


  <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


     <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


  <div class="snowflake">


    <img src="https://i10.glitter-graphics.org/pub/864/864430nt3rjqlypa.gif"/>


  </div>


</div>


<style>


*customizable snowflake styling*


.snowflake {


  color: insert color;


  font-size: 2em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 0px rgba(0,0,0,0.7);


}


@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}


</style>


<style>


}


main:before {


    width: auto;


    margin-bottom: 25px;


    border: 1px solid black;


    height: 150px;


    display: block;


    content: "";


    background-image: url(https://i.pinimg.com/originals/14/9f/f7/149ff761a290c7286ceb4624284fa4a8.gif);


    background-position: center center;


    background-size: cover;


}


<style></style>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )