❦Jessie❦'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

❀ Layout ❀

❀My current Layout❀


copy and paste into "About Me" box:


<style>

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


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

p{

  font-family: 'Pavanam', sans-serif;

  font-size: 20px;

  color: white;


}

h1,h2,h3,h4,h5{

  font-family: 'Metal Mania', cursive;

  font-size: 36px;

  color: #545454;

}

  body {

  background: url(https://i.imgur.com/Qd7EIxM.jpg);

}

.profile {

   background-color: #242424;

}


main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 300px;

    display: block;

    content: "";

    box-shadow: 0px 0px 5px 3px white;

    background-image: url(https://i.imgur.com/V1DeT0r.jpg);

    background-position: center center;

    background-size: cover;

}


footer {

    border-radius: 20px;

    background-image: url(https://i.imgur.com/zOBzqk5.jpg);

    color: white;

}


table.comments-table td {

    color: #7d7d7d;

}


:root {

    --logo-blue: url(https://i.imgur.com/h2Qt58V.jpg);

    --darker-blue: #8a8a8a;

    --lighter-blue: #8a8a8a;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: #8c8c8c;

    --light-orange: #8a8a8a;

    --even-lighter-orange: #423f3f;

    --green: black;

}

HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bulbasaur.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/bulbasaur.gif"), auto;}


A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/bulbasaur.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/Bulbasaur.gif"), auto;}


.contact .inner a img {

    font-size: 0px;

}

.contact .inner a img:before {

    font-size: 1px;

    display: block

}

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

/* Add to Friends */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Add to Favorites */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Send Message */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Forward to Friend */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Instant Message */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Block User */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Add to Group */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

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

/* Report Profile */

content: url(https://i.imgur.com/BhpOAn8.gif)

}

.online{content:url("https://i.imgur.com/GCCnGQc.gif");}


.profile-pic {


border-radius: 500px;


overflow: hidden;


}



.profile .friends .person img {


border-radius: 500px;


}

</style>


0 Kudos

Comments

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