“Right Now” Documentation by “RenkliBeyaz” v1.0.1


“Right Now Full Background and Audio Supported”

Created: 29/01/2012
Updated: 16/02/2012
By: RenkliBeyaz
Email: salih@renklibeyaz.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, forumumuzdan destek alabilirsiniz. RenkliBeyaz.com/forum. Thanks so much!


Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. PSD Files

A) HTML Structure - top

This theme's style is full backgroud image or video with audio support. Sub pages support up to 4 columns. All content is loaded with ajax. So that, index.html contains just background, audio, controller, loading, footer elements. Some of elements must not be changed.


  • EMMA JONES

    Donec pellentesque faucibus facilisis. Etiam ullamcorper, felis sed tincidunt pellentesque, libero enim metus.

...
...
  • BRANDZ - ANGELDUST (2012)
  • ...
CLOSE
Right Now

As their names suggest, the divs are used as follows:

HOME PAGE

CHANGING BACKGROUND CONTENTS

If you want to use IMAGE at background its width must be between 1024x768px and 1920x1080px. And you must use class="thumb".


		

There are 3 ways to use the audio. There are API support for youtube and vimeo and JWPlayer for hosted videos. Jwplayer supports flv, f4v, m4v, mp4, mov file formats. A href link will determine the way. You can find the samples below.


		

		

		

ARRANGING AUDIO LIST

Every li includes song name and 2 file paths. Every audio has to have 2 file formats (mp3 and ogg) with the same name. Some of the browsers support mp3 and others ogg. Theme selects the true format for the browser. Sample usage below.

  • BRANDZ - ANGELDUST (2012)

B) CSS - top

This theme's CSS file is created by lesscss css library. And file name is style.less. You can change the theme type (light or dark), colors, fonts with this file (variables at the top) You can find the descriptions below.

@ColorFirst: #e1523d;

@NormalFont: 'PT Sans', sans-serif;
@HeaderFont: 'Terminal Dosis', sans-serif;

/*Dark Them Variables*/
@ColorSecond: #FFFFFF; /* Reverse Of Fist Color*/
@BackgroundColor: #000000;
@ThemePrefix: "dark"; /* Must be light or dark */
@LineColor: #333333;
@OutLine: #000000;
@TextColor: #cccccc; /* Color of Content Texts */
@PasifButtonBg: #232323; /* Social, Background controller and playlist buttons background */

/*Light Them Variables*/
/* If you want use light theme please remove escape characters
@ColorSecond: #000000;
@BackgroundColor: #ffffff;
@ThemePrefix: "light";
@LineColor: #999999;
@OutLine: #000000;
@TextColor: #333333;
@PasifButtonBg: #555555;
*/
		

CHANGING WEB FONTS

There are two font styles. One of them for the Headers and other is for content text. To change this you must edit 2 files. First is in header section of index.html.

 	

Secondly you should change value this line below in style.less.

@NormalFont: 'PT Sans', sans-serif;
@HeaderFont: 'Terminal Dosis', sans-serif;
		

At this link http://www.google.com/webfonts there are 400+ Google WebFonts. By clicking "Quick Use" Button you can see how to use it.


C) JavaScript - top

The theme contains the following JavaScript files;













		
  1. jquery-1.7.min.js jQuery< 1.7/li>
  2. clip.js jQuery clip animation Plug-in
  3. jquery.mousewheel.min.js jQuery Mouse Wheel Plug-in for Scroll
  4. jquery.easing.1.3.js jQuery Easing Plug-in
  5. jquery.quicksand.js Quicksand jQuery Plug-in; This file is used for portfolio item filtering
  6. http://maps.googleapis.com/maps/api/js Google Maps Script; This file is used for the map in Contact Page
  7. jquery.validate.min.js jQuery Validate Plug-in; This file is used for validating Contact Form
  8. jquery.history.js jQuery Deeplink Plug-in
  9. jwplayer/jwplayer.js jQuery JW Player Api
  10. froogaloop.js jQuery Vimeo Player Api
  11. less-1.1.6.js jQuery LessCSS Plug-in
  12. main.js It contains all javascript functions.

CUSTOMIZING YOUR THEME

Additionaly you can customise your theme by editing below values. These parameters are inside of header section of index.html


		

D) PSD Files - top

I've included three psds and one elments folder with this theme:

  1. RightNow_Home.psd The main layout
  2. RightNow_Blog.psd The blog layout
  3. RightNow_Pages.psd The sub pages layouts and some elements

Once again, thank you so much for purchasing 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.

RenkliBeyaz

Go To Table of Contents