technik Options

Wanna play?

Customize the header!

Test Vertical Rhythm?

Technik

DJ-Image Slider

  • Welcome
    Welcome

    Welcome to Technik!

    The Technology Inspired Template for Corporate Clients

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam, eaque ipsa quae ab illo inventore.

    Read More

  • Perfect Typography
    Perfect Typography

    Pixel Perfect Typography

    Sorry, but we couldn't find a single dead pixel!

    You can check the template vertical rhythm anytime with one click but remember to do the test with Firefox as other browsers still have rendering issues.

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam.

    Check Now!

  • Buttons
    Buttons

    Buttons Made Right!

    Crafted with CSS3 techniques, the buttons gonna rock!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

    All input type=button, buttons or class button elements have the same styling voluptatem accusantium doloremque laudantium totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

    He he.. get More

  • Tables
    Tables

    Price Tables for All Businesses

    The sample tables are just enough to customize and start selling right away!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam, eaque ipsa quae ab illo inventore.

    Show me!

  • Module Styles
    Module Styles

    Module Styles Made Awesome!

    Unique module styles for Joomla!

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam, eaque ipsa quae ab illo inventore.

    Explore now

  • Themes
    Themes

    Multiple Styles for Flexible Businesses!

    Technik Template Provides 5 Color Options

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam, eaque ipsa quae ab illo inventore.

    Shift your business!

  • Buy Technik
    Buy Technik

    It's time to get Successful!

    Technik is an awesome template for corporate clients with stunning design, unique customizations, price tables, unique module styles, buttons styles, custom pages and more. Further more it comes fully documented and PSD Sources included.

    Support is provided via all possible channels.

    Get Started Features Documentation Buy Now!

Customization Guide

Your theme

The template comes with various themes ready to use but you can also use them to develop your own themes. I recommend customizing your own theme and not modify the core default theme or core theme variations (makes it really easy for you to track changes and maintain/update the design). Basically, you can copy one of the themes, customize it's code and rename it to your convenient name. Finally you can update it's info.xml file accordingly. Here more info.

Now, to make it a core theme, you must copy it to your-site/templates/your-template/core/themes folder. You can also make it a local theme by copying it to your-site/templates/your-template/local/themes folder, or simply using the theme upload feature in the Themes Panel.

You can now continue customizing your own theme, you know.. details. Below, you have some video tutorials on how to customize any T3 Framework 2 Template by developing a theme, so you have some quick guides on customizing the logo, top panel and footer. The videos are for you to learn the basics, more advanced stuff you can learn from me.


User Theme Part 1

Click here


Contents:

  • Preparation: planning, creating files and folders
  • Customizing header
  • Customizing the spotlights

User Theme Part 2

Click here


Contents:

  • Mega Menu
  • Links
  • HTML overrides
  • Suffix class

The user-theme video tutorial comes with a support article providing code samples and additional information.

Logo Customization

Desktop Layout Logo

Remember I don't recommend changing the core default theme (read the above paragraphs). However, if you are an advanced user, here is how to do it:

  • Copy your logo to your-theme/images or your-site/templates/your-template/images folder.
  • With your favorite code editor, open your-template/css/template.css or your-theme/css/template.css and find (for core default theme) or copy (for your theme) the following code (see more instructions below):
    Example:
    /* Logo Image ---*/
    h1.logo { width: 180px; height: 45px; padding: 30px 0;} /* update the padding, width and height here */
    
    h1.logo a {
    	background: url(../images/your-logo.png) no-repeat left; /* update the path to the new logo here */
    	display: block;
    	width: 180px;	/* update the width here */
    	height: 45px;   /* update the height here */
    }
    
  • Save the file and check the front-end. At this point you can only check changes made to the core default theme. To check changes applied to your custom theme, you must create your own setup. Please check below.

You also have a short video tutorial on this technique here.

Please note that this change also apply to offline page.

