1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

changing steam overlay (old thread)

Discussion in 'Computers & Technology' started by topbadge, Jun 18, 2017.

  1. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    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.

    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 }
         
       
       }
       
    }
    
    



    [​IMG]
     
    #1
    • Like Like x 3
  2. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    So where you exactly want it
     
    #2
  3. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    On the other side with the rest of the buttons.
     
    #3
  4. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    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
     
    #4
  5. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    I think you've miss understood.
     
    #5
  6. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    Oops now I see
     
    #6
  7. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    This is what i mean btw.

    [​IMG]
     
    #7
    • Like Like x 1
  8. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    Fix'd
    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 }
       
     
       }
     
    }
    
    
    

    [​IMG]
     
    #8
    Last edited: Jun 18, 2017
  9. Nomy
    Offline

    Nomy Administrator
    Super Admin ]HeLL[ Member

    Joined:
    Oct 11, 2010
    Messages:
    33,100
    Likes Received:
    2,812
    Those LLs are triggering my OCD.
     
    #9
  10. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    Better?
    ll.png

    Here's one for those with crippling OCDs
    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 }
     
    
       }
    
    }
    
    
    
     
    #10
    • Like Like x 1
  11. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    Test what happens when you play other games, some game have buttons for the work shop for exsample.
     
    #11
  12. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    hellui.png

    Seems to be just fine
     
    #12
  13. Ollie
    Offline

    Ollie Veteran Member
    PayAdmin

    Joined:
    Feb 28, 2014
    Messages:
    1,608
    Likes Received:
    463
    Please put a space between the [ and Clan. This is triggering me so hard
     
    #13
    • Like Like x 1
  14. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    #14
    • Funny Funny x 2
  15. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    @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.
     
    #15
  16. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    @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.
     
    #16
  17. Nomy
    Offline

    Nomy Administrator
    Super Admin ]HeLL[ Member

    Joined:
    Oct 11, 2010
    Messages:
    33,100
    Likes Received:
    2,812
    **some future Steam update
     
    #17
  18. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    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.
     
    #18
  19. PASi
    Offline

    PASi Member
    PayAdmin

    Joined:
    Feb 21, 2016
    Messages:
    164
    Likes Received:
    28
    @Nomy :mad:#TRIGGERED:mad:

    I'll try to implament it on Topbages steam skin tomorrow
     
    #19
  20. topbadge
    Offline

    topbadge Veteran Member
    Content Creator

    Joined:
    Mar 3, 2012
    Messages:
    1,759
    Likes Received:
    201
    [​IMG]

    I'll start a new thread with installation guide soon.
     
    #20
    • Like Like x 2