...your Template in 2 Minutes
Posted: Wed 26. Dec 2007, 10:09
Ok, there are some problems with templates, with navigation, with css....
Here a short play with YAMLs little project and standard phpwcms entries:
After in layout you decided to bring in you OWN Template style and you open the template section:
Fill in HTML Head:
in BODY section:
Nearly done (don't forget to put in articles later 
)
download and upload the small YAML Project from : http://www.yaml.de/fileadmin/download/a ... ct_102.zip
Thats all.
Ok, this is VERY simple... but it is nice to show how fast PHPWCMS fits your Template ....
See the template running here: http://yaml-phpwcms.de/simpleyamllayout.phtml
Its only under this menu item, others are different.
So here we go .. readay to publish our content ! 2 Minutes !
Jürgen
Here a short play with YAMLs little project and standard phpwcms entries:
After in layout you decided to bring in you OWN Template style and you open the template section:
Fill in HTML Head:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>YAML/PHPWCMS| Simple Template Project Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- (en) Add your meta data here -->
<!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->
<link href="css/my_layout.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->Code: Select all
<div id="page_margins">
<div id="page">
<div id="header">
<div id="topnav">
<!-- start: skip link navigation -->
<a class="skip" href="#navigation" title="skip link">Skip to the navigation</a><span class="hideme">.</span>
<a class="skip" href="#content" title="skip link">Skip to the content</a><span class="hideme">.</span>
<!-- end: skip link navigation -->
<span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span> </div>
<h1>YAML-PHPWCMS | Simple Project Example</h1>
<span>A YAML in PHPWCMS based Layout in a <em>ready to use</em> project structure</span></div>
<!-- begin: main navigation #nav -->
<div id="nav"> <a id="navigation" name="navigation"></a>
<!-- skiplink anchor: navigation -->
<div id="nav_main">
{NAV_LIST_UL:HCSS,,1}
</div>
</div>
<!-- end: main navigation -->
<!-- begin: main content area #main -->
<div id="main">
<!-- begin: #col1 - first float column -->
<div id="col1">
<div id="col1_content" class="clearfix">
[PHP]
if(isset($GLOBALS ['LEVEL_ID'][1])) {
$level_id = $GLOBALS['LEVEL_ID'][1];
$name= $GLOBALS['LEVEL_STRUCT'][$GLOBALS['LEVEL_KEY'][$level_id]];
echo '{NAV_LIST_UL:VCSS,'.$level_id.',,,active,,,}';
}
[/PHP]
{LEFT}
</div>
</div>
<!-- end: #col1 -->
<!-- begin: #col2 second float column -->
<div id="col2">
<div id="col2_content" class="clearfix">
{RIGHT}
</div>
</div>
<!-- end: #col2 -->
<!-- begin: #col3 static column -->
<div id="col3">
<div id="col3_content" class="clearfix"> <a id="content" name="content"></a>
<!-- skiplink anchor: Content -->
{CONTENT}
</div>
<div id="ie_clearing"> </div>
<!-- End: IE Column Clearing -->
</div>
<!-- end: #col3 -->
</div>
<!-- end: #main -->
<!-- begin: #footer -->
<div id="footer">Footer with copyright notice and status information<br />
Layout based on <a href="http://www.yaml.de/">YAML</a></div>
<!-- end: #footer -->
</div>
</div>download and upload the small YAML Project from : http://www.yaml.de/fileadmin/download/a ... ct_102.zip
Thats all.
Ok, this is VERY simple... but it is nice to show how fast PHPWCMS fits your Template ....
See the template running here: http://yaml-phpwcms.de/simpleyamllayout.phtml
Its only under this menu item, others are different.
So here we go .. readay to publish our content ! 2 Minutes !
Jürgen
