« Web, HTML, Tech Forum

some code snippetz to make ur page cooler!!!

flip profile



<style>

/*flip profile*/

.profile{

direction: rtl;


}


.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;


}

</style>


tv lines on your profile


}

html:before {

  content: " ";

  display: block; position: fixed;

  top: 0; left: 0; bottom: 0; right: 0;

  background: linear-gradient(rgba(13, 0, 103, 0.17) 50%, rgba(13, 0, 103, 0.39) 50%);

  z-index: 2;

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

  pointer-events: none;

}

username box/design



h1 {

font-size: 30px!important;

line-height: 80px;

font-family: 'Silkscreen', cursive;

font-weight:normal;

text-transform: uppercase;

letter-spacing: -1.5px;

color: #2a3d5e;

text-align:center;

padding-bottom:0px;

padding-top:0px;

text-shadow: 0 0 5px ;

background: #000;

background-image:url("url here");

background-position: center;

background-size: 100%;

border: solid 3px #a9b9e8;

}

rounded pfp

.profile-pic {

border-radius: 500px;

overflow: hidden;

}


.profile .friends .person img {

border-radius: 500px;

}


star pfp


.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}



Report Topic

0 Replies