changing steam overlay (old thread)

So I've been playing with the "overlaydesktop.layout" file (located C:\Program Files (x86)\Steam\resource\layout) to try and do something I've wanted to do with the CSS GUI for a while, a dedicated button that opens the clan site.

Now at this point it IS working, it's just the alignment in the overlay is skewed and the button is on the wrong side entirely hopefully someone here can figure this out.

Spoiler: Code

Code:

"resource/layout/overlaydesktop.layout"
{
   controls
   {
     BaseDesktopPanel
     {
       controlname="EditablePanel"
     }
     
     GameGroupsButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_GameGroups" style=sidemenu }   
     ChatRoomButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_ChatRoom" style=sidemenu }   
     DLCButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_DLC" style=sidemenu }       
     GuideButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_Guide" style=sidemenu }       
     LegacyCDKeyButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_legacycdkey" style=sidemenu }       
     WebSiteButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_WebSite" style=sidemenu }   
     RecommendButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Recommend" style=sidemenu }   
     WorkshopButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Workshop" style=sidemenu }   
     ]Hell[ClanButton { controlname="URLLabel" labeltext="]Hell[ Clan" urltext="https://hellclan.co.uk" style="sidemenu"}
     

     FriendsDetailPanel { controlname="COverlay_Details_Friends" style="detailsbox" }
     AchievementsDetailPanel { controlname="COverlay_Details_Achievements" style="detailsbox" }
     NewsDetailPanel { controlname="COverlay_Details_News" style="detailsbox" }
     ScreenshotsDetailPanel { controlname="COverlay_Details_Screenshots_Panel" style="detailsbox" }
     GuidesDetailPanel { controlname="COverlay_Details_Guides_Panel" style="detailsbox" }
     CommunityHubDetailPanel { controlname="COverlay_Details_CommunityHub_Panel" style="detailsbox" }
     CommunityDiscussionsDetailPanel { controlname="COverlay_Details_CommunityDiscussions_Panel" style="detailsbox" }
     BroadcastDetailPanel { controlname="COverlay_Details_Broadcast_Panel" style="detailsbox" }
     
     Clock { controlname="Label" labeltext="10:43" style=topbar }
     ClockSuffix { controlname="Label" labeltext="am" style=clocksuffix }
     SessionText { controlname=label style=TimeStrings labeltext="#Overlay_Playtime_Session" }
     TwoWeeksText { controlname=label style=TimeStrings }
     ForeverText { controlname=label style=TimeStrings }
     
   }
   
   styles
   {     
     sidemenu
     {
       font-size=15
       textcolor=texthover
     }
     
     sidemenu:hover
     {
       font-size=15
       textcolor=text
     }
     
     topbar
     {
       font-size=36
       textcolor=text
     }
     
     clocksuffix
     {
       font-size=24
       padding-top=10
       //textcolor=red
       font-weight=400
       font-style=uppercase;
     }
     
     timeStrings
     {
       font-size="17"
       textcolor="label"
       font-family=basefont
       font-weight=700
     }
   }
   
   layout
   {
     region { name=overlay width=1010 align=top-center margin-top=10 margin-bottom=10 }

     region   { name="detailpanelsTop"  region=overlay align=bottom width=max height=594 margin-bottom=480 }   
     region   { name="detailpanelsMiddle" region=overlay align=bottom width=max height=466 margin-bottom=206 }
     region   { name="detailpanelsBottom" region=overlay align=bottom width=max height=210 margin-bottom=100 }
     region    { name="topbar" region=overlay width="max" height=50 }
     region   { name="taskbar" region=overlay width="max" height=75 align=bottom }

     place {controls="GameGroupsButton,ChatRoomButton,DLCButton,GuideButton,,WebSiteButton,RecommendButton,WorkshopButton,]Hell[ClanButton" y=50 align=right region=overlay dir=down spacing=10 }   
   
     
     place { controls="BroadcastDetailPanel" region=detailpanelsTop width=330 height=240 spacing=10 }
     place { controls="FriendsDetailPanel,NewsDetailPanel,AchievementsDetailPanel,GuidesDetailPanel" region=detailpanelsMiddle width=330 height=240 spacing=10 }
     place { controls="ScreenshotsDetailPanel,CommunityHubDetailPanel,CommunityDiscussionsDetailPanel" region=detailpanelsBottom width=330 height=240 spacing=10 }
     
     place { control="Clock,ClockSuffix" region=topbar }
     place { control="SessionText,TwoWeeksText,ForeverText" dir=down region=overlay y=35 }
     
   
   }
   
}

 

So where you exactly want it

 

On the other side with the rest of the buttons.

 

