Custom Template Tutorials

If you have created additional (non official) documentation or tutorials or something like that please post this here
Post Reply
mnapiork
Posts: 3
Joined: Wed 22. Nov 2006, 18:27

Custom Template Tutorials

Post by mnapiork » Sun 26. Nov 2006, 01:42

Does anyone know where I can find tutorial/documentation for building custom templates?

:?:

User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post by flip-flop » Sun 26. Nov 2006, 08:11

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
Last edited by flip-flop on Mon 5. Feb 2007, 18:33, edited 4 times in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )

mnapiork
Posts: 3
Joined: Wed 22. Nov 2006, 18:27

Post by mnapiork » Sun 26. Nov 2006, 15:21

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?

User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

KH_Vorlage / KH_Template

Post by flip-flop » Sun 26. Nov 2006, 19:45

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
Last edited by flip-flop on Sat 15. Sep 2007, 23:03, edited 4 times in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )

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

Post by juergen » Sun 26. Nov 2006, 20:02

You would prefer Tablelayout or div-layout ?

beat
Posts: 99
Joined: Wed 23. Nov 2005, 15:18
Location: Gerzensee
Contact:

stcik to div and webstandards

Post by beat » Sat 2. Dec 2006, 08:57

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

loub0999
Posts: 28
Joined: Sun 10. Dec 2006, 04:27
Location: Montreal, Quebec, Canada
Contact:

where do the files go?

Post by loub0999 » Mon 11. Dec 2006, 07:16

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?
The only limits that exist, are those we impose on ourselves!
-me

velo
Posts: 38
Joined: Sun 29. May 2005, 14:48

Post by velo » Mon 11. Dec 2006, 07:56

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

zeta1600
Posts: 27
Joined: Thu 26. Jul 2007, 05:50

Post by zeta1600 » Mon 30. Jul 2007, 22:34

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?
Last edited by zeta1600 on Thu 15. Jul 2010, 03:51, edited 1 time in total.
v. 1.3.3
Server: Linux 2.6.18
Local: OS 10.4.9
Browser: Safari 2.0.0.6

zeta1600
Posts: 27
Joined: Thu 26. Jul 2007, 05:50

Post by zeta1600 » Wed 1. Aug 2007, 06:13

Well, after trial and error, I have started to piece the parts together.
v. 1.3.3
Server: Linux 2.6.18
Local: OS 10.4.9
Browser: Safari 2.0.0.6

Post Reply