Aug
7
7
Due to popular request, I’ve created a little image representation of the div ids involved in the layout of Subeta. You might find it useful when coding Custom CSS! This is the basic version which just shows the main divs. (Showing the smaller, internal divs would make it a bit crowded and hard to follow.) I plan to create more diagrams in the future to show the menu and the sidebar in more detail.
Click for the full size image.
Have any questions or comments? Feel free to comment on this post!
@ 9:47 am
This is really great for users just starting to code CSS. Something else that I’ve found which helps me a LOT when needing to find something is the Firefox Add-on, Firebug. I don’t think you’ve mentioned it before and a lot of people don’t know about it.
There’s a portion where you can click an element, it lets you not only click it but lets you hover. It also gives you the div name. Like I said, it’s extremely helpful when you’re trying to find something or are stuck on what’s wrong/what to do.
@ 4:20 pm
Thank you SO so much for this. I can do CSS alittle but this helps me out much more.
@ 3:09 pm
Also you can use Web Developer Toolbar, if you’re a little more advanced, to find specific modules. you can get it at https://addons.mozilla.org/en-US/firefox/addon/60/