Do I need to keep the "Main" area ? Where do I edit it?
Permalink 1 user found helpful
I have created a sitewww.www.mcinallyphotography.co.uk/developer,... I can't get my background image to show-up behind the "main" area so I have created space within "header" It looks ok so can I just delete the "Main" area. ("Main" is now empty and sits inbetween "header" and "footer".
Alternatively, where can I edit the "main" area so I can add the background to it?
I've tried page and creating page1 page2 with different settings.
I don't want the background to repeat as its been created at the right size for the layout.
What is the point of "Main"
Alternatively, where can I edit the "main" area so I can add the background to it?
I've tried page and creating page1 page2 with different settings.
I don't want the background to repeat as its been created at the right size for the layout.
What is the point of "Main"
Thanks for your feedback,
Site now not private would appreciate your comments
Thanks,
Site now not private would appreciate your comments
Thanks,
Hi There, I think i have located where your "main" area use to live, looks like it was in this div:
if you do want to use this section instead of having everything in your header, you could give it some CSS something like this:
obviously height and width are up to you depending on the size of your image, I suggest using min height if you want all the background image to show at all times, if not then dont specify a height at all and your content will just expand the box as added.
As for your main section, as I said before you can rename this area if you wish you should look for a snippet of code something like this:
You can then just change "Main" to something else.
Hope that helps, if I am misunderstanding what your trying to achieve just let me know :)
<div id="central" class="no-sidebar">
if you do want to use this section instead of having everything in your header, you could give it some CSS something like this:
#central {background: url(myimagehere.jpg) no-repeat 0 0; min-height: 500px; width: 960px; margin: 0 auto;}
obviously height and width are up to you depending on the size of your image, I suggest using min height if you want all the background image to show at all times, if not then dont specify a height at all and your content will just expand the box as added.
As for your main section, as I said before you can rename this area if you wish you should look for a snippet of code something like this:
<?php $a = new Area('Main'); $a->display($c); ?>
You can then just change "Main" to something else.
Hope that helps, if I am misunderstanding what your trying to achieve just let me know :)
I think I deleted central...... Because it had side bar in it and this template doesn't use a side bar at all.
Thanks.
Thanks.
Central is still on your site as I was able to detect it with firebug, it also has a class of no-sidebar which I assume just removes the sidebar, it doesnt have any css associated with it which is why its not really visible, but that section to me looks like the place where your main content would live.
To be honest if your happy with the look of the site then there really is no major problem, as long as your cross browser testing is good and the results are reliable among most of the browsers, then I wouldnt lose too much sleep over it, especially if its your own site.
To be honest if your happy with the look of the site then there really is no major problem, as long as your cross browser testing is good and the results are reliable among most of the browsers, then I wouldnt lose too much sleep over it, especially if its your own site.
Thing is its not my site and I really want to make sure I do this one correctly so that I can understand for the future, 'cause I really want to use C5 for building more sites.
As you have been so much help I do have other questions if it's ok can you take a look at them also?
Thanks
As you have been so much help I do have other questions if it's ok can you take a look at them also?
Thanks
Ah yer I see, I can see from your code it looks like you are using the C5 layout tool a lot? I would steer clear of this personally, really building with C5 is not very different from building a stock standard site, I wouldnt abandon a good basic layout, once the foundation is laid adding the c5 tags for editable areas etc is easy, when starting out with C5 I would recommend keeping thing simple, and using the layout tool may not do you any favours. just my 10p's worth.
Yer sure I will take a look at any other probs you have.
Yer sure I will take a look at any other probs you have.
OK,
So what your saying is I have done it wrong; which is fine.
1. I don't really know how to now do it any other way. I watched vids for adding code to my dreamweaver site didn't make me understand it to well.
2. What I don't want to ask is for you to do it for me cause I won't learn, however if you know what I'm trying to do then It seems like get the right answers.
I'll ask one thing at a time; So do I start with yogurt or not ?
Thanks.
So what your saying is I have done it wrong; which is fine.
1. I don't really know how to now do it any other way. I watched vids for adding code to my dreamweaver site didn't make me understand it to well.
2. What I don't want to ask is for you to do it for me cause I won't learn, however if you know what I'm trying to do then It seems like get the right answers.
I'll ask one thing at a time; So do I start with yogurt or not ?
Thanks.
Oh I found the central code it's in the view.php
I wouldnt say you were doing it wrong, these tools are there and nobody can blame you for using them, but in my opinion they probably cloud the waters a little, so when starting out with C5 I would keep things nice and simple.
Plain yoghurt is a good starting point and dissecting it will give you a nice example of C5 building, its been built by the guys who make C5 so you cant go wrong really.
Also, in my opinion you would do well to ditch Dreamweaver, its a behemoth and you will learn tons more by coding by hand. obviously thats just my personal opinion.
Plain yoghurt is a good starting point and dissecting it will give you a nice example of C5 building, its been built by the guys who make C5 so you cant go wrong really.
Also, in my opinion you would do well to ditch Dreamweaver, its a behemoth and you will learn tons more by coding by hand. obviously thats just my personal opinion.
coding by hind......! That sounds like a lot of learning and currently I really haven't got time, not that I don't want to but, I'm one of those that learns by watching trying and making mistakes, but I need something to watch and make mistakes with.
I did start out with yogurt and tried different things to get to where I am at the moment. So looks like I better put back a lot of the code within "main" and go from there.
Tbanks
I did start out with yogurt and tried different things to get to where I am at the moment. So looks like I better put back a lot of the code within "main" and go from there.
Tbanks
Ok, I appreciate you have time constraints, and I agree tyring and altering, tweeking etc are good ways of learning, I am sorry I havnt been of more help, with a bit more time I could probably put together and comment out a very basic skeleton site for you, let me know if you are interested in having that.
Just as long as I know for now:
1. I'm not doing it wrong (other than deleting all of this from the main.css file:
#page #central{background:url(images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
#page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:23%; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }
#page #central.navLeft{ background:url(images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft #sidebar{float:left}
#page #central.navLeft #body{float:right; padding-right:0px; width:68%; }
#page #central.noSideNav{ background: none; }
#page #central.noSideNav #sidebar{ display:none }
#page #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; }#page
2. What I had started with is just fine to edit to get what I want.
I do have another question re the buttons in the NAV but I was told i should look at dynamic ..... totally above me.
Thanks
1. I'm not doing it wrong (other than deleting all of this from the main.css file:
#page #central{background:url(images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; }
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
#page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:23%; overflow:hidden }
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }
#page #central.navLeft{ background:url(images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft #sidebar{float:left}
#page #central.navLeft #body{float:right; padding-right:0px; width:68%; }
#page #central.noSideNav{ background: none; }
#page #central.noSideNav #sidebar{ display:none }
#page #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; }#page
2. What I had started with is just fine to edit to get what I want.
I do have another question re the buttons in the NAV but I was told i should look at dynamic ..... totally above me.
Thanks
Yer, not doing it wrong exactly, but probably making things tougher for yourself than they should be.
What exactly was your problem with the nav buttons?
What exactly was your problem with the nav buttons?
First of all I need to title each of the buttons
Second the words or the buttons and words need to NAV
The next thing is all but the central rolling photo's need to be a template so it can be used to add pages without having to add everything every time.
Thanks
Second the words or the buttons and words need to NAV
The next thing is all but the central rolling photo's need to be a template so it can be used to add pages without having to add everything every time.
Thanks
Right, the nav is all controlled by a class called nav-header, there is nothing special about the C5 nav, you can style it with css just as you would any other site, if you dont have it already, I would recommend using firefox and the firebug add on, its very useful for looking at what id's and classes are called so they can be styled in your stylesheet.
Your next question with regard to templates, is pretty straight forward, templates in c5 are basically pages so you can create one page type or ten different ones its up to you, then every time you add a page just pick the page type and away you go, so for example you need a page with a certain layout, build the page, give it a name like mypage.php and upload it to the root of your theme, where default.php lives, then log into your dashboard, go to pages and themes, and next to the icon of your site hit "Inspect" then you should see your new page type with a tick box next to it, click "activate files" and bang you now have a new page type to use as many times as you please.
Your next question with regard to templates, is pretty straight forward, templates in c5 are basically pages so you can create one page type or ten different ones its up to you, then every time you add a page just pick the page type and away you go, so for example you need a page with a certain layout, build the page, give it a name like mypage.php and upload it to the root of your theme, where default.php lives, then log into your dashboard, go to pages and themes, and next to the icon of your site hit "Inspect" then you should see your new page type with a tick box next to it, click "activate files" and bang you now have a new page type to use as many times as you please.
Now,
You see thats what I'm not getting, the simplicity of creating the initial page.
The way you have explained it I know I've missed something.
I think I might just start from scratch, although in my hast I've now over written the yogurt main.css file with my own so need to get the main.css file from somewhere else.
You see thats what I'm not getting, the simplicity of creating the initial page.
The way you have explained it I know I've missed something.
I think I might just start from scratch, although in my hast I've now over written the yogurt main.css file with my own so need to get the main.css file from somewhere else.
Starting over may be a good idea, maybe start with Yoghurt again and take your time making small changes you can see exactly what parts of the code affect what parts of your site. C5 is really simple, I have worked with a number of CMS's that have nearly given me an aneurism, C5 is not one of them, once it clicks into place C5 is a dream to work with, I am sure you will find that out soon.
If I may speak frankly I think you may be guilty of over thinking things a little, maybe your expecting it to be more complicated than it is. its not worlds apart from making standard HTML sites, unless you want it to be.
If I may speak frankly I think you may be guilty of over thinking things a little, maybe your expecting it to be more complicated than it is. its not worlds apart from making standard HTML sites, unless you want it to be.
Over thinking it; that is exactly it, having only ever used DW I guess that is the way I think, although php is completely new to me and css I've only just got the basics down.
Now where do I get the main.css file for yogurt from.
Is there anywhere I can get an idiots guide.
Thanks
Now where do I get the main.css file for yogurt from.
Is there anywhere I can get an idiots guide.
Thanks
Its funny you should say that you may find these two gems very handy:
http://www.concrete5.org/documentation/how-tos/designers/making-a-t...
and...
http://www.concrete5.org/documentation/how-tos/designers/make-a-the...
the second one is a video, and its the exact video I started on.
As for the main.css, probably quickest to just download C5 again, only takes 5 mins, and then just rip out the yoghurt theme bin the rest, I would keep an untouched copy somewhere too.
Sorry to be a pain but I am off now, busy day tomorrow, anything else you need help with, feel free to PM me and I will pick it up in the morning.
http://www.concrete5.org/documentation/how-tos/designers/making-a-t...
and...
http://www.concrete5.org/documentation/how-tos/designers/make-a-the...
the second one is a video, and its the exact video I started on.
As for the main.css, probably quickest to just download C5 again, only takes 5 mins, and then just rip out the yoghurt theme bin the rest, I would keep an untouched copy somewhere too.
Sorry to be a pain but I am off now, busy day tomorrow, anything else you need help with, feel free to PM me and I will pick it up in the morning.
Sorry for taking up so much of your time.
Your help is very much appreciated, If I can help by recommending you then let me know.
Alan.
Your help is very much appreciated, If I can help by recommending you then let me know.
Alan.
The "Main" area is a default area in C5, you are free to call your areas whatever you wish, but keep in mind if you then go on to buy a theme its going to have its main content area set to "Main", which in a nutshell means any content contained in anything other than "Main" will not show up.