You need to overwrite one of those "boxes" for an example: "overlay_achievmentsdetails". Sreenshots or community might be easier to overwrite

I'll try it later when I have more time

 

I think you've miss understood.

 

Oops now I see

 

This is what i mean btw.

 

Fix'd

Spoiler: Code

Code:

"resource/layout/overlaydesktop.layout"
{
   controls
   {
     BaseDesktopPanel
     {
       controlname="EditablePanel"
     }
   
     HellClanButton { controlname="URLLabel" labeltext="]Hell[ Clan" urltext="https://hellclan.co.uk" style=sidemenu}
     GameGroupsButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_GameGroups" style=sidemenu }
     ChatRoomButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_ChatRoom" style=sidemenu }
     DLCButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_DLC" style=sidemenu }    
     GuideButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_Guide" style=sidemenu }    
     LegacyCDKeyButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_legacycdkey" style=sidemenu }    
     WebSiteButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_WebSite" style=sidemenu }
     RecommendButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Recommend" style=sidemenu }
     WorkshopButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Workshop" style=sidemenu }
   

     FriendsDetailPanel { controlname="COverlay_Details_Friends" style="detailsbox" }
     AchievementsDetailPanel { controlname="COverlay_Details_Achievements" style="detailsbox" }
     NewsDetailPanel { controlname="COverlay_Details_News" style="detailsbox" }
     ScreenshotsDetailPanel { controlname="COverlay_Details_Screenshots_Panel" style="detailsbox" }
     GuidesDetailPanel { controlname="COverlay_Details_Guides_Panel" style="detailsbox" }
     CommunityHubDetailPanel { controlname="COverlay_Details_CommunityHub_Panel" style="detailsbox" }
     CommunityDiscussionsDetailPanel { controlname="COverlay_Details_CommunityDiscussions_Panel" style="detailsbox" }
     BroadcastDetailPanel { controlname="COverlay_Details_Broadcast_Panel" style="detailsbox" }
   
     Clock { controlname="Label" labeltext="10:43" style=topbar }
     ClockSuffix { controlname="Label" labeltext="am" style=clocksuffix }
     SessionText { controlname=label style=TimeStrings labeltext="#Overlay_Playtime_Session" }
     TwoWeeksText { controlname=label style=TimeStrings }
     ForeverText { controlname=label style=TimeStrings }
   
   }
 
   styles
   {  
     sidemenu
     {
       font-size=15
       textcolor=texthover
     }
   
     sidemenu:hover
     {
       font-size=15
       textcolor=text
     }
   
     topbar
     {
       font-size=36
       textcolor=text
     }
   
     clocksuffix
     {
       font-size=24
       padding-top=10
       //textcolor=red
       font-weight=400
       font-style=uppercase;
     }
   
     timeStrings
     {
       font-size="17"
       textcolor="label"
       font-family=basefont
       font-weight=700
     }
   }
 
   layout
   {
     region { name=overlay width=1010 align=top-center margin-top=10 margin-bottom=10 }

     region   { name="detailpanelsTop"  region=overlay align=bottom width=max height=594 margin-bottom=480 }
     region   { name="detailpanelsMiddle" region=overlay align=bottom width=max height=466 margin-bottom=206 }
     region   { name="detailpanelsBottom" region=overlay align=bottom width=max height=210 margin-bottom=100 }
     region    { name="topbar" region=overlay width="max" height=50 }
     region   { name="taskbar" region=overlay width="max" height=75 align=bottom }

     place {controls="HellClanButton,GameGroupsButton,ChatRoomButton,DLCButton,GuideButton,,WebSiteButton,RecommendButton,WorkshopButton" y=50 align=right region=overlay dir=down spacing=10 }
 
   
     place { controls="BroadcastDetailPanel" region=detailpanelsTop width=330 height=240 spacing=10 }
     place { controls="FriendsDetailPanel,NewsDetailPanel,AchievementsDetailPanel,GuidesDetailPanel" region=detailpanelsMiddle width=330 height=240 spacing=10 }
     place { controls="ScreenshotsDetailPanel,CommunityHubDetailPanel,CommunityDiscussionsDetailPanel" region=detailpanelsBottom width=330 height=240 spacing=10 }
   
     place { control="Clock,ClockSuffix" region=topbar }
     place { control="SessionText,TwoWeeksText,ForeverText" dir=down region=overlay y=35 }
   
 
   }
 
}

 

Better?


Here's one for those with crippling OCDs

Spoiler: Trigger safe

Code:

