hLLpť//wwwŦLobacampŦcom/LuLorlal/3ŴeasyŴsLepsŴconverLlngŴhLmlŴLemplaLeŴLoŴ[oomlaŴLemplaLe

/
Convertlng un HTML templute to u Joomlu templute ls not us hurd us you thlnk. Only flve eusy steps, und you cun creute
und use your Joomlu templute.
Why you wunt to leurn thls? becuuseÁ perhups you stumble lnto beuutlful free html templutes whlle browslng on the net
und reully wunt to use lt for your |oomlu bused webslte.
Prepure your templute. The templute should be (X)HTML & CSS compllunt. There ure lot of HTML templutes on the
Internet, |ust seurch them by uslng uncle Google. Templutes ln Joomlu ls flled underÁ u dlrectory numed templutes.
Ensure the HTML flle, lmuges und CSS flle ure lnslde one slngle dlrectory creuted under templutes folder. For exumple,
tuke u look ut the Joomlu templute structure below:

Joomlu wlll seurch lndex.php lnslde the templute dlrectory. So, renume the lndex.html flle to lndex.php.
Repluce the HTML code before the body tug of your HTML flle wlth thls code.
<.php

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
.
<!DJCTYPE 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="<.php echo $this-language; ."
lang="<.php echo $this-language; ."
<head
<jdoc:include type="head" /

<link rel="stylesheet" href="<.php echo $this-baseurl
./templates/system/css/system.css" type="text/css" /
<link rel="stylesheet" href="<.php echo $this-baseurl
./templates/system/css/general.css" type="text/css" /
<link rel="stylesheet" href="<.php echo $this-baseurl
./templates/your_template_name/your_css_directory/your_css_file.css" type="text/css"
/

</head
ou should notlce ut thls code:
<link rel="stylesheet" href="<.php echo $this-baseurl
./templates/your_template_name/your_css_directory/your_css_file.css" type="text/css"
/
Chunge ¨your_templute_nume" to the nume of your templute, ¨your_css_dlrectory" to nume of your css dlrectory, und the
lust, chunge ¨your_css_flle.css" to the nume of your css flle. If you huve more thun one css flle, you should declure them
one by one.
If you huve some |uvuscrlpt flles, you should declure them wlth the sume wuy.
The defuult Joomlu templute hus u few module posltlons such
us breudcrumb, left, rlght, top, user1,user2, user3, user4, footer, debug, syndlcute. The |oomlu module posltlons ure shown
below.

To creute u module posltlon, we need to pluce thls code <|doc:lnclude type="modules"
nume="your_module_posltlon_nume" /> to uproprlute posltlon. The nume uttrlbute ls the module posltlon nume. The
snlppet code to creute u module posltlon ls:
<div id="header_r"
<div id="logo"</div
<jdoc:include type="modules" name="top" /
</div
fter thut, you need to pluce u component. The code ls shown below.
<jdoc:include type="component" /
If you need to lnclude messuge, you only need to lnclude thls code:
<jdoc:include type="message" /
Creute u munlfest flle. ou need to creute u munlfest flle to llst ull flles you used. If you donȸt creute lt, lt wlll cuuse error
whlle lnstulllng your templute. Here ls the sumple of u munlfest flle:
<.xml version="1.0" encoding="utf-8".
<!DJCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"
"http://dev.joomla.org/xml/1.5/template-install.dtd"
<install version="1.5" type="template"
<nameyour_template_name</name
<creationDate25/01/2009</creationDate
<authorDani Gunawan</author
<authorEmaildani.gunawan@yahoo.com</authorEmail
<authorUrlhttp://tobacamp.com</authorUrl
<copyright</copyright
<licenseGNU/GPL</license
<version1.0.0</version
<descriptiontemplate description goes here</description
<files
<filenameindex.php</filename
<filenametemplateDetails.xml</filename
<filenametemplate_thumbnail.png</filename
<filenameimages/arrow.png</filename
<filenameimages/logo.png</filename
<filenamecss/template.css</filename
</files
<positions
<positionbreadcrumb</position
<positionleft</position
<positionright</position
<positiontop</position
<positionuser1</position
<positionuser2</position
<positionuser3</position
<positionuser4</position
<positionfooter</position
<positiondebug</position
<positionsyndicate</position
</positions
</install
onȸt forget to enllst ull your flles used ln your newly mude templute lnslde flles tug. If you mlssed, the flles wonȸt be
copled to Joomlu templute dlrectory durlng lnstullutlon process. posltlons tug ls used to declure the posltlon nume used ln
your templute.
Puckuge lt. ou muy creute u thumbnull of your templute before pucklng lt. It should huve 206px wldth und 150px helght .
und flnully compress your templute to u zlp flle und your templute ure reudy to go. onȸt forget to test lt before shurlng lt to
the Internet ln cuse you feel llke lt.
Our Genulne motorcycle uppurel from hookuhs to plus slze leuther |ucket ure effectlve for both work und pluy. ou cun buy
lurge vurlety of mens deslgner |uckets und hooded trench cout ut our onllne Superstore.

