I messed up. HELP

Permalink
I messed up big time. I wanted different header banners on all pages and decided the best thing to do was to not have the header and footer in a separate folder. I tried copying the code from the header and footer into the default.php document and delete the code needed to have the header and footer documents in the Elements folder.

The result was that 1. the menu disappeared, 2. the nivo slider shows all the images and no slider, 3. All the text on the front page is gone.

What to do? is it just a matter of finding out where I did wrong, change it and everything is fine again, or have I messed up all the pages?

URL:http://www.anakwaana.com/akatest...

djoniba
 
PPPills replied on at Permalink Reply
PPPills
I just checked out the site and it looks good. I'm on firefox - mac.
mhawke replied on at Permalink Reply
mhawke
I agree with PPPills. It looks good from here. Try clearing your browser(s) cache or try hitting CTRL-F5 to force a real refresh or view your site with a different computer.

Just curious... why did you think it was wise to combine those files. I find it very advantageous to have them separate so the 'global' stuff is all in one place. Any changes made to the header content will need to be accurately propagated to all your page types files. Depending on how many different page type files you have, this can be a hassle.
djoniba replied on at Permalink Reply
djoniba
Yep, it looks good now. Pulled myself together and traced my steps. Managed to redo the changes I made an everything was back to normal. PUH!!!

The reason I want to not have the header.php and footer.php separate, is that the homepage and the other pages will have different images in the top div (where the blue text is on the home page). On the oither pages I want the logo to be smaller and the banner to be narrower. Since this is a part ot the header.php file, I cannot change it only in one place. I thought to have the header in the default.php file and just make the menu global. Are there any other ways?
mhawke replied on at Permalink Reply
mhawke
First off, it's a beautiful site. Just enough white-space to give me the sense of already being on the open plains.

Two things come to mind to play around with.

First thought:

1) Remove the 'height:221px' from the #header element's css and control the height of the header area by the height of the logo image. Float the image left.
2) Instead of using a background image on the #header div, try putting a second image block into the #header div and change that per page or add a slideshow in this block instead of a static image. The point is you have flexibility that a fixed background image doesn't give you.

Second thought:

1) Create a duplicate of your header.php and make it smaller/narrower as you require. Save it as 'elements/header-small.php'
2) Then create a duplicate of one of your page types and call it 'left_sidbar_small.php' or whatever name you choose but make sure the name implies that it has a small header area.
3) Edit 'left_sidebar_small.php' and change the line near the top that says "$this->inc('elements/header.php')" to "$this->inc('elements/header-small.php')"
4) Go to Dashboard->Themes and "Inspect" your theme to "OK" the addition of this new page type file.
5) Now for those pages that you want to use the smaller header, do the Edit->Design thing and change the page type to "Left Sidebar Small".
djoniba replied on at Permalink Reply
djoniba
Thanks a lot. Great to get feedback on the design. I am just starting out making websites and trying to make clean, professional looking sites.

For the technical stuff. I tried making a right aligned image, but it always ended up under the logo, not to the right of it. Got tired of trying and made a background image instead.
How to?

Great idea using a separate header. Didn`t think of that one.
mhawke replied on at Permalink Reply
mhawke
Try this. Right after your 'sitetitle' div in the #header area of your page type file, add another div to your layout but float it right:

<div id="sitetitle'>
.
<!--your existing code-->
.
</div>
<div style="float:right" id="sitesaying">
<?php
$a = new Area('sitesaying');
$a->display($c);
?>
</div>


You should transfer the inline style, 'float:right', to your style sheets if this works to your satisfaction.