dizzydreamer's profile picture

Published by

published
updated

Category: Art and Photography

layoutss XD

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


ABOVE THE ABOUT ME PARAGRAPH


<img src="imageorglittertexturl"/>


<img src="imageorglittertexturl"/>


<img src="imageorglittertexturl"/>



<style>

@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');

body{font-family: "potta one" ;}

</style> 


CODE BELOW GOES UNDER YOUR ABOUT ME PARAGRAPH


<img src="giforimageurl"/>


<img src="giforimageurl"/> 


<img src="giforimageurl"/> 


<img src="giforimageurl"/> 

<img src="giforimageurl"/> 


<img src="giforimageurl"/>


<img src="giforimageurlORglittertext"/>


TO ADD YOUTUBE VIDEO CLICK SHARE, EMBED, COPY THEN PASTE HERE ONLY CHANGING THE WIDTH AND HEIGHT TO 350 AND 215



MAIN CODE - BODY MEANS THE FULL BACKGROUND - PROFILE MEANS ANYTHING WITHIN THE MIDDLE SECTION


<style>

body {

    background: url(gif or image url);

}

.profile {

background-image:url(gif or image url);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: turquoise; 

//text-shadow: 1px 1px #ffd1dc;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #00FFEF;

{


.mood

text-transform:uppercase !important;

}


table, td

}

/* border: 1px solid var(--url-pink-bg)!important; */

border-spacing: 2px;

}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

    width: 100%;

    border: 2px solid var(--#ffd1dc);

}

table, th, td


}

   border: 1px solid #ffd1dc;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #ffd1dc;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}

   width: 100%;

   border: 4px outset #ffd1dc;

   margin 10px 2;

}


.online

{

  color: gold!important; 

  //text-shadow: 1px 1px turquoise;

}


:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: purple 55;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        

        --table-header:#ffd1dc;

--table-color: white;

--link-text: white;

--main-text: white;


    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #00FFEF;

text color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

footer 

{

    background: turquoise!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

.contact {

  border-radius: 8px;

  background-image: url(gif or image url);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;


color: black;

  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}


main {

background:  black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}


nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #00FFEF;

}

nav .top {

  background: transparent;

}


nav .links {

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

}


nav { background-image: url(gif or image url) 

}



/*customising interests box*/

  .profile .table-section{

    border:2px solid #c50576;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c50576;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #c50576;

    text-shadow: 1px 1px 2px black;

  }

  .profile .table-section .details-table td{

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

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #c50576;

    color: #ffffff;

    text-shadow: 1px 1px 2px black;

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #ffffff;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(gif or image url);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

.profile .blurbs .section :nth-child(2) {

background-image: url(gif or image url);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}


.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#FFF;

}

.profile .profile-info .inner h3 a {

color: #FFFFFF;

}

.profile .profile-info {

background-image: url(gif or image url);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}


</style>























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


<style>

body {

        background:url(https://cdn.discordapp.com/attachments/899587251804196874/950919280256516136/98f5eb6f350c44aef0ac124359482557.gif);

}

.profile {

background:url(https://cdn.discordapp.com/attachments/899587251804196874/950919303006400522/496a887f7a12a774b7f5ca4a2bfe6913.gif);

color:#ff0095;

text-shadow: 0 0 9px black;

}

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:6px; 

 border-color:#ff0095; 

text-shadow: 0 0 9px black;

background:#520030;

}


/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.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: "☆"

}

footer {

border-radius: 15px;

background-image: 

url(https://cdn.discordapp.com/attachments/899587251804196874/950919337848475648/1989678_8bb1c.gif);

color:White; 

}

.online{

content: url(http://www.myspacegens.com/images/online_now/128.gif);

}

nav .top {

        background: url("https://cdn.discordapp.com/attachments/899587251804196874/950919337848475648/1989678_8bb1c.gif");

}

:root {

--logo-blue: White;

--darker-blue:white;

--lighter-blue:#8e0d3e;

--even-lighter-blue:#8e0d3e;

--lightest-blue:##3c0130;

--dark-orange:White;

--light-orange:#8e0d3e;

--even-lighter-orange:black;

--green:black;#ff0090

}



}

div.ah.df.dg.dh {

    border-radius: 0 0 10px 10px;

}

div.b4.ah.dx.dy.dz.e0 {

    border-radius: 10px 0 0 0;

}

</style>


<div class="background"></div>

<div class="about"> 

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ



ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

</div>


<div>



</div>


<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "my friends! ☆"; font-size:.8rem; font-weight:bold; 

color:White; } 

}

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "comments! ☆"; font-size:.8rem; font-weight:bold;

color:White; } 

}

.profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "my interests & my socials! ☆"; font-size:.8rem; font-weight:bold; 

color:White; }

}

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "say hi! ☆"; font-size:.8rem; font-weight:bold; 

color:White; }

}

.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "about me! ☆"; font-size:.8rem; font-weight:bold; color:White; }

}

* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani195.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani195.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/blinking-hello-kitty-4.html" target="_blank" title="Fast Blinking Hello Kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Fast Blinking Hello Kitty" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

</style>



0 Kudos

Comments

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