Custom Template Tutorials

If you have created additional (non official) documentation or tutorials or something like that please post this here

Custom Template Tutorials

Postby mnapiork on Sun Nov 26, 2006 00:42

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

:?:
mnapiork
 
Posts: 3
Joined: Wed Nov 22, 2006 17:27

Postby flip-flop on Sun Nov 26, 2006 07: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-start_vers_1-2-1-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 Feb 05, 2007 17:33, edited 4 times in total.
>> DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
flip-flop
 
Posts: 5519
Joined: Sat May 21, 2005 19:25
Location: HAMM (Germany)

Postby mnapiork on Sun Nov 26, 2006 14: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?
mnapiork
 
Posts: 3
Joined: Wed Nov 22, 2006 17:27

KH_Vorlage / KH_Template

Postby flip-flop on Sun Nov 26, 2006 18: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 Sep 15, 2007 21:03, edited 4 times in total.
>> DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
flip-flop
 
Posts: 5519
Joined: Sat May 21, 2005 19:25
Location: HAMM (Germany)

Postby DF6IH on Sun Nov 26, 2006 19:02

You would prefer Tablelayout or div-layout ?
http://www.phpwcms-docu.de/download-dev-versions.phtml --> playing 304
....We are 1.5.0 ...
How to code my own Module? -> http://jgbm.de/Module-creation-guide-1.phtml
User avatar
DF6IH
 
Posts: 2502
Joined: Mon Jan 10, 2005 17:10
Location: Hoffenheim (fast)

stcik to div and webstandards

Postby beat on Sat Dec 02, 2006 07: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
beat
 
Posts: 95
Joined: Wed Nov 23, 2005 14:18
Location: Gerzensee

where do the files go?

Postby loub0999 on Mon Dec 11, 2006 06: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
loub0999
 
Posts: 28
Joined: Sun Dec 10, 2006 03:27
Location: Montreal, Quebec, Canada

Postby velo on Mon Dec 11, 2006 06: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
velo
 
Posts: 38
Joined: Sun May 29, 2005 12:48

Postby zeta1600 on Mon Jul 30, 2007 20:34

I would really like to learn how to make this dreamweaver template work on the phpwcms. http://www.printoria.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?
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 Jul 26, 2007 03:50

Postby zeta1600 on Wed Aug 01, 2007 04: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
zeta1600
 
Posts: 27
Joined: Thu Jul 26, 2007 03:50


Return to (unofficial) tutorials & documentation

Who is online

Users browsing this forum: Alexa [Bot] and 0 guests