That is GREAT!!

Lets see your site. Doesnt matter what it looks like right now, the important thing in my mind is seeing an example of exactly what you did. Some folks can get confuckled on getting a theme or set of pages converted and if you did this in 15 MINUTES, I believe we need to showcase that achievement.

It's great that you have done this and it would be even better if you detailed your progress in a post to give other new folks some encouragement (plus it will earn you some Karma)

Bill

no probs, still have all the content to put in, but that's the easy bit - haha

http://www.tonyswaby.com/c5/

I like it!!!!

Nice formatting on the menu. Small and unobtrusive.

Holler and Franz and Andrew when it is done and get your site submitted for "Look What We Have Done With C5"

Thanks Ben, Coolest thing is the menu can be anything. Just tell Artisteer what you want, colours shape sub-items...anything. Then fiddle with the view file and that's it. I'm getting over excited now:)

Hi tonyswaby,

Ive been looking for this kind of a solution with "Artisteer" for a while now.
Could you specify your steps to acheive it, the "Artisteer" themes is a live saver (and headache).

good work

Design the site in Artisteer and export to HTML.

In the HTML file take out the content it creates between the comments marked
<!-- article-content --> and replace with the C5 Block code.

The menus are also very simple. I just altered the View.php file to the Artisteer menu refs. i.e.

<ul class=\"art-menu\" style=\"position:inherit!important;\">");

&

<ul class=\"art-menu\">\n");


&

<li><a href="'.$pageLink. '"><span class="l"></span><span class="r"></span><span class="t">' . $ni->getName();


Saved the HTML file to the default.php etc. and uploaded it along with the CSS stuff and the images.

Now I’m just tweaking stuff with Style Master.


T

Tony

Can you (if you have the time) write this up as a mini-tutorial on where you got the Artisteer stuff how you coded/converted to Concrete5.

This could really help new folks and show others a different way to approach the theme design.

Thanks
Bill

testing replies...

just testing

Hey tony,

thanks for your time, i succeeded in making all areas editables, but the menu is a bit trickier (for me).
I dont know what to do with this file and how to change it (View.php).
i just took a View.php from another theme, im not sure if thats a good idea but anyway i dont know how to write it from scratch, and i still dont know what to do with it.
What should i change ? what lines should i replace with the Desirable ones ?

One more thing

How can i make the header.jpeg to be editable ?

what do you mean header.jpg you can always stick in an editable area

yea, you are right.
its just that i have in the style.css a header.jpeg image for the background and i want to make it editaable.
i try to do it, with no success so far.

If it's in the CSS file I don't think you can make it editable? C5 simple edits block areas. So like Mnkras said you'd have to have to create an editable area. Why do you want it editable?


With regard to the menu I just changed to lines of code in the existing VIEW.PHP file I copied form the C5 core files as above, seems to work fine. Nothing complicated.

The bg header image is now editable.
What i dont understand is what do i have to change in "View file" in order to have the menu of the original theme.
Here is the view file.php , how it supposed to look like at the end ? What need a change ?

----------------------------------------------------------------------

<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
$this->inc('elements/header.php'); ?>
<div id="page" class="sidebar-left">
<div id="headerSpacer"></div>
<div id="header">
<h1 id="logo"><a href="<?php echo DIR_REL?>/"><?php echo SITE?></a></h1>
<?php
// we use the "is edit mode" check because, in edit mode, the bottom of the area overlaps the item below it, because
// we're using absolute positioning. So in edit mode we add a bit of space so everything looks nice.
if (!$c->isEditMode()) { ?>
<div class="spacer"></div>
<?php } ?>
<div id="header-area">
<?php
$a = new Area('Header Nav');
$a->display($c);
?>
</div>
</div>
<div id="central">
<div id="pageHeader">
<?php
$ahh = new Area('Header');
$ahh->display($c);
?>
</div>
<div id="sidebar">
<?php
//$as = new Area('Sidebar');
//$as->display($c);
?>
</div>
<div id="body">
<?php
print $innerContent;
?>
</div>
<div class="spacer">&nbsp;</div>
</div>
<div id="footer">
<span class="powered-by"><?php echo t('Built with concrete5')?> <a href="http://www.concrete5.org">CMS</a>.</span>
&copy; <?php echo date('Y')?> <a href="<?php echo DIR_REL?>/"><?php echo SITE?></a>.
&nbsp;&nbsp;
<?php echo t('All rights reserved.')?>
<span class="sign-in"><a href="<?php echo $this->url('/login')?>"><?php echo t('ëðéñä')?></a></span>
</div>
</div>
<?php $this->inc('elements/footer.php'); ?>


----------------------------------------------------------------------

I hope im not too irritating, but the Menu issue is the last thing i need to know in order to make themes by myself.


THANKS THANKS THANKS

Sorry man, this isn't the VIEW.PHP file I use.

It's in the "concrete" core directory - concrete/blocks/autonav/templates

When you've amended the file it goes in block/autonav/templates/my_menu

Notice the path! (not the core concrete directory)

Then back on the page assign the custom template to your autonav block, my_menu or whatever you called it...


T