Team Fortress 2 (will be updated/improved soon)

Tags: simple, layout, tf2

Description:

My first layout! Yippee! :D Based on the Team Fortress 2 official website, cus I've been spending a lotta time there lately... Includes: Spacehey logo and an online indicator in the TF2 font, custom contact icons & notification bell, and the "Heroes" section was replaced with "Video Games." Let me know if it stops working or if there's any problems :) Feel free to customize it as much as you want!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎪 CL♡WN KISSER! 🎪 (https://layouts.spacehey.com/layout?id=107595) -->

<style>
:root {

        --logo-blue: #332E28;

        --darker-blue: #39342E;

        --lighter-blue: #B05014;

        --even-lighter-blue: #E2E2E2;

        --lightest-blue: #E2E2E2;

        --dark-orange: #373634;

        --light-orange: #AF5114;

        --even-lighter-orange: #E2E2E2;

        --green: #393534;

    }
body
{background-image:
url(https://i.ibb.co/s9LLz80/competitive-tier4-2650x1600.jpg);

}
main {

  background-color: #D2CDC9;

  color: #373634;
</style>

<style>
img.logo{
content: url("https://i.ibb.co/gDyTkGW/1717209732570.png");
width: 144px !important;
height: 48px !important;
</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: url("https://i.ibb.co/1vpYdkF/Untitled37-20240531215131.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.ibb.co/QH5HBpr/Untitled37-20240531215158.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/bsgpmNf/Untitled37-20240531215217.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/Jy2YC4Z/Untitled37-20240531215246.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/8g0myrZ/Untitled37-20240531215312.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/8b1NXRH/Untitled37-20240531215334.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/TWJrcxZ/Untitled37-20240531215358.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/SxdbJxC/Untitled37-20240531215424.png")
    } 
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://i.ibb.co/JB68dSs/Login-Spy.png');

}

</style>

<style>
.online {content:url('https://i.ibb.co/9mxzF0d/Untitled41-20240531222916.png'); mbackground-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>

.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"Video Games"; font-size:.7rem; }

</style>

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 20 of 63 comments ( View all | Add Comment )

Banana smoothie	1733933388 Using! Report Comment
Starrylikethesoda	1733797754 Using! Report Comment
Flanthemothman	1733491479 using!! Report Comment
Vopuriaa	1733345270 usinnngggg Report Comment
Vopuriaa	1733345270 usinnngggg Report Comment
Vopuriaa	1733345270 usinnngggg Report Comment
Vopuriaa	1733345269 usinnngggg Report Comment
Vopuriaa	1733345269 usinnngggg Report Comment
Vopuriaa	1733345269 usinnngggg Report Comment
Vopuriaa	1733345267 usinnngggg Report Comment
Vopuriaa	1733345266 usinnngggg Report Comment
jackelyn	1732675519 using youre so awseome btw omg Report Comment Aw shucks thank u!!!! by 🎪 CL♡WN KISSER! 🎪; 1732989526; Report
polnr	1732364196 using Report Comment
blO0dSH0ttt	1732303438 using! its cool! (^▽^)👍 Report Comment Thank uuuu >ᴗ< by 🎪 CL♡WN KISSER! 🎪; 1732386185; Report
scout	1731891885 using!!! Report Comment
welf	1731798073 using Report Comment
Raz	1731536190 using!! this is so neat Report Comment thankie :3 by 🎪 CL♡WN KISSER! 🎪; 1731978831; Report
Oblivious Oblivion	1731456832 Ooiuuughh I'm so tempted to use this,, I fear the worms will have fun with this one Report Comment
wuRt	1731408439 usingngngn!! Report Comment
boombox_fever	1730242741 using :))) Report Comment