Captain Ginns Posted October 3, 2020 Posted October 3, 2020 (edited) Is there a file or graphic which points and names all the sections of the site. This would help a lot in maneuvering within the CSS and HTML files. Thought I'd ask. For example, the attached graphic. Thank you. Ivan Edited October 3, 2020 by Captain Ginns
Morrigan Posted October 7, 2020 Posted October 7, 2020 I don't think there is a file but if you inspect element with your respective browser it will define what you're looking at.
WP V0RT3X Posted October 7, 2020 Posted October 7, 2020 In addition to that this bookmark makes it a little bit easier... javascript: (function() { let domStyle = document.getElementById('domStylee'); if (domStyle) { document.body.removeChild(domStyle); return; } domStyle = document.createElement("style"); domStyle.setAttribute('id', 'domStylee'); domStyle.append( ['* { color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }'], ['* * { background-color: rgba(0,255,0,.2) !important; }'], ['* * * { background-color: rgba(0,0,255,.2) !important; }'], ['* * * * { background-color: rgba(255,0,255,.2) !important; }'], ['* * * * * { background-color: rgba(0,255,255,.2) !important; }'], ['* * * * * * { background-color: rgba(255,255,0,.2) !important; }'], ['* * * * * * * { background-color: rgba(255,0,0,.2) !important; }'], ['* * * * * * * * { background-color: rgba(0,255,0,.2) !important; }'], ['* * * * * * * * * { background-color: rgba(0,0,255,.2) !important; }'].join() ); document.body.appendChild(domStyle); })();
Captain Ginns Posted October 9, 2020 Author Posted October 9, 2020 Both answers I'll try of course. For the Bookmark, where do I put that? Please be as specific as you can. Thanks.
WP V0RT3X Posted October 9, 2020 Posted October 9, 2020 Just save the code as a bookmark in your browser (works fine with Chrome, others I don't know). Open the page you want to inspect and then that one.
Recommended Posts