Design + Coding > Fundamental Website Structure Question from newbie
Hi Bob,
First off, yes, every template is built on the same core structure, here is a pdf showing the onion skin of the major structural DIVs: http://manual.squarespace.com/storage/sq-wireframe.pdf
There are also HTML injection points (available in the Advanced and higher packages) that allow you to create your own wrappers and internal DIVs to style and add content to.
As to your example. If I was wanting to add an image that extends outside of the page canvas, I would first try adding it to the body element and centering it.
hope that helps get you started!
11.3.2009 |
Josh Kill
Josh Kill
Josh,
A major thanks for the pointer to the PDF - that is the precise info I needed at this stage.
Bob
11.3.2009 |
Robert DeLaurentis
Robert DeLaurentis
I'm working on tackling my first "custom" Squarespace site - in other words not just dependent on the templates and style changes. I learned during my CSS hand-coding days that there are usually several techniques for achieving the same effect. Squarespace templates are each different -- some use a page metaphor, others use a seamless background for the entire web page, as just one example. Is the underlying foundation provided by Squarespace underpinning all these sites the same? Am I correct in assuming that there is no advantage to one template over another when it comes to what's possible? Or, do different templates represent different structural techniques?
I'm seeking a better understanding of how Squarespace works in order to solve a specific problem - my intended site has a framed snapshot image in the banner, however the effect I'm attempting to achieve has the corners of the photo extending visually beyond the site's banner's borders. A technique that doesn't appear in any of the templates or styles. If I were hand coding this, I'd create a container at the top of the page that extended to the width of the window, then populate it with a header image that seamlessly overlapped with a vertically repeating background image in order to create the effect. Basically I'd like to get the same effect within Squarespace.
Thank you for taking the time to read this message.
Bob