“FBar PHP Demo Bar” Documentation by “DailyDesignNotes Team

---

“FBar PHP Demo Bar”

---

General Informations

First thanks you so much for interested and purchased our script .

If you are web designer or developer and if you are sell your works on Envato, I think this plugin ideal and very important for you. So, you can show your WordPress themes, Joomla templates or HTML templates with our awesome FBar demo bar plugin. If you want see any demo for this plugin click our demo link are below. This is a demo bar would be shown on top of page, allow users to preview another theme. The demo bar is customisable at style.css

One of major features of this script, you can test responsive layouts with demo bar (try mini device icons), social media share buttons included (Twitter, Facebook and Google Plus), you can upload your custom logo and favicons, purchase and remove iframe button included. You can create limitless of theme demos with FBar!. You can create wonderful demo bar or theme switcher using this PHP script documentation for you even without needing to know programming or coding!

---

Style Options

Open your style.css file in your FBar folder. After you can change any colors, sizes and more. That's it :)

---

Logo Option

Open your images folder in your FBar folder. After you can upload your custom logo with same name (logo.png) Recommended size 54px - 54px. That's it :)

---

Installation

First, you must create a folder name like “demos” or you must create a subdomain if you are using cpanel from your hosting account like same name. After downloaded our fbar.zip file upload all files to the “demos” folder in your ftp.

For example your url should show like this : demos.yoursite.com or yoursite.com/demos

After, open redirect.php file with any code editor like Dreamveaer, Notepad++ and change top.location.href = 'http://webdesigntunes.com/fbar/ to your demo url like yoursite.com/demos/. This is very important if you want remove Envato bar :)

Next step, open index.php file and change all http://webdesigntunes.com/fbar/ to your demo url like yoursite.com/demos/

---

Options

After the installation process is complete, it’s time options. This step will tell you to edit the files you have downloaded. Open “index.php” with any text editor (notepade, Notepad + +, Dreamweaver) find and edit the following codes;

---

“id” : Theme name

“url” : Theme demo url

“preview” : Theme preview image url for demo bar

“type” : Theme type like WordPress, HTML, Joomla etc.

“ddn” : Paste your theme sale page url (ThemeForest)

---

USAGE

If all steps has been done, i will tell you how to use this demo bar right now. So, the usage is very simple! To add your theme demo link, simply place your theme name at the end of your URL’s – just add ?theme=THEMENAME.

Here’s an example: http://demos.yoursite.com/?theme=THEMENAME or http://yoursite.com/demos/?theme=THEMENAME

Note: If you will sell your themes from ThemeForest and if you want remove ThemeForest demo bar from your demos, use redirect functions like this:

http://demos.yoursite.com/redirect.php?theme=THEMENAME or http://yoursite.com/demos/redirect.php?theme=THEMENAME

That’s it.! This is end of our description. I hope you benefit from this simple example. Always suggestions and possible corrections are welcome. Please share your rating if you like this item or say “thanks” :) Also, please dont forget to share this post with your friends.

---

Credit

jQuery Plugins

• Introducing Item Switcher
• jResize

---

Once again, thank you so much for purchasing this template from us. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. Please contact me via my author contact form. We'll do our best to assist!

WebDesignTunes Team

Go to top

---