.

.34/70..90/.088 /0130/  *  47/0  #0897.9..088     %!92!& ..

.

.

.

%% %7..38943.

.

 995.

.

  47.

%#.

92.

%.

 /9/ 92238995.92 97.38943.

.

  47.

.

922.3:.3:.0 .3.498 .3550.:/09500./ /4./.0 0.3550.498 .

 .

80:7 . 3708908009701550.498 -.

908.9025.

88902.

88..

88950909.88902 .

88..

 3708908009701550.80:7 .498 -.

908.9025.

88902.

88..

0307.88950909. .

.88.

498 -. 3708908009701550.80:7 .

9025.908.

4:7*9025.20.90*3.

4:7*.88*/70.947.

88950909.88*10 .4:7*.

.88 .

  .

0.0.4/0 3708908009701550.80:7 .998./ 4:84:/349.498 -.

908.9025.

4:7*9025.90*3.20.

4:7*.947.88*/70.

4:7*.88*10 .88950909.

88 ..

  %0/01.88*10 .90 %0442.70902 430-430  14:.3084:7*9025.70843 -04  .7:2..9025.3/90 .709029908.88/70.08420...24/:05489438.20.947 ..1024/:054894388:.89 .:9442.759108 4:84://0.88894903.90 84:7*.8.. .024709..20414:7.90.8810 4:84://0.8.3084:7*.20414:7.8810 14:.90*3..20414:79025.88*/70.9478943.3430./. .20894903..8-70.019 79 945 :807 :807 :807 :807 144907 /0-: 83/.

.24/:0548943 0300/945.4/0/4.208. %4.90.2084:7*24/:0*548943*3.:/0950824/:088 3.3.098.70.

20.90548943 %03.90./44.20 %0 835509.70.57457.997-:9089024/:05489433.4/094./07*7 /.24/:05489438 /./0.94.

 /4.3./.:/095024/:083.20945.

 .

.:/0950.3.0.. 19079.42543039./.9 4:300/945.42543039 %0.4/08843-04  /4.

0 4:43300/943.0. 14:300/943.4/0 /4.:/098.3.:/09502088.:/02088.

1084::80/ 14:/43 9.70.70.:8007747 0389.90 0708908. 70.909 9.2.31089109489.2.3108910 .2.90.90.3108910 4:300/94.25041.34:79025..

4/3:91   %!389.!& .07843 03.2.

.

 .442.

.

%9025.90 .

.

 995.

.

442./0. 47.

2.

 .

20.90 389..90 3.90*3.07843 9509025. /9/ 389.9025.204:7*9025.

90.943.70.20 .3.

.

 .

3..70..90 .3:3.:947.943.

3 :3.44 ..:9472.:947 .42.3./..

.:9472. .:947&7995.

.

42..94-..25 .

.:947&7 .4579.

0380&..4579 .

!.

07843 .0380 ..

75943408070.07843 /08.90/08..759439025.

75943 108 103./08.203/0 55.

103.8 2.20 103.209025.9009.

209025.90*9:2-3.20 103. 53.103.

103.202.08.20 103.

774 53..

20 103.08.202.103.

44 53.

103.88.20.20 103.

88.90 .9025.

20 .103.

108 5489438 .

/.548943-70.7:2-.

548943 548943019.

548943 54894379.

548943 548943945.

548943 548943:807.

548943 548943:807.

548943 548943:807.

548943 548943:807.

548943 548943144907.

548943 548943/0-:.

90.548943 54894383/..

548943 .

5489438 .

.70..55.389...8945:8800.947/:73389.4.90  !.804:10009  :703:3024947.3/44/0/9703.42570884:79025.70.0 5/9...90/70.0147-4947.73994 9039073093.9.70174244.088 54894389. 4:..9038/01089.3/4:79025.20:80/3 4:79025.90.39 984:/.3-: ./09025.09 4:2.3/5...90-014705.709412038/08307.94:74330$:50789470   ..3/ 509  .0.450/94442.414:79025.943574..700110.907.90. 14:2880/ 9010843 9-0 . 43 914709940389./944 43 9147099490899-014708..70905489433.9094.510.9:2-3..09.9025..9.098.4:7108:80/34:7302.3/13.8:80/94/0.7070..

Sign up to vote on this title
UsefulNot useful