User:N0one/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
(making button and other not transparent)
Line 1: Line 1:
New idea for Main Page
New idea for Main Page
-----
-----
{{Background
| file = Wireframe gradient.jpg
| opacity = 0.13
| gradient-height = 250px
}}


__NOTOC__
__NOTOC__
Line 20: Line 26:


<div style="display:flex; flex-direction:column; gap:.8em;">
<div style="display:flex; flex-direction:column; gap:.8em;">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(122 55 47 / 20%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(122 55 47 / 20%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Half-Life SDK|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[Half-Life SDK|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-GoldSrc.png|16px|link=Half-Life SDK|{{:Main Page/strings|HLSDK Docs}}]] {{:Main Page/strings|HLSDK}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-GoldSrc.png|16px|link=Half-Life SDK|{{:Main Page/strings|HLSDK Docs}}]] {{:Main Page/strings|HLSDK}}</span>
Line 27: Line 33:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(74 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(74 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[SDK Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[SDK Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source.png|16px|link=SDK Docs|{{:Main Page/strings|SDK Docs}}]] {{:Main Page/strings|SDK}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source.png|16px|link=SDK Docs|{{:Main Page/strings|SDK Docs}}]] {{:Main Page/strings|SDK}}</span>
Line 34: Line 40:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(101 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(101 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Source_2/Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[Source_2/Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source_2.png|16px|link=Source_2/Docs|{{:Main Page/strings|S2SDK Docs}}]] {{:Main Page/strings|S2SDK}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source_2.png|16px|link=Source_2/Docs|{{:Main Page/strings|S2SDK Docs}}]] {{:Main Page/strings|S2SDK}}</span>
Line 41: Line 47:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(75 42 46 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(75 42 46 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Dota 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[Dota 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Dota workshop.png|16px|link=Dota 2 Workshop Tools|{{:Main Page/strings|Dota 2 Tools Docs}}]] {{Dictionary/software|dota2_tools}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Dota workshop.png|16px|link=Dota 2 Workshop Tools|{{:Main Page/strings|Dota 2 Tools Docs}}]] {{Dictionary/software|dota2_tools}}</span>
Line 48: Line 54:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(51 73 111 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(51 73 111 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[SteamVR/Environments|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[SteamVR/Environments|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Steamtours workshop.png|16px|link=SteamVR/Environments|{{:Main Page/strings|SVR Tools Docs}}]] {{Dictionary/software|svrh_tools}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Steamtours workshop.png|16px|link=SteamVR/Environments|{{:Main Page/strings|SVR Tools Docs}}]] {{Dictionary/software|svrh_tools}}</span>
Line 55: Line 61:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(41 65 87 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(41 65 87 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Half-Life: Alyx Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[Half-Life: Alyx Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:hlvr workshop.png|16px|link=Half-Life: Alyx Workshop Tools|{{:Main Page/strings|HLA Tools Docs}}]] {{Dictionary/software|hlvr_tools}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:hlvr workshop.png|16px|link=Half-Life: Alyx Workshop Tools|{{:Main Page/strings|HLA Tools Docs}}]] {{Dictionary/software|hlvr_tools}}</span>
Line 62: Line 68:
</div>
</div>


<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(158 98 25 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(158 98 25 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Counter-Strike 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
[[Counter-Strike 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Cs2 workshop.png|16px|link=Counter-Strike 2 Workshop Tools|{{:Main Page/strings|CS2 Tools Docs}}]] {{Dictionary/software|cs2_tools}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Cs2 workshop.png|16px|link=Counter-Strike 2 Workshop Tools|{{:Main Page/strings|CS2 Tools Docs}}]] {{Dictionary/software|cs2_tools}}</span>
Line 75: Line 81:
<div style="display:flex; flex-direction:column; gap:.8em;">
<div style="display:flex; flex-direction:column; gap:.8em;">


<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%), 0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 13%), rgba(255 255 255 / 3%)); color:#d0d0d0; border:1px solid rgb(255 255 255 / 10%); border-radius:.35em; overflow:clip">
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%), 0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:linear-gradient(135deg, rgba(255 255 255 / 13%), rgba(255 255 255 / 3%)); color:#d0d0d0; border:1px solid rgb(255 255 255 / 10%); border-radius:.35em; overflow:clip">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div>
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div>
Line 90: Line 96:
</div>
</div>


