Friday, May 17, 2013

Duplex Creative HTML Template.







Duplex Creative HTML Template. - Creative Site Templates



Preview Note


ThemeForest preview bar might interfere with some scripts, so kindly click the REMOVE FRAME for full access on Preview.



Duplex Creative HTML Template Features


Duplex Creative HTML Template Comes with 15 Different Pages which includes two different versions for Home & Services Pages. Well Documented, Can be easily customized as per your requirements.



Duplex Creative – HTML Structure


Duplex theme is a fixed layout with 3 main sections named header, section (content area) and footer. The general template structure is the same throughout the template. Here is the general structure Preview:





If you would like to edit the color, font and style of that element, you would do the following:


Find the appropriate style that needs to be edited


I.E: The font-size, color etc… of the Content needs to be changed



.tab_content_left {
color: #343333;
float: left;
font-size: 14px;
line-height: 20px;
width: 328px;
}

To ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.



Duplex Creative – CSS Files and Structure



We are using 1 CSS files in this theme: “style.css” – “style.css” contains all general styling, such as colors, font-sizes, etc. but also all of the specific stylings for the page.



The “style.css” file is separated into sections using:





If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.



I.E. you want to change the header height:



/* HEADER */<br />
.header-main{
width:100%;
height:77px;
background: url('../images/menu_pattern.jpg') repeat;
border-bottom:1px solid #696969;
padding-bottom:1px
}


JavaScript



Duplex theme imports four Javascript files.



  • jQuery (jquery-1.4.4.min.js)

  • Image Fade Effect Plugin (fade-plugin.js)

  • Jquery Carousel (jquery.carousel.js)

  • Jquery Easing Plugin (jquery.easing.1.3.js)

  • Jquery Model Overlay (jquery_overlay.js)



we have explained detailed customization info with source & credits in HELP document



Contact / Support


If you have any questions, please send an email to info@pxoutline.com We’ll gladly do our best to help you.



Themes We Crafted.



“Illumine” Doctors & Health Care Theme – PSD Template




“Grab” Restaurant – WordPress Theme




“Imagery” Single Page Responsive Portfolio – HTML Template




“Outline” Multi Purpose – PSD Template




Stay Connected


Follow me on ThemeForest
Follow me on ThemeForest







No comments:

Post a Comment