vBSEO Style 1.0 PRO Readme File

vBSEO Style for vBulletin 3.8.x Installation Instructions

  vBSEO Home|Support Ticket System|Downloads|Affiliate Program 
 
  Thank-you for using the vBSEO Style, we hope you enjoy it!
Note: The vBSEO Style Product (Version 1.0 PRO) is not officially supported. However, if you have any questions or encounter issues during the installation, our community will be glad to help you via the Templates Modifications Forums @ vBSEO.com. Thank-you.

Copyrights, Credits, and Other Important Information

Copyright Statement

vBSEO Style 1.0 PRO product is © 2005-2009 Crawlability, Inc.

License Agreement

The vBSEO 1.0 PRO Style is available for all vBulletin forums.

Restrictions:

  1. You ARE NOT allowed to REMOVE or MODIFY the copyright text within the .xml files themselves.
  2. You ARE NOT allowed to DISTRIBUTE the contents of any of the included files.
  3. You ARE NOT allowed to COPY ANY PARTS of the code and/or use it for distribution.
Thanks for your cooperation.

vBulletin 3.8.x Installation Instructions

A. Upload ALL the files in the 'upload' folder to your forum root folder.

Note: When prompted to replace existing files or folders, click "Yes to All'. This will ensure that all files are uploaded with the same folder structure provided in your 'upload' folder.

B. Import the vBSEO Style Product file.

  1. Go to your ADMIN CP > 'Plugins & Products' > 'Manage Products' > Click on [Add/Import Product]
  2. Browse to the 'docs' folder of the installation package and open 'product_vbseo_1.0_style_pro.xml', Click 'Import'.

C. Import the vBSEO Style .xml file.

  1. Go to your ADMIN CP > 'Styles & Templates' > 'Download / Upload Styles' > Click on [Browse]
  2. Browse to the 'docs' folder of the installation package and open 'vbseo_style_1.0_pro_style.xml', Click 'Import'.
  3. Under 'Title for Uploaded Style', enter:

    vBSEO Style 1.0 PRO

  4. Select 'No Parent Style'.
  5. Select 'Display Order' or keep default.
  6. Set 'Allow user selection: Yes. - Note: You must still set this style as default via your 'vBulletin Options' > 'Style & Language Settings' to make it visible to all users.

D. Set your vBSEO Relevant Replacements:

Note: The vBSEO Style Relevant Replacements described below are optimal for most forums, they are the ones currently used @ vBSEO.com. If you intend to change these settings, ensure you maintain the <html> tags and classes that appear in the patterns below to prevent your skin layout from breaking.
  1. Using your browser, login to: http://www.yoursite.com/vB-root/vbseocp.php.
  2. Click on the 'Quick Jump' navigation item: Relevant Replacements.
  3. Define your vBSEO Relevant Replacements.

    Enter the following within <!--VBSEO_RR_1--> (for forumdisplay pages):

    <h2>[forum_title]</h2><p id="relevant_replacement">Below you will find a list of discussions in the <b>[forum_title]</b> forums at the [bb_title]. [forum_description]</p>

    Enter the following within <!--VBSEO_RR_1--> (for showthread pages):

    <h2>[thread_title]</h2><p id="relevant_replacement">This is a discussion on <em>[thread_title]</em> within the <b>[forum_title]</b> forums, part of the [parent_forum_title] category; [first_post_20_words]...</p>

    Enter the following within <!--VBSEO_RR_2--> (for forumdisplay pages) - Note: Replace 'vBSEO.com' with 'YourSite.com':

    [parent_forum_title] - [forum_title] at vBSEO.com

E. Changing Header and Footer Colors:

  1. Go to your ADMIN CP > 'Styles & Templates' > 'Style Manager' > Choose All Style Options from the Style menu
  2. Search for the following CSS variables within Additional CSS Definitions:

    .vbseo_top_menu {
    position: absolute;
    top: -5px;
    right: 0px;
    height: 28px;
    border: none;
    width: 100%;
    background-color: #9CCE21;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px 5px;
    -webkit-border-top-right-radius: 5px 5px;
    z-index: 10;
    }

    #vbseo_bottom_menu {
    background-color: #9CCE21;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius: 5px 5px;
    -webkit-border-bottom-right-radius: 5px 5px;
    }

  3. Change the background-color value to the desired color.