<div style="min-height:100px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="min-height:100px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|FMT}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|FMT}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|50px|link=]]</div>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|50px|link=]]</div>
Line 103: Line 109:
</div>
</div>


<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|New Wiki}}</span>
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|New Wiki}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|50px|link=]]</div>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|50px|link=]]</div>
Line 116: Line 122:




<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">

Revision as of 04:52, 2 May 2024

New idea for Main Page

Wireframe gradient.jpg


Welcome to the Valve Developer Community

Main Page/strings

Sign up to become part of the community!


Main Page/strings Main Page/strings

Icon-GoldSrc.png
If you want to create a Mod for Half-Life or looking for more GoldSrc documentation, visit the page by clicking on the button.

Main Page/strings Main Page/strings

Icon-Source.png
Our knowledge base of technical information about using the engine and all of the related tools is posted on a community-driven web site called a wiki.

Main Page/strings Main Page/strings

Icon-Source 2.png
If you want to port Source content to Source 2 or looking for more Source 2 documentation, visit the page by clicking on the button.
Otherwise, you can check out the following Source 2 games with its Workshop Tools below:

Main Page/strings Dota 2 Workshop Tools

Dota workshop.png
The Dota 2 Workshop Tools allows you to create items for inclusion in the Dota store and the Steam Workshop and your own custom game modes.

Main Page/strings SteamVR Workshop Tools

Steamtours workshop.png
SteamVR Workshop Tools lets you create and share different environments for SteamVR Home.

Main Page/strings Half-Life: Alyx Workshop Tools

Hlvr workshop.png
The Half-Life: Alyx Workshop Tools allows you to create items for inclusion in the Steam Workshop and your own custom game addons, such as new maps.

Main Page/strings Counter-Strike 2 Workshop Tools

Cs2 workshop.png
The Counter-Strike 2 Workshop Tools allows you to create items for inclusion in the Steam Workshop and your own custom game addons, such as new maps.


Statistics
Edit-copy.png
13,112 Articles
Icon-Gnome-document-properties.png
507,474 Edits
Gnome-document-open.png
16,437 Files
Icon-gnome-systemusers.png
51,196 Users
Icon-gnome-systemusers.png
83 Active Users
Icon-gnome-systemusers.png
6 Administrators

1.39.12 Current MediaWiki version

Administration
Guidelines
Images
Maintenance
Categories
Issues
Templates
Logo of Valve Corporation.
Community
Pages
Discussion
Informational
Languages

© 2005–2025 Main Page/strings

Main Page/strings


Originally Planned


Welcome to the Valve Developer Community


Introduction Your choice today
Icon-gnome-terminal.png
Development
Everything about game development, level design and much more using Valve Technology.
Recommendations
Half-Life SDK Documentation Source SDK Documentation Source 2 Documentation Dota 2 Workshop Tools Documentation SteamVR Workshop Tools Documentation Half-Life: Alyx Workshop Tools Documentation Counter-Strike 2 Workshop Tools Documentation
Icon-essay.png
Wiki Editing
Everything about editing articles, templates and much more related to this wiki.
Recommendations
Unfinished tasks for wiki editors
Statistics
Edit-copy.png
13,970 Articles
Icon-Gnome-document-properties.png
410,864 Edits
Gnome-document-open.png
15,223 Files
Icon-gnome-systemusers.png
46,539 Users
Icon-gnome-systemusers.png
72 Active Users
Icon-gnome-systemusers.png
32 Administrators
1.31.10 Current MediaWiki version
Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:N0one/Sandbox&oldid=398482"