...your Template in 2 Minutes

If you have created additional (non official) documentation or tutorials or something like that please post this here
Post Reply
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

...your Template in 2 Minutes

Post by juergen »

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:

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]-->
in BODY section:

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">&nbsp;</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>
Nearly done (don't forget to put in articles later :mrgreen: )

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
User avatar
axelko
Posts: 138
Joined: Mon 27. Feb 2006, 22:51
Contact:

Re: ...your Template in 2 Minutes

Post by axelko »

Jürgen,
Good and simple description. I'll try it out in the coming days. Very usefull for all the people complaining about the lack of templates for phpwcms. And probably I've been sleeping, I didn't noticed your site http://yaml-phpwcms.de with so much usefull information before. Great work. (only the character encoding for 'umlaut characters' is wrong)

Greetz,

Axel
-------------------------------
intermedion
Posts: 22
Joined: Tue 27. Jun 2006, 00:50

Re: ...your Template in 2 Minutes

Post by intermedion »

Nice tutorial; just one question: where exactly do we upload the yaml files? I could not find the info on the yaml site or forum for phpwcms.
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: ...your Template in 2 Minutes

Post by juergen »

css directory in root ... or you may change to any place, respecting the path in HTML Header...
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: ...your Template in 2 Minutes

Post by Jensensen »

yaml's column concept isn't that just easy....
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
baptdk
Posts: 5
Joined: Mon 11. Aug 2008, 23:39

Re: ...your Template in 2 Minutes

Post by baptdk »

I have tried to make it in 2 minutes and it almost worked for me.

I just can't get col1 and col2 to work.

What could i have done wrong?

And where do I limit the distance between the link to keep it on one line instead of 2 lines?

Else I perfectly satisfied with this template and I will absolutely tell more friends about it.

Soren F
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: ...your Template in 2 Minutes

Post by juergen »

Hej .. congrats :)

col1 / 2 are div containers only, seperating your template, nothing else.

I stopped yaml project, santscho has done a new one

greez
Post Reply