Ehh, this isnāt a very good tutorial for this. It doesnāt have any actual properties or anything past the text box border selected, and it has no end result GIF of any sort.
Iām quite confused by this tutorial as well. I expected there to be some coding involved and at least some higher-level skills that the average user would not have.
The purpose of the tutorial section is to explain to a user how to do a specific task. If you include code you should be expected to explain it. Iām not saying everyone knows how to do what you wrote let alone code, but if you explain it enough people should begin to understand it. Your original post does not provide much of an explanation even with how simple the task at hand is.
As others have mentioned, this doesnāt seem like that expansive of a tutorial, and would be more appropriate to accomplish through scripts than hacking together. Have you considered creating a module for creating different mouseover/click effects that can be easily added to buttons and releasing that?
Itās as complicated as youād make it. If your intended audience is non-scripters, then provide BoolValue settings/etc rather than opening a script. Why use a script instead of what was done in the OP? The behavior in the OP is a hack and is not guaranteed to continue working (e.g. if ROBLOX changes it so hover doesnāt pass through buttons, the outer edge would turn back to default when you moused over the inner element).
Just a heads up: If you intend to place Parts in the box where it say āSled 3D module goes hereā, then youāre going to have a hard time doing so because GUI always renders on top of parts (unless, of course, youāre using SurfaceGui.)