"resource/layout/overlaydesktop.layout"
{
   controls
   {
     BaseDesktopPanel
     {
       controlname="EditablePanel"
     }
 
     HellClanButton { controlname="URLLabel" labeltext="]HeLL[ Clan" urltext="https://hellclan.co.uk" style=sidemenu}
     GameGroupsButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_GameGroups" style=sidemenu }
     ChatRoomButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_ChatRoom" style=sidemenu }
     DLCButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_DLC" style=sidemenu }  
     GuideButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_Guide" style=sidemenu }  
     LegacyCDKeyButton {   controlname="URLLabel" labeltext="#Overlay_Taskbar_legacycdkey" style=sidemenu }  
     WebSiteButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_WebSite" style=sidemenu }
     RecommendButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Recommend" style=sidemenu }
     WorkshopButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Workshop" style=sidemenu }
 

     FriendsDetailPanel { controlname="COverlay_Details_Friends" style="detailsbox" }
     AchievementsDetailPanel { controlname="COverlay_Details_Achievements" style="detailsbox" }
     NewsDetailPanel { controlname="COverlay_Details_News" style="detailsbox" }
     ScreenshotsDetailPanel { controlname="COverlay_Details_Screenshots_Panel" style="detailsbox" }
     GuidesDetailPanel { controlname="COverlay_Details_Guides_Panel" style="detailsbox" }
     CommunityHubDetailPanel { controlname="COverlay_Details_CommunityHub_Panel" style="detailsbox" }
     CommunityDiscussionsDetailPanel { controlname="COverlay_Details_CommunityDiscussions_Panel" style="detailsbox" }
     BroadcastDetailPanel { controlname="COverlay_Details_Broadcast_Panel" style="detailsbox" }
 
     Clock { controlname="Label" labeltext="10:43" style=topbar }
     ClockSuffix { controlname="Label" labeltext="am" style=clocksuffix }
     SessionText { controlname=label style=TimeStrings labeltext="#Overlay_Playtime_Session" }
     TwoWeeksText { controlname=label style=TimeStrings }
     ForeverText { controlname=label style=TimeStrings }
 
   }

   styles
   {
     sidemenu
     {
       font-size=15
       textcolor=texthover
     }
 
     sidemenu:hover
     {
       font-size=15
       textcolor=text
     }
 
     topbar
     {
       font-size=36
       textcolor=text
     }
 
     clocksuffix
     {
       font-size=24
       padding-top=10
       //textcolor=red
       font-weight=400
       font-style=uppercase;
     }
 
     timeStrings
     {
       font-size="17"
       textcolor="label"
       font-family=basefont
       font-weight=700
     }
   }

   layout
   {
     region { name=overlay width=1010 align=top-center margin-top=10 margin-bottom=10 }

     region   { name="detailpanelsTop"  region=overlay align=bottom width=max height=594 margin-bottom=480 }
     region   { name="detailpanelsMiddle" region=overlay align=bottom width=max height=466 margin-bottom=206 }
     region   { name="detailpanelsBottom" region=overlay align=bottom width=max height=210 margin-bottom=100 }
     region    { name="topbar" region=overlay width="max" height=50 }
     region   { name="taskbar" region=overlay width="max" height=75 align=bottom }

     place {controls="HellClanButton,GameGroupsButton,ChatRoomButton,DLCButton,GuideButton,,WebSiteButton,RecommendButton,WorkshopButton" y=50 align=right region=overlay dir=down spacing=10 }

 
     place { controls="BroadcastDetailPanel" region=detailpanelsTop width=330 height=240 spacing=10 }
     place { controls="FriendsDetailPanel,NewsDetailPanel,AchievementsDetailPanel,GuidesDetailPanel" region=detailpanelsMiddle width=330 height=240 spacing=10 }
     place { controls="ScreenshotsDetailPanel,CommunityHubDetailPanel,CommunityDiscussionsDetailPanel" region=detailpanelsBottom width=330 height=240 spacing=10 }
 
     place { control="Clock,ClockSuffix" region=topbar }
     place { control="SessionText,TwoWeeksText,ForeverText" dir=down region=overlay y=35 }
 

   }

}

 

Test what happens when you play other games, some game have buttons for the work shop for exsample.

 

Seems to be just fine

 

Please put a space between the [ and Clan. This is triggering me so hard

 

@Ollie

 

@PASi back up what you've done and restart steam. I've got a feeling it will over write the changes we've made, Im hoping making it read only will fix that but we'll have to see.

 

@topbadge didn't overwrite for me. There is a chance that some cs:s update might mess it up, but otherwise it should work just fine.

 

Counterstrike updates are indeipendent of the steam overlay but a steam update probibly will overwrite this but that's not a big issue.

Paste the code I'll set things up for the resource page.

 

@Nomy #TRIGGERED

I'll try to implament it on Topbages steam skin tomorrow

 

I'll start a new thread with installation guide soon.