“medifolio” Documentation by Dirk Leys


“medifolio”

Created: 22/10/2009
By: Dirk Leys

Thank you so much for downloading this theme. If you have any questions that are beyond the scope of this help file, please feel free to contact me here. Thanks!


Table of Contents

  1. Setting up medifolio
  2. CSS Files and Structure
  3. JavaScript
  4. Sources and Credits

A) Setting up medifolio - top

medifolio is a single page HTML theme for your business / portoflio. It's not tiny or big, just medium. It's a perfect way for you to show your services and give the users some examples of your work in a very stylish way. This theme uses a fixed layout. All of the information within the main content area is nested within a div with an id or class.

To install the theme, put the medifolio-Theme folder in the root directory of your website (you don't have to upload the 'Help' map)

Setting it Up.
Note: you can use any text-editor you like to edit the files.

The index.html page

The home page uses a vertical slider and has 4 columns to list your awards, acknowledgements and other stuff. To change the portfolio thumbnail images you can do the following:

You can change the large project images the same way:




B) CSS Files and Structure - top

I'm using one CSS file in this theme. This file is responsible for the global look of the template.

  1. style.css

The style.css file contains all of the specific stylings for the pages. The file is separated into sections using:

	
/* ### GENERAL ### */

	some code

/* ### HEADER ### */
	
	some code
	
/* ### CONTENT ### */

	some code
	
/* ### FOOTER ### */

	some code
	
	etc, etc. 

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.


C) JavaScript - top

This theme imports 2 Javascript files.

  1. jQuery
  2. Portfolio Slider

jQuery is a Javascript library that greatly reduces the amount of code that you must write. The animation in this site is carried out from the slider script. There's no need to change anything in here except for the animation time of the featured slider.




E) Sources and Credits - top

I've used the following images, icons or other files as listed.


Once again, thank you so much for downloading this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Dirk Leys

Go To Table of Contents