My profile (as of 2023)

Tags:
Description:

Putting this here for incase I decided to return to this Credits 4 the og layout: https://layouts.spacehey.com/layout?id=33132
Code:

<!-- (c) Layout created by 🧪 | DR. EUGNE!?  (https://layouts.spacehey.com/layout?id=85810) -->

<style>
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #FFCCFF; 
	//text-shadow: 1px 1px #181161;
	
};
	text-shadow: 2px 2px 3px #181161, 0 0 25px #181161, 0 0 5px white;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{


</style>

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


</style> 

<style>
body {
font-family: Allegro, serif typeface;
}



/* 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: "✩"
}   

</style>

<style>
.profile {

background: #151421;


 } </style>
<style>
p {
color: #6e6a9e ;

} </style>


<style>

body {
  background-color: #151421;
} </style>


<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png")

  
  }
  
  </style>
<style>
body {
 margin:0;
 background-image: url("https://i.pinimg.com/originals/8e/ff/81/8eff81d46686e3c82c64565eb09393b9.gif");
background-attachment: fixed;
<style></style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #211e42;

  color: #6e6a9e;
 
  text-decoration: underline !important;
  
  
  

} </style>

<style>
.online {
    color: #6e6a9e;
}</style>  

<style>
nav .links {
    display: block;
    background-color: #151421; 
    border-bottom 1px solid line;
    color: #6e6a9e;
    text-decoration: underline !important;
}

nav .top {

background: none;
margin-top: 0;
color: #6e6a9e;
background-color: transparent;
border: 2px solid #a7a3d1 !important;
text-decoration: underline !important;

}

</style>

<style>main {
border-left: 2px dashed #a7a3d1;
border-right: 2px dashed #a7a3d1;
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-color: #211e42;
   border-bottom: 1px solid #a7a3d1
    color: #6e6a9e; !important;
    text-decoration: underline !important;

}

.profile .blurbs .inner h4 {
    color: #6e6a9e;
    text-decoration: underline !important;
  
}  

.profile-pic img{
border: 1px dashed #a7a3d1;
border-radius: 100%;
}

</style>
<style>
.details-table td p {
color: #6e6a9e;
}

.details-table {
margin: 0;
}

.details-table tr td:first-of-type p {
    color: #6e6a9e;
}

.details-table, td {
border: 1px solid #a7a3d1;
border-collapse: collapse;
color: #6e6a9e;
}
td {
color: #6e6a9e !important;
background: none;
background-color: black !important;
} 

table.details-table {
max-width: 98%;
}
</style>

<style>
}

.comments-table td {
    background-color: black; 
  
}

.comments-table td a {
    color: #6e6a9e;
}

.comment-replies {
    border-color: #6e6a9e;
}

<style>
.heading, .url-info {
border: 2px solid #a7a3d1 !important;
}
.inner {
border-top: none;</style>

<style>
.profile .blurbs .inner h4 {
    color: #6e6a9e;
    
}

<style>
<p style="background-color: #7400FF;">#7400FF 
</style>


<style>



    .profile .friends .person img:not(.icon){

        
border: 1px solid #a7a3d1 !important;
   

        

    }

</style>

<style>
main .left {
  border: 1px dashed #a7a3d1 !important;
}

.profile .contact {
  border: 1px dashed #a7a3d1 !important;
}

.profile .url-info {
    border: 1px dashed #a7a3d1 !important;
    
}

.profile .table-section {
    border:1px dashed #a7a3d1 !important;
}

main .right {
    border: 1px dashed #a7a3d1 !important;
}

.profile .blurbs .inner {
    border: 1px dashed #a7a3d1 !important;
color: #6e6a9e;
}

.profile .friends .inner {
    border: 1px solid #a7a3d1 !important;
color: #6e6a9e;
}

.general-about .profile-pic img { 
  
}
.general-about .details p:not(.online){
color: #6e6a9e !important;

}
.general-about .details a{
color: #6e6a9e !important;

}

.count {
    border: 1px solid #a7a3d1 !important;

}

nav .links {
    background-color: #000000;
    border: 1px solid #a7a3d1 !important;
    text decoration: underline !important;
}

footer {
color: #6e6a9e !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: transparent;
  }    


</style>

<style>
h1, h2,h3,h4, h5, h6, a {
color: #6e6a9e;
}</style>

<style>
.general-about .profile-pic img{
clip-path: circle(50% at 50% 50%);
}
</style>




<img src="https://pixelsafari.neocities.org/dividers/glitterblue.gif"/>


<center><img src="https://picasion.com/gl/92/hGno.gif"/></center>


<center><img src="https://homestuck2.com/assets/panels/448.gif" width="420" height="275/&gt;&lt;/center&gt;&#10;&#10;&#10;&lt;h4&gt;&lt;center&gt;&lt;p&gt;&lt;/p&gt;&lt;marquee&gt;&#x2605;"/></center>


<h4><h3><center><p><img src="https://pixelsafari.neocities.org/favicon/nature/star/star103.gif"/>[ Victor/Ren - Minor (14) - Any pronouns ] <img src="https://pixelsafari.neocities.org/favicon/nature/star/star103.gif"/></p></center></h3>

<center><p>Hello!!! Am Victor am a guy/gal/dude who likes to talk n draw about my interest in the web :33</p></center>
 
<i></i><center><p>~PLURR Forever!</p></center>



<style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol40.cur), auto !important;}</style>


<style>

body:after {

  content: " ";

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));

  z-index: 2;

  background-size: 100% 2px, 3px 100%;

  pointer-events: none}

</style>


<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}</style>


<style>

a:hover {

   /* Chrome, Safari, Opera */

  -webkit-animation: rainbow 0.7s infinite; 


  /* Internet Explorer */

  -ms-animation: rainbow 0.7s infinite;


  /* Standar Syntax */

  animation: rainbow 0.7s infinite; 

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Internet Explorer */

@-ms-keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

/* Standar Syntax */

@keyframes rainbow{

  0%{color: red;}

  10%{color: orange;}

20%{color: yellow;}

  30%{color: lime;}

40%{color: deepskyblue;}

  50%{color: darkviolet;}

60%{color: deepskyblue;}

  70%{color: lime;}

  80%{color: yellow;}

  90%{color: orange;}

100%{color: red;}

}

</style>


<style>
        main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://media.tenor.com/Uk_V6Ht4AR8AAAAd/lapfox-lapfox-trax.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>



<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>


<style>

.online{content:url("http://www.myspacegens.com/images/online_now/310.gif");}

</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/zzs3NDGoriI?si=mtP0OH6TROoWRqrs//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>
img:hover {
  animation: shake 0.5s;

  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://pixelsafari.neocities.org/favicon/object/stationery/mail18.gif');

}



</style>


<style>
.blog-preview .pinned .icon{
content: url('https://pixelsafari.neocities.org/favicon/nature/star/star68.gif');

}

</style>



<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media.giphy.com/media/rXyIg5TrQ3jYuZME1G/giphy.gif') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>

<style>
button{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
button:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}

a{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
a:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}
</style></h4>
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 0 of 0 comments ( View all | Add Comment )