Joomla! 1.6 templating

A presentation at Jira kennisdelen in August 2010 in Amsterdam, Netherlands by Hans Kuijpers

Slide 1

Slide 1

Joomla! 1.6 templating Hans Kuijpers (@hans2103) Jira ICT (@jiraict) Yireo (@yireo)

Slide 2

Slide 2

Slide 3

Slide 3

Slide 4

Slide 4

• • Difference in header 1.5 1.6 • • site and administrator templates on one page style for multiple use of one template

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

template styles

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Changing php and css through Joomla!

Slide 32

Slide 32

Slide 33

Slide 33

no subdir index.php error.php component.php

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

joomla_root/templates/template_name • • • • • • • index.php templateDetails.xml template_thumbnail.png template_preview.png (new) css/ images/ html/ fi • Template les

Slide 37

Slide 37

templateDetails.xml

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

index.php

Slide 44

Slide 44

Slide 45

Slide 45

Slide 46

Slide 46

CSS3

Slide 47

Slide 47

CSS3 • no more images needed for • rounded corners • dropshadow • gradient • tilt boxes or text • Firefox, Safari, Opera, Chrome and IE9

Slide 48

Slide 48

Slide 49

Slide 49

1 3 2 4

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

Slide 53

Slide 53

Slide 54

Slide 54

Slide 55

Slide 55

Slide 56

Slide 56

Slide 57

Slide 57

Everybody loves fast websites thank you!

Slide 58

Slide 58

Joomla! 1.6 templating Hans Kuijpers (@hans2103) Jira ICT (@jiraict) Yireo (@yireo) www.yireo.com

Slide 59

Slide 59

• http://www.howtocreate.co.uk/tutorials/css/slopes