Page 1 of 1

Custom Template Tutorials

Posted: Sun 26. Nov 2006, 01:42
by mnapiork
Does anyone know where I can find tutorial/documentation for building custom templates?

:?:

Posted: Sun 26. Nov 2006, 08:11
by flip-flop
Hi mnapiork,

I hope I understand you right. In this system at this time we only have custom templates. There is no basic template includet. That is why you see a white page after an installation and first run at the frontend.

But that is no problem:
------------------------------------
One old basic step doc but it works (table based): http://www.phpwcms.de/forum/viewtopic.php?t=2776

The original by O.G. (table based): http://www.phpwcms.de/index.php?id=14,0,0,1,0,0

A good german doc site by pepe (table based): http://www.peperkorn-online.de/quick-st ... -dev.phtml

A german template site by pepe (DIV based): http://www.phpwcms-templates.de/

A Template using YAML. (at this time only in german language): http://yaml-phpwcms.de/

And last but not least seven engl. templates (DIV based): http://www.128.weitzelmedia.de/index.php?templates
------------------------------------
Documentations: http://www.phpwcms.de/forum/viewtopic.php?p=77825#77825

Regards Knut

Posted: Sun 26. Nov 2006, 15:21
by mnapiork
Thanks for the links, but I was actually inquiring about making my own templates. I can't seem to find any documentation on developing custom templates. I want to design my own template/layout and plug Phpwcms into it.

Do you know where I can find documentation on this?

KH_Vorlage / KH_Template

Posted: Sun 26. Nov 2006, 19:45
by flip-flop
mnapiork wrote:I want to design my own template/layout and plug Phpwcms into it.
That isnĀ“t the right way. You must plug your template into phpWcms.

Admin:
-> page layout for custom template: e.g.

Image

-> custom template into the main block: e.g.

Image

You can fill in what you want between <body> and </body>

Please generate a little little testpage, fill in only into the main block e.g.

Code: Select all

<div class="box1">

<div class="box2">
<p style="list-style:none;margin-left:20px;margin-top:50px;">
 {NAV_LIST_UL:F}</p>
</div>

<div class="box3">
<p>My Content</p>
{CONTENT}
</div>
and add into your frontend.css -> Admin -> default css

Code: Select all

.box1{
color:black;
background:gray;
border:1px solid black;}

.box2{
margin:0;
padding:10px;
float:left;
width:200px;}

.box3{
margin-left:215px;
margin-right:40px;
padding:10px;
background:silver;}
Now have a look at frontend into the generated source.

You will see.

{CONTENT} normaly are the placeholder for any articles you generate.

Regards Knut :D

Posted: Sun 26. Nov 2006, 20:02
by juergen
You would prefer Tablelayout or div-layout ?

stcik to div and webstandards

Posted: Sat 2. Dec 2006, 08:57
by beat
to be frank, this is not really the question. If ever you can us webstandards, this means tableless design where ever possible. so xhtml and css

where do the files go?

Posted: Mon 11. Dec 2006, 07:16
by loub0999
Hello, I'm a graphic designer and not a programmer, so I haven't a clue when it comes to php or any other language. Setup was painless in Fantastico, I read the few posts I could find in English on Templates.

So, i get how to use the software to make templates with just HTML or CSS, but if I want to design with pixels in Photoshop / Image Ready and then make a page layout in Dreamweaver, I get that i copy my code from Dreamweaver into the phpwcms admin interface, but where do I place the image files on my server? What is the URL that I put in my code to point to them?

Posted: Mon 11. Dec 2006, 07:56
by velo
Put them into the picture folder and the url will be like:
<img border="0" width="162" src="picture/tour de france.jpg" alt="Tour de France 2007" />

or upload them with the filemanager inside phpwcms



gr.
Velo

Posted: Mon 30. Jul 2007, 22:34
by zeta1600
I would really like to learn how to make this dreamweaver template work on the phpwcms. http://www.(removed).com/index.html

This is basically a two-column layout with a header and footer, but no left or right nav bar.

I guess I really just need to know how to make that layout in the admin/page layout and admin/templates.

I have uploaded the template http://www.128.weitzelmedia.de/index.php?install_tmpl3 and have edited to make it usable for me. But, I am wondering why only the "main" table is used? I am having to edit the css to make the changes.

Can anyone help?

Posted: Wed 1. Aug 2007, 06:13
by zeta1600
Well, after trial and error, I have started to piece the parts together.