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 50 comments ( View all | Add Comment )

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
Cr1ms0nCC	1731397840 using Report Comment
boombox_fever	1730242741 using :))) Report Comment
Stoopyhead (Nash)	1729012691 def using Report Comment
Stoopyhead (Nash)	1729012690 def using Report Comment
connor ^,..,^	1728851595 USING!!! ohmygosh this is so amazing i love this so much!! Report Comment Thank you!! :D by 🎪 CL♡WN KISSER! 🎪; 1729727765; Report
Kovak	1728459410 using. Report Comment
Lawrence555	1728120615 using Report Comment
KitchenLover3000✮	1728100210 tf2/10 def using Report Comment
Dell	1727924203 i'm full of joyous wonder just from looking at this and my eyes will forever be bless by the grace of you and God for letting me see this. you are a true inspiration for the generation to come forth upon this universe and may your services echo throughout the fields of many countries. using <3 Report Comment Haha thank you so much!!! <3 I love your pfp! by 🎪 CL♡WN KISSER! 🎪; 1728784254; Report
Loosey★!	1727611210 USING 4 NOW!!! Report Comment
ᴊᴜᴘɪ	1727428837 OMG USINGGG!! Report Comment
Sannie★	1727397726 usando Report Comment
henrik ☘︎‧₊˚	1727282357 Usin Report Comment
lolikometa	1727181022 using!! Report Comment
kwotene	1726795825 Will use Report Comment