Mobile Layouts Logo

If you choose to use the mobile ready layouts, you also need to customize the same new logo. These layouts are styled outside the themes. Here is how to do it:

Handheld Layout
  • Copy your logo to template/css/handheld/ folder.
  • With your favorite code editor, open template/css/handheld/template.css find and update the following code (see more instructions below):
    Example:
    /* Logo Image ---*/
    h1.logo { height: 45px; width: 180px; } /* update the width and height here */
    
    h1.logo a {
    	background: url(your-logo.png) no-repeat center; /* update the path to the new logo here */
    	display: block;
    	height: 45px; /* update the width here */
    	width: 180px; /* update the height here */
    }
    

iPhone Layout
  • Copy your logo to template/css/iphone/ folder.
  • With your favorite code editor, open template/css/iphone/template.css find and update the following code (see more instructions below):
    Example:
    /* Logo Image ---*/
    h1.logo { height: 45px; width: 180px; } /* update the width and height here */
    
    h1.logo a {
    	background: url(your-logo.png) no-repeat center; /* update the path to the new logo here */
    	display: block;
    	height: 45px; /* you must update the width here */
    	width: 180px; /* update the height here */
    }
    

Footer Customization

To remove the "Designed by" and "Powered by" signature, please follow this quick guide:
  • With your favorite code editor, open template/html/mod_footer/default.php
  • Find
    This code
    <small><?php echo $lineone; ?> Designed by <a href="#dnp" title="Dan Partac">dnp</a>. Powered by <a href="http://t3.joomlart.com" target="_blank" title="T3 Framework 2.0">JAT3</a>.</small>
    
    replace with
    This code
    <small><?php echo $lineone; ?></small>
    
  • Save the file and check the front-end.

This change affects all layouts.

Your setup

This refers to creating your own custom settings for profile and global template configuration. Your custom theme have to be assigned to a profile you have to create, and then assign this profile as default in the Global Panel.

All these settings are be maintained over updgrade via JA Extensions Manager.

To create your own profile to use your theme, your custom layout and all the settings that you need, please follow this guide:

  • To make it a core profile, copy one of the profiles provided; let's say template/core/etc/profiles/silver.ini and rename it into your-profile-name.ini.
  • Open this newly created file and edit accordingly. See example below:
    Example:
    setting_screen="fixed"
    screen_fixed_width="980px"
    themes="core.your-theme-name"
    

    *You can also add some more settings.
  • Save the file.
  • To make it a local profile, simply click the New button in the Profiles Panel, type in a name for it and start customizing the settings. More instructions here.

The next thing to do is to assign this profile as default for all pages in the Global Panel. Click here for instructions.

Typography related | Here some links for you to explore the template typography

Some Customer Testimonials | Lorem ipsum dolor sit amet consectetur

  • Wow very surpised about the agreement!
    Wow very surpised about the agreement!
    RobertVivamus lobortis ut tristique dignissim pellentesque vel libero et metus Curabitur. Ut enim ad minim veniam sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dui sem magnis tempor gravida.

    Robert Glunt - Company name

  • Amazing design and support. Thank You!
    Amazing design and support. Thank You!
    JaneUt enim ad minim veniam sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.

    Dui sem magnis tempor gravida tortor ridiculus iaculis Maecenas Nam nonummy. Vivamus lobortis ut tristique dignissim pellentesque.

    Jane Sullivan - Company name

  • Couldn't believe how good this is!!
    Couldn't believe how good this is!!
    JohnLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam sunt in culpa qui officia deserunt laborum.

    Dui sem magnis tempor gravida tortor ridiculus iaculis Maecenas Nam nonummy. Vivamus lobortis ut tristique dignissim pellentesque.

    John DOE - Company name

Subscribe to our Newsletter | Be the first to know the latest

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

Read our news on a
or basis.

Quickly get in touch with us | And tell us what you think or want

Email
Subject
Message