Test Drive
Take the template for a test drive! These are the exact same administrator parameters as you would see them in the template manager on your site, feel free to explore and modify any options, save them and see how the frontpage changes
(this tool is for demo purposes only)
.
XTC Framework provides not just an excellent toolbox of features to create fast and powerful Joomla! templates, but also allows the creation of administation pages that are as easy and sophisticated as you or your customers want.
Our XTC templates come with a flexible set of pre-built options, and you can easily add more including layouts, CSS groups and parameters.
Reset Values
(changes will be applied automatically to the template window)
Parameters
Default Layout
Default
Layout Parameters
Default
StyleXTC Core Layout
Grid Style
Default
Template Style
Style 1
Style 2
Style 3
Style 4
Style 5
Style 6
Style 7
Style 8
Style 9
Style 10
Typography Style
Default
Grid Parameters
Default
A template layout based on regions
Main Wrap Width
Separator between columns
Separator between regions
Region Order
Region 3 Column order
newsflash r3left r3right
newsflash r3right r3left
r3left newsflash r3right
r3left r3right newsflash
r3right newsflash r3left
r3right r3left newsflash
Region 5 Column order
center left right
center right left
left center right
left right center
right center left
right left center
Region 6 Column order
center left right
center right left
left center right
left right center
right center left
right left center
Region 7 Column order
center left right
center right left
left center right
left right center
right center left
right left center
Region 9 Column order
center left right
center right left
left center right
left right center
right center left
right left center
Left Width
Right Width
Left2 Width
Right2 Width
Left3 Width
Right3 Width
Left4 Width
Right4 Width
Custom Module Widths
User1 Position width
User2 Position width
User3 Position width
User4 Position width
Region2
Region 2 BG Color
Region 2 Padding
Region 2 Inner Border
Region 2 Inner Padding
Region3
Region 3 BG Color
Region 3 Padding
Region 3 Inner Border
Region 3 Inner Padding
Region4
Region 4 BG Color
Region 4 Padding
Region 4 Inner Border
Region 4 Inner Padding
Region5
Region 5 BG Color
Region 5 Padding
Region 5 Inner Border
Region 5 Inner Padding
Region6
Region 6 BG Color
Region 6 Padding
Region 6 Inner Border
Region 6 Inner Padding
Region7
Region 7 BG Color
Region 7 Padding
Region 7 Inner Border
Region 7 Inner Padding
Region 8
Region 8 BG Color
Region 8 Padding
Region 8 Inner Border
Region 8 Inner Padding
Region 9
Region 9 BG Color
Region 9 Padding
Region 9 Inner Border
Region 9 Inner Padding
Region 11
Region 11 BG Color
Region 11 Padding
Region 11 Inner Border
Region 11 Inner Padding
Colors & Graphics
Style 1
This is style #1
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Color
Global Button Font Color
Global Button Hover Color
Box Shadow
Box Shadow
Style 2
This is style #2
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Color
Global Button Background Color
Global Button Font Color
Global Button Hover Color
Box Shadow
Box Shadow
Style 3
This is style #3
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 4
This is style #4
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background Image Position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 5
This is style #5
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 6
This is style #6
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 7
This is style #7
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 8
This is style #8
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button Font Hover Color
Box Shadow
Box Shadow
Style 9
This is style #9
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Global Button Font Color
Global Button FontHover Color
Box Shadow
Box Shadow
Style 10
This is style #10
Background image
- Do not use -
45stripe.gif
bkg-beige-ornate.jpg
bkg-brown-loop.png
bkg-gumball.png
bkg-light-cubes.jpg
cloudsbkg.jpg
pixelpat.png
slatebkg.jpg
Background image position
Position top center
Repeat image top left to top right
Repeat image top center to bottom
Repeat
Body Background Color
Global Font Color
Logo
- Do not use -
divider.png
logo-blue.png
logo-green.png
logo-grey.png
logo-orange.png
logo-purple.png
logo-red1.png
logo-yellow.png
logo-yellow1.png
logo.png
Logo Icon
- Do not use -
logo-icon-blue.png
logo-icon-green.png
logo-icon-grey.png
logo-icon-orange.png
logo-icon-purple.png
logo-icon-red1.png
logo-icon-yellow.png
logo-icon.png
Component Heading Font Color
Content Heading Font Color
Main Menu
Main Background Color
Main Font Color
Main Active Background Color
Main Active Font Color
Main Hover Background Color
Main Hover Font Color
Drop-down Tick
- Do not use -
tick-black.gif
tick-blue.gif
tick-green.gif
tick-orange.gif
tick-purple.gif
tick-yellow.gif
tick.gif
Drop-down background image
- Do not use -
mborder-black.gif
mborder-blue.gif
mborder-green.gif
mborder-orange.gif
mborder-purple.gif
mborder-red.gif
mborder-yellow.gif
Drop Menu Background Color
Drop Menu Font Color
Drop Menu Active Font Color
Drop Menu Hover Font Color
Module Title Font Color
Global Button Background Color
Button Color
Button Hover Color
Box Shadow
Box Shadow
Typography Parameters
Default
Default Typography
Text Direction
LTR
RTL
Global Font Size
Global Font Family
Component Font Size
Component Heading Font Family
Content Heading Font Size
Content heading Font Family
Module Title Font Size
Advanced Parameters
Framework
These parameters control the template behavior
CSS Mode
Single File
Separate Files
Head Embedding
CSS Compression
Off
On
Component Display
ALL COMPONENTS
com_banners
com_cache
com_ccnewsletter
com_community
com_config
com_contact
com_content
com_cpanel
com_eventlist
com_installer
com_jcomments
com_jxtctestdrive
com_k2
com_kunena
com_languages
com_mailto
com_massmail
com_media
com_menus
com_messages
com_modules
com_newsfeeds
com_plugins
com_poll
com_rsfirewall
com_search
com_templates
com_user
com_users
com_weblinks
com_wrapper