Visual Reference Between Template and Actual View

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
KitchM
Power Poster
Power Poster
Posts: 328
Joined: Mon Dec 02, 2013 3:26 am

Visual Reference Between Template and Actual View

Post by KitchM »

I am not sure if this is the correct forum for this, but please let me know if not.

I am using as my default template "CSSMenu top + 2 columns", which came with the CMSMS stock installation. As I look at the code, it appears that there are some parts that do not flow mentally as I visualize the finished product.

Does anyone know of a detailed documentation on this template that will help newbies like me understand the relationship between the code and the page view? I could sure use a little help on that.

Thank you very much.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Visual Reference Between Template and Actual View

Post by velden »

Wouldn't a decent browser and web inspector help?
I use Firefox and Firebug on Windows.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Visual Reference Between Template and Actual View

Post by Dr.CSS »

Just to be nice...

</__body>
<div id="pagewrapper">
body of course is the very outside of site inside of <__html>
pagewrapper is the div holding it at XXpx width

Other wise I don't know what you mean as they all have some kind of comment to tell you what is what, some even tell you where to change what...

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "Layout: Top menu + 2 columns" *}
<div id="header">

{* Start Navigation *}
{* Start Search,
{* Start Breadcrumbs *}
{* Start Content *}
{* Start Sidebar *}
{* Start News,
What is in here might seem a little strange but it should be explained in the comment...
{* Start Content Area,
{* Start relational links *}
{* Start Footer.
KitchM
Power Poster
Power Poster
Posts: 328
Joined: Mon Dec 02, 2013 3:26 am

Re: Visual Reference Between Template and Actual View

Post by KitchM »

@Dr.CSS, sorry, I didn't mean to bother you or for you to have to go out of your way.

@velden, thank you for the good idea. I have installed it and will give it a go. I appreciate it.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Visual Reference Between Template and Actual View

Post by Dr.CSS »

Hey don't mind me I like to get bothered and I'm way out there anyways... ;)
Post Reply

Return to “Layout and Design (CSS & HTML)”