jet ^_^'s profile picture

Published by

published

Category: Web, HTML, Tech

cant post layouts so heres 1!

simple three days grace layout! feel free to change/add anything, credits arent needed but appreciated, comment if using!!




<style>

.profile  {

background:black

  }

</style>


<style>

body {

     background-image: url("https://cdn-images.dzcdn.net/images/cover/40ee194a256aad119746d7718b66977b/0x1900-000000-80-0-0.jpg") !important;

     background-color: black !important;

     background-attachment: fixed !important;

     margin: 0;

     padding: 0;

}

</style>

<style>

main,div.inner{background:#212121; opacity:.75;}

</style>


<style>

.top{

background-color: black !important;

background-image: url('https://www.shutterstock.com/image-vector/punk-rock-skull-monochrome-vector-260nw-1880992939.jpg') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

</style>


<style>

.links{

background-color: black !important;

background-image: url('https://i1.sndcdn.com/artworks-000174942502-hngqn0-t500x500.jpg') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

</style>


<style>


.logo {


content:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSgSbj-95Q5Y6QJMDC_rFBMDTe55yJy_qGihQ&s");


}


</style>


<style>

footer{

background-color: black !important;

background-image: url('https://t3.ftcdn.net/jpg/01/15/56/74/360_F_115567415_JlB1nZGAbj3LeWrfBTp2fqBtdaG3rfO1.jpg') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

</style>


<style>

.heading{

background-color: black !important;

background-image: url('') !important;

background-attachment: fixed !important;

background-repeat: repeat !important;

background-position: top left !important;

}

</style>


<style>h1{color: red !important;}</style>

<style>body{color: red !important;}</style>

<style>a{color: red !important;}</style>

<style>a{font-family: serif !important;}</style>

<style>.links a{color: red !important;}</style>


<style>

.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blog-preview, .blurbs, .friends, .profile-info, .details {


border: 2px solid red !important}

</style>


<style>

:root {

    --topic1: "about me";  /* EDIT INTEREST LABELS HERE */

    --topic2: "music";

    --topic3: "movies n tv";

    --topic4: "pets";

    --topic5: "dni list";

    --topic6: "hobbies";


 }


.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}


.details-table tr td:first-child p::after{

   color:var(--links) !important;

   letter-spacing:normal !important;

   text-shadow: 2px 2px red !important; /* RED */

   filter: brightness(95%) !important;

}


.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{

    content: var(--topic1);

}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{

    content: var(--topic2);

}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{

    content: var(--topic3);

}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{

    content: var(--topic4);

}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{

    content: var(--topic5);

}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{

    content: var(--topic6);

}

</style>


<style>

.details-table p  {

background:black !important;

  }

</style>


<style>

.details-table td  {

background:black !important;

  }

</style>


<style>.online { visibility: hidden; } .online img { content: url("https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>


<style>


.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 Favorites */


 content: "★"


}


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


 /* Send Message */


 content: "★"


}


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


 /* Forward 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 to Group */


 content: "★"


}


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


 /* Report 


Profile */


 content: "★"


}


</style>

]


0 Kudos

Comments

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